@import url("profile.css");

/********************************************************************************
  *
  *     Filename:        base.css
  *     Description:     Skadate Velvet Theme Base CSS File
  *     Version:         1.0.0
  *
  *     -- FILE STRUCTURE: --
  *
  *     [ 1] CSS Defaults Reset          __reset
  *     [ 2] Base Elements               __base
  *     [ 3] Masterpage & Page Layout    __layout
  *     [ 4] Forms                       __forms
  *     [ 5] Common Blocks               __blocks
  *     [ 6] Standard Listings           __listings
  *     [ 7] Tables                      __tables
  *     [ 8] Messages & Notifications    __messages
  *     [ 9] Thumbnails & Icons          __icons
  *     [10] Menus                       __menus
  *     [11] Pagination                  __pagination
  *     [12] Typography                  __typography
  *     [13] Misc                        __misc
  *     [14] Clearfix                    __clearfix
  *     [15] Plugin Styles               __plugins
  *
  *
 ********************************************************************************/

/*========================================================
        [1] CSS Defaults Reset      __reset
  ========================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

/* ==========================================================
   TABOO PROFILE FALLBACKS — CURRENT OXWALL MARKUP
   ========================================================== */
html body .user_profile_data {
    box-sizing: border-box !important;
    width: min(100%, 1100px) !important;
    margin: 18px auto 28px !important;
    padding: 14px !important;
    border: 1px solid rgba(255,77,145,.46) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg,rgba(76,6,34,.72),rgba(32,0,16,.92)) !important;
    box-shadow: 0 11px 26px rgba(0,0,0,.34) !important;
}
html body .user_profile_data .user_view_menu{margin:0 0 13px!important;padding:0 0 11px!important;border-bottom:1px solid rgba(255,77,145,.32)!important}
html body .user_profile_data table.data_table>tbody{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body .user_profile_data table.data_table tr{display:grid!important;grid-template-columns:minmax(110px,34%) minmax(0,1fr)!important;min-height:58px!important;overflow:hidden!important;border:1px solid rgba(255,77,145,.32)!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(107,12,52,.62),rgba(54,2,27,.72))!important}
html body .user_profile_data table.data_table td{box-sizing:border-box!important;display:flex!important;align-items:center!important;width:auto!important;min-width:0!important;padding:11px 13px!important;border:0!important;background:transparent!important;overflow-wrap:anywhere!important}
html body .user_profile_data table.data_table td.ow_label{border-right:1px solid rgba(255,77,145,.22)!important;color:#ffabc9!important;font-size:12px!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important}
html body .user_profile_data table.data_table td.ow_value{color:#fff!important;font-size:15px!important;line-height:1.35!important}
html body .ow_comments_ipc{box-sizing:border-box!important;width:min(100%,1100px)!important;margin:18px auto!important}
html body .ow_comments_ipc .ow_comments_form_wrap{padding:12px!important;border:1px solid rgba(255,70,139,.62)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(91,8,42,.84),rgba(39,0,20,.94))!important;box-shadow:0 9px 22px rgba(0,0,0,.3)!important}
html body .ow_comments_ipc .ow_comments_item_picture .ow_avatar,html body .ow_comments_ipc .ow_comments_item_picture img{border-radius:50%!important}
html body .ow_comments_ipc .ow_comments_input{min-height:52px!important;overflow:hidden!important;border:1px solid rgba(255,77,145,.62)!important;border-radius:12px!important;background:#fff8fc!important}
html body .ow_comments_ipc textarea{box-sizing:border-box!important;min-height:52px!important;max-height:150px!important;padding:13px 48px 12px 14px!important;border:0!important;background:transparent!important;color:#3a1023!important;font-size:16px!important}
html body .ow_comments_ipc .ow_nocontent{min-height:0!important;margin:8px 0 0!important;padding:13px!important;border:1px dashed rgba(255,77,145,.28)!important;border-radius:12px!important;background:rgba(62,0,29,.32)!important;color:#d9afc3!important;font-size:14px!important}
@media(max-width:760px){html body .user_profile_data table.data_table>tbody{grid-template-columns:1fr!important}}

body{
	line-height: 1; /* TODO delete */
}
ol, ul{
	list-style: none; /* TODO delete */
}
blockquote, q{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content: '';
	content: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
/* remember to define focus styles! */
:focus{
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins{
	text-decoration: none;
}
del{
	text-decoration: line-through;
}
/*========================================================
        [2] Base Elements       __base
  ========================================================*/
.ow {
	background-color: #2f0023; /** OW_Control type:color, section:1. General Settings, key:bodyColor, label:1. Page background color **/	
}
body {
	background-color: #2f0023; /** OW_Control type:color, section:1. General Settings, key:bodyColor, label:1. Page background color **/	
}
body, html {
	font-family: "Tahoma","Arial","Lucida Grande";
	color: #cecece; /** OW_Control type:color, section:2. Colors, key:textColor, label:1. Text **/
	font-size: 13px;
	line-height: 18px;
	height: 100%;
	min-width: 1000px;
}
a {
	color: #5079cd; /** OW_Control type:color, key:linkColor, section:2. Colors, label:3. Links **/
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:hover img{
	text-decoration: none;
}
p{
	text-indent: 0;
	margin-bottom: 4px;
}
h1, h2, h3, h4, h5{
	color: #fff; 
	margin: 0;
	padding: 0;
	font-weight: bold;
}
h1{
	font-size: 20px;
	line-height: 19px;
    padding-left: 0px;
	color: #cecece; /** OW_Control type: color, key: titleColor, section: 2. Colors, label:2. Title **/
	text-shadow: none;
	text-transform: uppercase;
	margin-left: 0px;
	background-repeat: no-repeat;
}
html body div .ow_page h1 {
    background: none;
}
.maintenance_cont h1 {
	padding-left: 23px;
	background-position: left center; 
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 14px;
}
h4 {
    font-size: 13px;
    margin-bottom: 10px;
    text-transform: none;
}
table {
	border: none;
}
img {
	border: 0;
	vertical-align: middle;
}
th, td {
	padding: 2px 5px;
	vertical-align: top;
}
td {
	color: #484848;
}
th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 10px;
	vertical-align: middle;
	background-color: #780030;
    color: #fff;
}
hr {
	background-color: #441e3a;
	border: none;
	height: 1px;
	margin: 5px 5px 15px 5px;
}
/*========================================================
        [3] Masterpage & Page Layout        __layout
  ========================================================*/

/* ---- Page Layout styles ---- */
/*Opera Fix*/
	body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
	width:0;
}
.ow_bg_color{
	background-color: #1A0014;
}
.ow_page.ow_bg_color {
	background-color: transparent;
}
.ow_photo_upload_delimeter .ow_bg_color {
    background-color: #1A0014;
}
.base_index_page .ow_page_wrap { 
	position: relative;
	background-image: url(images/promo.jpg); /** OW_Control type:image, key:backgroundImage, section: 1. General Settings, label:2. Index page background image **/
	background-repeat: no-repeat;
	background-position: center 0;		
}
body.ow_page_wrap { 
	position: relative;
	background: none;
	background-position: center 0;	
}
body > .ow_page_wrap {
	min-height: 100%;
}
.ow_page_padding {
	/*overflow: auto;*/
	padding-bottom: 99px;
} 
.ow_canvas {
	margin: 0 auto;
	width: 1000px;
	word-wrap: break-word;
}
.ow_page {
    margin: 0 185px 0px auto;
    padding-bottom: 0px;
}
.ow_page_container {
	width: 1000px;
	margin: 0px auto 16px;	
}
.ow_page_container .ow_page {
	padding: 28px 16px 16px;
    min-height: 400px;
	color: none;/** OW_Control type:color, section:2. Colors, key:textColor, label:1. Text **/
	border-left: none;
	border-right: none;
	border-bottom: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
}
.base_index_page .ow_page_container .ow_page {
	min-height: 0px;
}
.ow_content { 
	float: left;
	width: 100%;
}

.ow_content a {
	color: #5079cd; /** OW_Control type:color, key:linkColor, section:2. Colors, label:3. Links **/
}
.ow_sidebar {
	margin-right: -201px;
    float: right;
    width: 168px;
}

.ow_footer {
    color: #f6d8ef;
    padding:1px 0px;
	border-top: none;
	background: none;
	height: 96px;
	position: relative;
	margin-top: -99px;
	clear: both;
}
.ow_footer .ow_copyright{
	float: left;
	font-size:11px;
	line-height: 1;
}
h1.page_title{
    background: url(images/ic_file.png) no-repeat left 50%;
    margin-bottom: 20px;
    padding-left: 22px;
}
.ow_column {
	width: 49%;
    overflow: hidden;	
}
.ow_narrow {
    width: 39%;
    overflow: hidden;
}
.ow_wide {
    width: 59%;
    overflow: hidden;    
}
.ow_superwide {
    width: 75%;
    overflow: hidden;   
}
.ow_supernarrow {
    width: 23%;
    font-size: 11px;
    overflow: hidden;
}
.ow_left {
    float: left;
}
td.ow_left {
	float: none;
}
.ow_right {
    float: right;
}
.ow_center {
    text-align: center;
}

.ow_vertical_middle {
	vertical-align: middle;
}

.ow_txtleft,
table td.ow_txtleft {
    text-align: left;
}
.ow_txtcenter {
    text-align: center;
}
.ow_txtright {
    text-align: right;
}
html body .ow_hidden{
    display: none;
}
.ow_visible {
    display: block;
}
.ow_nocontent {
    padding: 20px 0px;
    text-align: center;
    color: #cecece;
}
.ow_console .ow_nocontent {
	color: #1A0013;
}
table.ow_nomargin,
div.ow_nomargin {
    margin-bottom:0px;
}
.ow_nowrap {
    white-space: nowrap;
}
ul.ow_regular {
	margin-bottom: 12px;
}
ul.ow_regular li {
	line-height: 17px;
	margin: 0 0 3px 0px;
	padding: 0px 0px 0px 16px;
	background-repeat: no-repeat;
	background-image: url(images/miniic_li.png);
	background-position: left 5px;
}
.ow_preloader{
    background: url(images/ajax_preloader_button.gif) no-repeat center center;
}
.ow_preloader_content{
    background: url(images/ajax_preloader_content.gif) no-repeat center center;
}
.ow_page_layout_scheme {
    width: 580px;
}
.ow_page_layout_scheme a {
	background-position: center center;
	background-repeat: no-repeat;
    border: 1px solid #FFFFFF;
    display: block;
	float: left;
	height: 103px;
    margin: 2px;
    padding: 5px;
    width: 100px;
}
.ow_page_layout_scheme a.active,
.ow_page_layout_scheme a:hover {
    background-color: #CCFFCC;
    border: 1px solid #CCCCCC;
}

.ow_item_set2{ width: 49%; }
.ow_item_set3{ width: 33%; }
.ow_item_set4{ width: 25%; }
.ow_item_set5{ width: 20%; }
/* ---- End of Page Layout styles ---- */

/* ---- Header styles ---- */
.base_index_page .ow_header {
	background: none;
	width: 815px;
    padding: 0px 185px 0px 0px;
    margin: 60px auto 0px;
}

.ow_header {
	background-image: url(images/bg_pic.jpg); /** OW_Control type:image, key:headerImage, section: 1. General Settings, label:3. Header background image **/
    background-repeat: no-repeat;
    background-position: top center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0 0px;
}     
.ow_top {
    position: relative;
    height: auto;
	min-height: 105px;
	padding-top: 50px;
}
.ow_logo_wrap {
    margin: 10px 0 172px 500px;
    padding: 2px 2px 2px 2px;
    width: 508px;
    height: 119px;
}

.base_index_page .ow_logo_wrap {
	margin: 0;
    padding: 0px 0 0px;
    width: 520px;
    height: 111px;
}
.ow_header .ow_search{
    float: right;
    padding: 5px; 
}

/* ---- End of the Header styles ---- */

/* ---- Sidebar styles ---- */
.ow_sidebar .ow_box_cap_empty {
	border-color: #d8d8d8;
}
.ow_sidebar .ow_box_cap {
	border-color: #d8d8d8;
	border-bottom: 0px;
}
.ow_sidebar .ow_box {
	border-color: #d8d8d8;
}
html body .ow_sidebar h3 {
	font-size: 13px;
}
/* ---- End of Sidebar styles ---- */


/* ---- Console styles ---- */
.ow_console .wackwall_link{
    background: url(images/console-w.png) no-repeat 50% 50%;
    display: block;
    height: 30px;
    width: 35px;
}
.ow_console .wackwall_link:hover{
    text-decoration:none;
}
.ow_console .common_shortcuts a{
    background-position:50% 50%;
    background-repeat: no-repeat;
    display:inline-block;
    height:30px;
    width:25px;
}
.ow_console .common_shortcuts a:hover{
    text-decoration:none;
}
.ow_console .notification_shortcut{
    padding:0 7px;
}
.ow_console .notification_shortcut a{
    background-position:0 50%;
    background-repeat:no-repeat;
    display:block;
    padding: 5px 0 5px 20px;
    text-decoration:none;
}
.ow_site_panel {
	height: 69px;
	background: url(images/bg-console.png);
	background-repeat: repeat-x;
}
.ow_console {
	font-size: 11px;
	height: 40px;
	position: fixed;
	top: 0px;
	right: 0px;
    z-index: 99;
    color: #868a7a;
}
.ow_console_body {
	padding: 8px 4px 10px 8px;
	text-align: right;
	border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-bottom-left-border-radius: 2px;
    background: url(images/bg-console.png);
    background-repeat: repeat-x;  

}
.ow_console_block {
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.ow_console_item {
	background: #e8e8e8;
	display: inline-block;
    position:relative;
	line-height: 21px;
    height:22px;
    margin:0 4px 0 0px;
    padding:0 8px;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: none;
	vertical-align: top;
	text-align: left;
}
.ow_console_item:hover {
	border-color: #616161;
	cursor: pointer;
}
.ow_console_dropdown_hover:hover {
	background: #CAC8CA;
	border-color: none;
	cursor: pointer;	
}
.ow_console_dropdown_pressed {
	background: #dfdddf;
	border-color: #81b7c4;	
}
.ow_console_item a {
	color: #484848;
}
.ow_console_item a:hover {
	color: #484848;
	text-decoration: none;
}
.ow_console_more {
    background: url(images/console_arr.png) no-repeat scroll right 9px transparent;
    display: inline-block;
    height: 22px;
    min-width: 8px;
    padding: 0 0px 0 3px;
    vertical-align: top;
}
.ow_console_item:hover .ow_console_more {
    background: url("images/console_arr_hover.png") no-repeat scroll right 9px transparent;
}
/*Console select language styles*/
.ow_console_lang_item {
	text-transform: uppercase;
	color: #484848;
}
li.ow_console_lang_item {
	padding: 3px 8px;
	border: 1px solid transparent;
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-bottom: 1px;
}
li.ow_console_lang_item:hover {
	border: 1px solid #979597;
	background: #979597;
}
.ow_console_lang_item span {
	display: inline-block;
	padding-left: 23px;
}
/*End Console select language styles*/
.ow_console .ow_tooltip_top_right {
	top: 10px;
	padding-top: 2px;
}
.ow_console .ow_tooltip_top_right .ow_tooltip_tail span {
	background-position: 1px -6px;
}
.ow_console span.ow_count_wrap {
	padding: 4px 0px 0px;
	margin: 0px -3px 0px 2px;
}
.ow_console span.ow_count_bg {
}
.ow_console span.ow_count {
	position: relative;
	top: 0px;
	line-height: 13px;
}
.ow_console .ow_tooltip_body {
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.4);
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
 }
 .ow_console_list_wrapper {
	width: 330px;
	overflow-y: auto;
	word-wrap: break-word;
	min-height: 60px;
}
.ow_console_list {
	cursor: default;
}
.ow_console_list li {
	padding: 3px;
	margin: 0px 0px 4px;
	height: auto;
	overflow: hidden;
	background: #6a3658;
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.ow_console_list li:hover {
	border-color: #947b8b;
}
.ow_console_list li.ow_console_new_message {
	background: #b399a9;
}
.ow_console_list li:last-child {
	margin-bottom: 0px;
}
.ow_console .ow_avatar {
	float: left;
	margin-right: -40px;
	height: 40px;
	width: 40px;
	padding: 0px;
	background-image: none;
}
.ow_console .ow_avatar img {
	height: 40px;
	width: 40px;
}
.ow_console_ntf_txt, .ow_console_invt_txt {
	display: block;
	line-height: 16px;
	color: #5079cd;
}
.ow_console_invt_txt a {
	color: #484848;
}
.ow_console_view_all_btn_wrap {
	padding-top: 4px;
}
.ow_console_view_all_btn {
	display: block;
	line-height: 11px;
	padding: 8px 0px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	background: #fff;
}
ul.ow_console_dropdown {
	min-width: 110px;
    text-align: left;
	overflow-x: auto;
	cursor: default;
}
ul.ow_console_dropdown .ow_console_dropdown_cont {
	white-space: nowrap;
	margin-bottom: 1px;
}
ul.ow_console_dropdown .ow_console_dropdown_cont a {
	padding: 3px 8px;
	display: block;
}
ul.ow_console_dropdown .ow_console_dropdown_cont a:hover {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	background: #979597;
}
ul.ow_console_dropdown li:last-child .ow_console_dropdown_cont {
	margin-bottom: 0px;
}
.ow_console .ow_tooltip .ow_tooltip_body {
	max-width: 340px;
}
.ow_console_ntf_cont, .ow_console_invt_cont {
	display: block;
	margin: 0px 57px 0px 45px;
	line-height: 16px;
	color: #666;
}
.ow_console_ntf_txt, .ow_console_invt_txt {
	min-height: 19px;
	padding: 0px 0px 3px 0px;
}
.ow_console_invt_txt {
	width: 211px;
	word-wrap: break-word;
}
.ow_console_invt_cont a {
	color: #009683;
}
.ow_console_invt_cont a:hover {
	color: #009683;
	text-decoration: underline;
}
.ow_console_invt_cont .ow_lbutton:hover {
	text-decoration: none;
}
.ow_console_invt_img {
	float: right;
	margin-left: -54px;
	width: 54px;
	height: 54px;
	text-align: right;

}
.ow_console_invt_img img {
	max-height: 100%;
	max-width: 100%;
}
.ow_console_invt_no_img .ow_console_invt_txt {
	width: 100%;
}
.ow_console_invt_no_img {
	margin-right: 0px;
}
.ow_console_divider {
	line-height: 1px;
	height: 1px;
	background: #cccacd;
	margin: none;
}
.ow_cursor_pointer {
	cursor: pointer;
}
.ow_cursor_default {
	cursor: default;
}
/*console_preloader*/
.ow_preloader_content.ow_console_list_preloader {
    background-image: url(images/ajax_preloader_content.gif);
}
/*end console preloader*/
/* Messages notifications */
.ow_console_mailbox_txt {
	font-size: 12px;
}
.ow_console_mailbox_title {
	font-size: 12px;
	font-weight: bold;
	padding-right: 52px;
}
.ow_console_mailbox_title .ow_mailbox_convers_info_date {
	font-size: 10px;
	font-weight: normal;
	margin-right: -49px;
}
.ow_chat_request_item .console_list_ipc_item {
	padding-left: 16px;
	background: url(images/miniic_buble.png) 2px 12px no-repeat;
}
.ow_mailbox_request_item .console_list_ipc_item {
	padding-left: 16px;
	background: url(images/miniic_envelope.png) 2px 12px no-repeat;
}
.ow_chat_request_item .ow_console_mailbox_txt {
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
}
.ow_console_messages_btns,
.ow_console_messages_btn {
	margin-top: 4px;
}
.ow_console_messages_viewall,
.ow_console_messages_send {
	width: 50%;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-wenkit-box-sizing: border-box;
}
.ow_console_messages_btn .ow_console_messages_send {
	display: none;
}
.ow_console_messages_btn .ow_console_messages_viewall {
	width: 100%;
	padding-right: 0;
}
.ow_console_messages_viewall {
	padding-right: 2px;
}
.ow_console_messages_send {
	padding-left: 2px;
}
.ow_console_messages_viewall a,
.ow_console_messages_send a {
	display: inline-block;
	width: 100%;
	line-height: 25px;
	text-align: center;
	border: 1px solid #780030;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-wenkit-box-sizing: border-box;
	font-size: 11px;
	background: #780030;
	color: #fff;
}
.ow_console_messages_viewall:hover a,
.ow_console_messages_send:hover a {
	color: #fff;
	background: #979597;
	border-color:#979597;
}
.ow_console li.ow_chat_request_item .ow_avatar,
.ow_console li.ow_mailbox_request_item .ow_avatar {
	width: 32px;
	height: 32px;
	margin-right: -32px;
}
.ow_console li.ow_chat_request_item .ow_avatar img,
.ow_console li.ow_mailbox_request_item .ow_avatar img {
	height: 32px;
	width: 32px;
}
.ow_console li.ow_chat_request_item .ow_console_invt_cont,
.ow_console li.ow_mailbox_request_item .ow_console_invt_cont {
	margin-left: 38px;
}
/*End of Messages notifications*/
/* ---- End of Console styles ---- */

/*========================================================
        [4] Forms        __forms
  ========================================================*/
/* ---- Form Elements styles ---- */
input[type=text],
input[type=password],
textarea,
select,
div.jhtmlarea,
body .ow_photo_upload_description,
.ow_photo_preview_edit .CodeMirror{
    background: #fff;
	background-position: 0px 0px;
    border: 1px solid #c2c0c3;
    font-family: "Lucida Grande", "Verdana";
    font-size: 13px;
    padding: 4px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #666;
}
body form div.jhtmlarea {
	padding: 0px;
	background: #fff;
	width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body .toolbar {
	padding: 2px 2px 0px;
	height: 24px;
	background: #86707a;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
}
body .jhtmlarea .toolbar ul {
	height: 24px;
}
body .toolbar ul li a {
	background: url('images/wysiwyg.png') 0 0;
	border-color: #780030;
}
body .toolbar ul a:hover {
	border-color: #9a9f8e;
}

.jhtmlarea .input_ws_cont {
	padding: 8px;
}

body.htmlarea_styles {
	margin: 0px;
}
html body .ow_sidebar *,
html body .ow_console *{
	font-size: 11px;
}

select{
    background-image: transparent;
}

textarea{
    height: 100px;
    width: 100%;
    resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;    
}

input[type=text],
input[type=password]{
    width: 100%;
    height: 30px;
    line-height: 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;    
}

/*.ow_supernarrow input[type=text],
.ow_supernarrow input[type=password]{
    width: 95%;
}*/
input[type=submit],
input[type=button]{
	background-color: transparent;
    background-position: right 50%;
	background-repeat: no-repeat;
    background-image: url(images/ic_right_arrow.png);
    padding: 1px 31px 2px 0px;
    color: #fff;
    font-weight: normal;
    cursor: pointer;
    height: 30px;
	font-family: 'robotolight', "Trebuchet MS", "Helvetica CY", sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	border: none;
}
/* temp hack for decorating buttons in FF */
body:not(:-moz-handler-blocked) input[type=submit],
body:not(:-moz-handler-blocked) input[type=button]{
    padding-top: 0px;
    padding-right: 31px;
}
/* End of temp hack for decorating buttons in FF */

html body div span.ow_button input[type=submit],
html body div span.ow_button input[type=button]{
}

html body.ow input[type=submit],
html body.ow input[type=button]{
    margin: 0px;
}
span.ow_button {
	display: inline-block;
	background-color: #780030; 
	background-repeat: repeat-x;
	background-position: right top;
	padding: 0px 8px;
	border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
span.ow_button:hover {
	border-color: #999;
}

span.ow_button span.ow_button {
    border-radius: none;
    -moz-border-radius: none;
    -webkit-border-radius: none;
	border: none;
	background-image: none;
	background-position: right center;
	background-repeat: no-repeat;
	background-color: transparent;
}
span.ow_button span {
	display: inline-block;
	padding: 0px 0px 0px 0px;
	background-position: right center;
	background-repeat: no-repeat;
	background-color: transparent;
}
.ow_btn_delimiter span.ow_button:first-child {
	margin-right: 16px;
}
.ow_btn_delimiter span.ow_button span.ow_button {
	margin: 0px;
}
html body.ow span.ow_button {
}
body.ow input.ow_inprogress,
body.ow .ow_inprogress {
    background-image: url(images/ajax_preloader_button.gif);
}

*+html input[type=submit],
*+html input[type=button]{
    overflow: visible;
}

input[type=submit]:hover,
input[type=button]:hover{
    /* empty */
}

input[type=submit].submit{
    background-color: #00aa00;
    color: #fff;
}

input[type=submit].alert{
    background-color: #ff6666;
    color: #fff;
}

input[type=submit].submit:hover{
    /* empty */
}

input[type=submit].alert:hover{
    /* empty */
}


ul.ow_radio_group li{
	float:left;
}

ul.ow_checkbox_group li{
	float:left;
}

textarea.invitation,
input[type=text].invitation,
input[type=password].invitation{
	color:#5e4857;
}

.form_auto_click textarea.invitation{
	height:50px;
}

form .error{
    color:#B44C4C;
}

form input[type=text].hasDatepicker{
    width: 87%;
}

form br.ow_no_height{
    line-height: 0;
}

.color_input input[type=text]{
    width:70%;
}

.ow_multiselect select{
    width: 120px;
    padding: 2px;
}

.ow_multiselect input[type=button]{
    padding-left: 20px;
}


.form_auto_click .ow_submit_auto_click{
    display:none;
}

/* ---- Positive and Negative buttons ---- */

html body div .ow_positive input[type=submit],
html body div .ow_positive input[type=button]{
	color: #fff;
}
.ow_negative input[type=submit],
.ow_negative input[type=button]{
	padding-right: 2px;
	background: #780030;
}
body:not(:-moz-handler-blocked) .ow_negative input[type=submit],
body:not(:-moz-handler-blocked) .ow_negative input[type=button] {
	padding-right: 2px;
}

/* ---- End of Positive and Negative buttons ---- */

html body div .ow_green,
html body span.ow_blitem input.ow_green {
    color: #4f9000;

}

html body div .ow_red,
html body span.ow_blitem input.ow_red {
    color: #ee3d32;

}

html body div .ow_mild_red,
.ow_navbox.ow_mild_red a.move,
html body span.ow_blitem input.ow_mild_red {
    color: #f42217;

}

html body div .ow_mild_green,
.ow_navbox.ow_mild_green a.move,
html body span.ow_blitem input.ow_mild_green {
    color: #6fa80f; 

}
html body .ow_button.ow_red,
html body .ow_button.ow_mild_red,
html body .ow_button.ow_green,
html body .ow_button.ow_mild_green,
.ow_button .ow_mild_red,
.ow_button .ow_red,
.ow_button .ow_green,
.ow_button .ow_mild_green {
	background-color: transparent;
	border-color: transparent;
}

input[type=submit].ow_green,
input[type=button].ow_green,
input[type=submit].ow_mild_green,
input[type=button].ow_mild_green,
input[type=submit].ow_red,
input[type=button].ow_red,
input[type=submit].ow_mild_red,
input[type=button].ow_mild_red  {
	background-color: transparent;
}

/* wysiwyg styles */
body.htmlarea_styles{
    font-family: "Lucida Grande", "Verdana", "Tahoma"; /** key:commonFontFamily  **/
    color: #666;
    font-size: 13px; /** key:commonFontSize **/
    line-height: 18px;
}
body.htmlarea_styles a{
	color: #5079cd;
}
body.htmlarea_styles p{
    margin:0;
}
/* wysiwyg styles end */

/* tag styles */
div.tagsinput { 
	background: #ced3da;	
}
/* tag styles end */

/* ---- End of Form Elements styles ---- */
/* ---- End of Form Table styles ---- */
/* -------Attachments styles----------*/
.ow_attachment_btn {
    float: right;
    margin: 0 0 0 4px;
    padding: 0;
}
.ow_attachments input[type="file"] {
    cursor: pointer;
    float: right;
    opacity: 0;
}
.ow_attachment_icons {
    float: right;
}
.ow_attachments a {
    background: url(images/wysiwyg.png) no-repeat scroll -175px 1px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 22px;
    overflow: hidden;
    text-decoration: none;
    width: 22px;
}
.ow_attachments a.video{
    background:url(images/wysiwyg.png) -197px 1px no-repeat;
}
.ow_attachments a.attach {
    background: url(images/wysiwyg.png) no-repeat scroll -241px 1px rgba(0, 0, 0, 0);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.ow_attachments a.attach.uploading {
	background: url(images/ajax_preloader_button.gif) no-repeat center center;
}
.ow_attachment_delete {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
}
.ow_ajax_oembed_attachment {
    width: 100%;
}
.ow_attachment_btn span.ow_button {
    background: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	display: inline-block;
	padding: 0px;
	text-align: center;
}

.ow_attachment_btn span.ow_button span {
	display: inline-block;
    background: none;
	margin: 0px 1px 1px;
}
.ow_attachment_btn span.ow_button input[type=submit], 
.ow_attachment_btn span.ow_button input[type="button"] {
	padding: 1px 8px 4px;
	height: 24px;
	color: #fff;
	background: #780030;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
/*Video, links embed*/
body .ow_oembed_attachment_preview {
    height: 60px;
    position: relative;
    padding: 6px 20px 0 88px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-width: 1px;
    background-color: #743f62;
}
.ow_mailbox_log .ow_oembed_attachment_preview {
	border: none;
	padding: 0 0 0 88px;
	background-color: transparent;
	margin-top: 12px;
}
.ow_mailbox_log .ow_oembed_attachment_preview .ow_attachment_delete {
	display: none;
}
.ow_oembed_attachment_pic .attachment_other_images_btn {
	position: absolute;
	left: 4px;
	bottom: 4px;
	display: none;
}
.ow_oembed_attachment_pic:hover .attachment_other_images_btn {
	display: inline-block;
}
body .ow_oembed_attachment_pic {
    width: 80px;
    height: 60px;
    position: absolute;
    top: -1px;
    left: -1px;
    border-width: 0 1px 0 0;
    background-color: #5e2b4d;
}
.ow_oembed_atachment_pic_nopic {
	background-image: url(images/no-picture.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.ow_oembed_attachment_pic img {
    width: 80px;
    height: 60px;
}
.ow_oembed_attachment_url {
	position: relative;
}
.ow_oembed_attachment_url a {
	position: absolute;
	bottom: 4px;
	left: 4px;
}
.ow_attachment_title {
    margin-bottom: 4px;
    line-height: 13.5px;
    font-size: 11px;
    display: inline-block;
}
.ow_attachment_description {
    line-height: 13.5px;
    height: 27px;
    overflow: hidden;
    font-size: 11px;
    display: block;
}
.ow_attachment_title a {
	display: block;
	height: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
    font-weight: bold;
    font-size: 11px;
}
.ow_oembed_attachment_preview.loading_content .ow_oembed_attachment_pic,
.ow_oembed_attachment_preview.loading_content .ow_attachment_title,
.ow_oembed_attachment_preview.loading_content .ow_attachment_description {
	display: none;
}
.ow_oembed_attachment_preview.loading_content {
	background: url(images/ajax_preloader_content.gif) center center no-repeat;
}
.attachment_image_item {
	border-width: 1px;
	cursor: pointer;
	float: left;
	height: 85px;
	margin: 2px;
	padding: 3px;
	text-align: center;
	width: 85px;
}
.attachment_image_item img {
	max-width: 100%;
	max-height: 100%;
}
/*Photo attachment*/
.ow_photo_attachment_preview {
    height: auto;
    padding: 8px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    margin-left: 0;
}
.ow_comments_mipc .ow_photo_attachment_preview,
.ow_comments_mipc .ow_oembed_attachment_preview {
	margin-left: 48px;
}
.ow_comments_ipc .ow_photo_attachment_preview,
.ow_comments_ipc .ow_oembed_attachment_preview {
	margin-left: 57px;
}
.ow_feed_comments_input_sticky .ow_photo_attachment_preview,
.ow_feed_comments_input_sticky .ow_oembed_attachment_preview,
.ow_feed_comments_input_sticky .comments_hidden_btn{
	margin: 0 12px 8px 22px;
}
.ow_photo_attachment_pic {
    display: inline-block;
    background-color: #5e2b4d;
    width: 120px;
    height: 120px;
    border: 1px solid #743f62;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}
.ow_photo_attachment_pic.loading {
	background-size: auto;
	background-image: url(images/ajax_preloader_content.gif);
	background-position: center center;
}
.ow_photo_attachment_stage {
    width: 150px;
    height: 150px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
 }
/*File attachments*/
.ow_file_attachment_preview {
    width: 100%;
    height: auto;
    margin-top: -2px;
    margin-bottom: 6px;
}
.ow_file_attachment_block1, .ow_file_attachment_block2 {
    float: left;
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 2px 0;
}
.ow_file_attachment_block1 {
    padding-right: 4px;
}
.ow_file_attachment_block2 {
    padding-left: 4px;
}
.ow_dialog_items_wrap .ow_file_attachment_block1,
.ow_dialog_items_wrap .ow_file_attachment_block2 {
	width: auto;
	float: none;
	padding-right: 0;
	padding-left: 0;
	padding-top: 4px;
}
.ow_dialog_items_wrap .ow_file_attachment_info,
.ow_mailbox_log .ow_file_attachment_info {
	padding-right: 4px;
}
.ow_dialog_item_mailchat .ow_mailbox_message_content_attach {
    padding-top: 0px;
}
.ow_dialog_items_wrap .ow_file_attachment_name,
.ow_mailbox_log .ow_file_attachment_name {
	font-weight: normal;
	padding-right: 4px;
}
.ow_file_attachment_info {
    border: 1px solid #DCDCDC;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding-right: 50px;
    position: relative;
    height: 22px;
    overflow: hidden;
}
.ow_file_attachment_info a {
	line-height: 22px;
	padding-left: 8px;
}
.ow_dialog_in_item.fileattach {
	padding-top: 1px;
	padding-bottom: 1px;
}
.ow_dialog_in_item.fileattach .ow_file_attachment_info {
	border: none;
}
.ow_file_attachment_name {
    width: 100%;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    padding-left: 8px;
    font-size: 11px;
    font-weight: bold;
}
.ow_file_attachment_size {
    font-weight: normal;
    display: none;
}
.ow_file_attachment_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px;
    border-left: 1px solid #DCDCDC;
    background-image: url(images/tag_close_btn.png);
    background-repeat: no-repeat;
    background-position: center center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.ow_file_attachment_preload {
    position: absolute;
    top: 0;
    right: 25px;
    width: 16px;
    height: 22px;
    background: url(images/ajax_preloader_content.gif) center center no-repeat;
    display: none;
}
.ow_dialog_in_item.errormessage p,
.ow_mailbox_log_message.errormessage .ow_mailbox_message_content,
.ow_dialog_item_mailchat.errormessage .ow_dialog_item_mailchat_text {
	color: #b1b1b1;
}
.ow_errormessage_not {
	display: block; 
	padding-bottom: 4px; 
	padding-left: 4px;
}
.ow_dialog_in_item.errormessage .ow_errormessage_not {
	padding-left: 0;
}
/* -------End of attachments styles----------*/
/* ----------- Comments styles---------- */
body .ow_attachments .buttons {
	padding: 1px;
	background: #780030;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
body .ow_attachments a {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
body .ow_attachments a.video {
    border-radius: 0 2px 2px 0;
    margin: 0 0 0 -1px;
}
.base_cmnts_temp_cont .ow_ipc_info {
	border: none;
	padding-bottom: 1px;
}
.ow_comments_item,
.ow_feed_comments_viewall,
.ow_feed_comments_input_sticky,
.ow_photo_attachment_preview,
.ow_oembed_attachment_preview,
.ow_oembed_attachment_pic,
.ow_comments_form_wrap,
.ow_newsfeed_features .ow_tooltip .ow_tooltip_body,
.ow_newsfeed_item .ow_comments_no_form .ow_comments_msg {
	background-color: #4a3443;
	border-color: #3D2C37;
	border-style: solid;
}
body .ow_photo_attachment_preview,
body .ow_oembed_attachment_preview {
    background-color: transparent;
}
.ow_comments_item {
	position: relative;
	padding: 0px 0px 4px;
	padding: 6px 6px 4px 6px;
	border-width: 1px 1px 0 1px;
}
.ow_comments_form_top .ow_comments_item {
	border-width: 0 1px 1px 1px;
}
.ow_comments_form_top .ow_paging {
    margin-bottom: 0;
    margin-top: 8px;
}
.ow_newsfeed_features .ow_comments_item {
    border-width: 1px 0 0 0;
}
.ow_photoview_info_wrap.sticked .ow_comments_item:last-child {
	border-width: 1px;
	margin-bottom: 12px;
}
.ow_comments_form_top .ow_comments_list .ow_comments_item:last-child {
	border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	-webkit-border-radius: 0px 0px 2px 2px;
}
.ow_comments_list .ow_comments_item:first-child {
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
}
.ow_comments_form_top .ow_comments_list .ow_comments_item:first-child {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.ow_comments_no_form .ow_comments_list .ow_comments_item:last-child {
	 border-bottom-left-radius: 2px;
	 -webkit-border-bottom-left-radius: 2px;
	 -moz-border-radius-bottomleft: 2px;
	 border-bottom-right-radius: 2px;
	 -webkti-border-bottom-right-radius: 2px;
	 -moz-border-radius-bottomright: 2px;
	border-width: 0 1px 1px 1px;
}
.ow_newsfeed_item .ow_comments_no_form .ow_comments_list .ow_comments_item:last-child {
	border-width: 1px 0 0 0;
}
.ow_newsfeed_item .ow_comments_no_form .ow_comments_msg {
	border-top-width: 1px;
}
.ow_comments_form_top.ow_comments_no_form .ow_comments_list .ow_comments_item:first-child {
	 border-top-left-radius: 2px;
	 -webkit-border-top-left-radius: 2px;
	 -moz-border-radius-topleft: 2px;
	 border-top-right-radius: 2px;
	 -webkit-border-top-right-radius: 2px;
	 -moz-border-radius-topright: 2px;
	 border-width: 1px;
}
.ow_newsfeed_features .ow_comments_list div .ow_context_action_block .ow_context_action {
    border-top-width: 1px;
}
.ow_comments_form_wrap {
	padding: 6px 6px 4px 6px;
	border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	border-width: 1px;
	min-height: 42px;
}
.ow_comments_ipc .ow_comments_form_wrap {
	min-height: 50px;
}
.ow_newsfeed_features .ow_comments_form_wrap,
.ow_newsfeed_features .ow_feed_comments_viewall {
	border-width: 1px 0 0 0;
}
.ow_comments_form_top .ow_comments_form_wrap {
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
}
.ow_feed_comments_viewall {
	text-align: right;
	padding: 8px 8px 8px 0;
	border-width: 1px 1px 0 1px;
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	min-height: 14px;
}
.ow_feed_comments_input_sticky {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.ow_feed_comments_input_sticky .ow_comments_input_wrap {
	padding: 6px 12px 4px 22px;
}
.ow_feed_comments_input_sticky .ow_comments_form_wrap {
	border-top-width: 1px;
}
.ow_comments_item_picture{
    float: left;
    margin-right: -50px;
    width: 50px;
}
.ow_comments_item_info {
    margin-left: 57px;
}
.ow_comments_item_info textarea.ow_smallmargin {
	margin-bottom: 6px;
	width: 100%;
	margin-top: 4px;
}
.ow_comments_item_info .comments_fake_autoclick {
	width: 100%;
	height: 28px;
	margin-top: 4px;	
}
.ow_comments_item_header {
	margin-bottom: 2px;
}
.ow_comments_item_header a {
    font-size: 11px;
    font-weight: bold;
}
.ow_comments_item_toolbar {
    float: left;
	font-size:10px;
	width: 100%;
}
.ow_comments_item_info .clearfix .ow_comments_item_toolbar {
    white-space: normal;
}
.ow_comments_date {
	float: right;
	font-size: 10px;
}
.ow_comments_list .ow_tooltip .ow_tooltip_body {
    padding: 4px 0px;
}
.ow_comments_list .ow_context_action_list a {
	padding: 4px 12px;
}
.ow_comments_item_info .mipc_url{
    font-weight: bold;
}
.comment_add_arr {
	float: left;
	display: block;
	position: relative;
	z-index: 1;
	left: 1px;
	width: 5px;
	height: 9px;
	margin: 14px 0px 0px -5px;
    background: url(images/comment_arr.png) no-repeat 0px 0px;
}
.ow_comments_list .comments_view_all {
	padding-bottom: 5px;
}
body .ow_comments_list .ow_attachment {
	padding-top: 4px;
}
body .ow_comments_content.ow_smallmargin {
	margin-bottom: 0px;
}
.ow_comments_content  img {
	max-width: 100%;
}
.ow_comments_btn_block {
	padding: 0 0px 0px 0;
}
.ow_comments_item .cnx_action {
	position: absolute;
    right: 4px;
    top: 4px;
}
.ow_comments_msg {
	padding-top: 4px;
	color: #666;
}
body .item_loaded {
	margin: 0px 3px 8px 57px;
}
body textarea.ow_newsfeed_status_input {
	height: 58px;
}
body textarea.ow_newsfeed_status_input.invitation {
	width: 100%;
	height: 28px;
}
.ow_comments_mipc.ow_comments_paging .ow_comments_list {
	margin-bottom: 8px;
}
.ow_comments_mipc .ow_comments_item_picture,
.ow_feed_comments_input_sticky .ow_comments_item_picture  {
	width: 42px;
	margin-right: -42px;
	float: left;
}
.ow_comments_mipc .ow_comments_item_picture .ow_avatar,
.ow_feed_comments_input_sticky .ow_comments_item_picture .ow_avatar {
	height: 32px;
    width: 32px;
    background: url(images/avatar_mini_bg.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ow_comments_mipc .ow_comments_item_picture .ow_avatar img,
.ow_feed_comments_input_sticky .ow_comments_item_picture .ow_avatar img {
	width: 32px;
	height: 32px;
}
.ow_comments_mipc .ow_comments_item_info,
.ow_feed_comments_input_sticky .ow_comments_item_info {
	margin-left: 48px;
}
.ow_comments_mipc .ow_comments_list {
	margin-bottom: 1px;
}
.ow_comments_item_info .ow_comments_content {
	padding: 2px 0;
	width: 100%;
	word-wrap: break-word;
}
.ow_comments_input_wrap textarea.comments_fake_autoclick {
	resize: none;
	height: 30px;
	padding-right: 28px;
}
.ow_comments_input_wrap .ow_comments_input {
	padding-top: 4px;
	position: relative;
}
.ow_comments_input_wrap .ow_comments_input .comments_fake_autoclick {
	margin-top: 0;
}
.ow_comments_input .ow_attachment_icons {
	position: absolute;
	top: 8px;
	right: 4px;
}
.ow_comments_input .ow_attachments a {
    background: url(images/wysiwyg.png) no-repeat scroll -176px 0px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 20px;
    overflow: hidden;
    text-decoration: none;
    width: 20px;
}
.ow_attachments input[type="file"] {
    cursor: pointer;
    float: right;
    opacity: 0;
}
/*End of comments styles*/
/*========================================================
        [5] Common Blocks        __blocks
  ========================================================*/
.ow_box_cap_empty {
	background: url(images/box_cap.png) repeat-x;
	border: none;
    border-radius: 6px 6px 0px 0px;
	margin-bottom: 8px;
}

.ow_box_cap_empty .ow_box_cap_right { 
}

.ow_box_cap_empty .ow_box_cap_body {
	min-height: 32px;
}

.ow_box_cap h3,
.ow_box_cap_empty h3{
    background-image: url(images/ic_file.png);
    background-repeat: no-repeat;
    background-position: 8px 8px;
    padding: 8px 0 8px 32px;
    color: #fff;
    text-shadow: none;
    text-transform: uppercase;
	height: auto;
	line-height: 16px;	
    overflow: hidden;
	font-weight: normal;
	font-family: 'robotolight', "Trebuchet MS", "Helvetica CY", sans-serif;
}

.ow_box_cap {
	background: url(images/box_cap.png) repeat-x;
	border: none;
    border-radius: 6px 6px 0px 0px;
}

.ow_box_cap .ow_box_cap_body {
	min-height: 32px;
}

.ow_box {
	background: url(images/box_bg.png);
	background-repeat: repeat;
    border: none;
    padding: 8px 8px 8px 8px;
    position: relative;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.ow_box_empty{
	position: relative;
}
.ow_box .bottom_toolbar, .ow_box_mod .bottom_toolbar{
	margin-top: 10px;
    border-top: 1px solid #ccc;
    font-size: 10px;
    padding: 0 5px;
    text-align: right;
}
.ow_box.ow_no_cap {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.ow_sidebar .ow_box_bottom_shadow,
.ow_supernarrow .ow_box_bottom_shadow
{
	background-image: url('images/box-shadow-small.png');
	bottom: -12px;
}

/*========================================================
        [6] Standard Listings        __listings
  ========================================================*/

.ow_canvas .ow_avatar img,
.ow_canvas .ow_lp_avatars img,
.ow_canvas .ow_newsfeed_avatar img {
    width: 40px;
    height: 40px;
}
/* ---- Item Picture Content ---- */
.ow_ipc {
	margin-top: 16px;
	margin-bottom: 0px;
}
.ow_ipc:first-child {
	margin-top: 0px;
}

.ow_ipc_picture{
    float: left;
    margin-right: -50px;
    width: 50px;
	/*padding: 4px 5px 6px;*/
}
.ow_ipc_picture .ow_avatar {
	background: url(images/avatar_bg.png) no-repeat;
}
.ow_ipc_picture img {
	width: 40px;
	height: 40px;
}
.ow_ipc_picture img:first-child {
	margin-top: 7px;
	margin-left: 5px;
}
.ow_ipc_picture .ow_avatar img {
	margin-top: 0px;
	margin-left: 0px;	
}
.ow_ipc_info{
    margin-left: 57px;
    padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #441e3a;   
}

.ow_ipc_header{
    padding: 0px 0px 0px;
    margin: 0px 0px 0px;
}
.ow_ipc_header a {
	font-size: 12px;
	font-weight: bold;
}
.ow_ipc.ow_smallmargin {
	margin-bottom: 0px;
}
.ow_ipc_content{
    padding: 0px 0px 12px 0px;
    line-height: 1.25em;
}
.ow_ipc_toolbar{
    font-size: 11px;
	float: left;
	padding: 0 0px 0px 0px;
	width: 100%;
}
.ow_ipc_toolbar .ow_icon_control {
	padding: 0px;
}
html body div .ow_ipc_toolbar span {
	background: none;
}
.ow_ipc_toolbar .ow_ipc_date,
.ow_ipc_date {
	float: right;
	font-size: 10px;
	line-height: 14px;
}
.ow_table_1 .ow_ipc_info,
.ow_table_2 .ow_ipc_info {
	border: none;
}
/* ---- End of the Item Picture Content ---- */

/* ---- Mini Item Picture Content ---- */
.ow_mini_ipc_picture {
    float: left;
    margin-right: -42px;
    width: 42px;
}
.ow_mini_ipc_picture .ow_avatar {
	background: url(images/avatar_mini_bg.png) no-repeat 0px 0px;
}

.ow_mini_ipc_picture img,
.ow_mini_ipc_picture .ow_avatar,
.ow_mini_ipc_picture .ow_avatar img {
    width: 32px;
    height: 32px;
}

.ow_mini_ipc_info {
    margin-left: 49px;
    padding-top: 0;
}

.ow_mini_ipc_info .mipc_url {
    font-weight: bold;
}
.ow_mini_ipc_content {
    margin-top: 5px;
}
/* ---- End of the Mini Item Picture Content ---- */

/* ---- Item Content ---- */
.ow_ic_header {
	margin-bottom: 5px;
}

.ow_ic_description {
	margin-bottom: 5px;
}
.ow_ic_date {
	float: right;
	font-size: 10px;
	line-height: 14px;	
}
th,
.ow_highbox_table .ow_highbox,
.ow_page .ow_highbox,
.ow_sidebar,
.ow_table_3 td {
	border-color: none;
}
.ow_page td.ow_highbox {
	border-color: none;
	color: #fff;
}

.ow_box_toolbar {
	margin-top: 16px;
    font-size: 11px;
	float: right;
    white-space: nowrap;
}
.ow_box_toolbar span {
	padding: 0px 2px 0px 0px;
}
.ow_box_toolbar span.ow_nowrap a {
	display: inline-block;
    border-radius: 2px;
	background: #e8e8e8;
	padding: 0px 6px 0px;
	line-height: 21px;
}
.ow_box_toolbar span.ow_nowrap a:hover {
	background: #CCCCCC;
}
.ow_box_empty .ow_box_toolbar {
	text-shadow: none;
}
.ow_box_toolbar a {
	color: #484848;
}
.ow_box_toolbar a:hover {
	color: #484848;
	text-decoration: none;
}
.ow_box_toolbar .ow_delimiter,
.ow_ic_toolbar  .ow_delimiter{
	display: none;
}

.ow_avatar_list{
    text-align: center;
}

.ow_avatar_list a{
    margin-bottom: 0px;
    margin-right: 1px;
}

/* ---- Tooltip ---- */
.ow_tooltip {
    margin-top: 0;
    padding-top: 2px;
}
.ow_tooltip_tail {
    display:inline-block;
    padding: 0px 0px;
	width: 100%;
}
.ow_tooltip_tail span {
    display:inline-block;
	background: url(images/tooltip_tail.png) no-repeat 8px -6px;
	width: 19px;
	height: 6px;
	margin-bottom: -1px;
}
.ow_tooltip .ow_tooltip_body {
    background: #e3e3e3;
    padding:4px;
    border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid transparent;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
	/*max-width: 250px;*/
}
/* ---- Top Right Tooltip  ---- */

.ow_tooltip a {

}
.ow_tooltip .ow_console_invt_cont a {
	color: #5079cd;
}
.ow_tooltip_top_right.ow_tooltip {
    margin-top: 0;
    position: absolute;
    right: -1px;
    top: 0px;
 }
.ow_tooltip_top_right .ow_tooltip_tail span {
	background-position: 3px -6px;
}
.ow_tooltip_top_right .ow_tooltip_tail {
	text-align: right;
}
/* ---- Bottom Left Tooltip  ---- */
.ow_tooltip_bottom_left .ow_tooltip_tail span {
	background-position: 9px 0px;
	margin-top: -1px;
}
/* ---- Bottom Right Tooltip  ---- */
.ow_tooltip_bottom_right .ow_tooltip_tail span {
	background-position: 1px 0px;
	margin-top: -1px;
}
.ow_tooltip_bottom_right .ow_tooltip_tail {
	text-align: right;
}
/* ---- Left Side Tooltip  ---- */
.ow_tooltip_left .ow_tooltip_tail {
	float: left;
	margin-right: -4px;
	width: 4px;
	padding-top: 8px;
}
.ow_tooltip_left .ow_tooltip_tail span {
	margin: 0px;
	width: 5px;
	height: 11px;
	background-position: 0px -28px;
}
.ow_tooltip_left .ow_tooltip_body {
	display: block;
	margin-left: 4px;
}
/* ---- Right Side Tooltip  ---- */
.ow_tooltip_right .ow_tooltip_tail {
	float: right;
	margin-left: -4px;
	width: 5px;
	padding-top: 8px;
}
.ow_tooltip_right .ow_tooltip_tail span {
	margin: 0px;
	width: 5px;
	height: 11px;
	background-position: 0px -15px;
}
.ow_tooltip_right .ow_tooltip_body {
    display:block;
	margin-right: 4px;
}


/* ---- End of Tooltip  ---- */

/* ---- Counter  ---- */
.ow_count_wrap {
    text-align: center;
   	display: inline-block;
	line-height: 15px;
	font-size: 10px;
	vertical-align: top;
}
.ow_count_bg {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	display: inline-block;
    min-height: 15px; 
 	overflow: hidden;
 	background: #2f0023;
}
.ow_count {
    color: #fff;
    padding: 0 4px 0 4px;
 }
.ow_count_active {
	background: #b10b40;

}

/* ---- End of Counter  ---- */

/* ---- Item Voted Content ---- */

.ow_ivc_box{
}

.ow_ivc_voteupdown{
	background-repeat: no-repeat;
	background-position: center 5px;
    float: left;
    margin-right: -50px;
    padding: 0px 5px 5px;
    text-align: center;
}

.ow_ivc_content{
    margin-left: 75px;
}
/*
.ow_ivc_origin{
   background-repeat: no-repeat;
   margin-bottom: 8px;
   padding: 2px 0px 2px 20px;
}


.ow_ivc_toolbar .ow_comments,
.ow_ivc_toolbar .ow_tags,
.ow_ivc_toolbar .ow_voteup,
.ow_ivc_toolbar .ow_votedown{
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 5px;
    padding: 0px 0px 2px 20px;
}
*/
/* ---- Listing Picture ---- */

.ow_lp_picture{
    float: left;
    margin: 0 1px 1px 0;
}

.ow_lp_wrapper{
    /*float: left;
    overflow: hidden;
    text-align: center;*/
}

.ow_lp_avatars .ow_lp_wrapper{
	display: inline-block;
    margin: 0 1px 1px 0;
    width: 40px;
}

.ow_lp_albums .ow_lp_wrapper{
    width: 77px;
    height: 77px;
    padding: 4px 0px 0px 5px;    
    float: left;
    margin-right: 4px;
    background: url(images/lp_wrapper.png) no-repeat 0px 0px;    
}

.ow_lp_photos .ow_lp_wrapper{
    width: 77px;
    height: 77px;
    padding: 4px 0px 0px 5px;
    margin: 0 2px 2px 0;
    display: inline-block;
    float: none;
    background: url(images/lp_wrapper.png) no-repeat 0px 0px;
    text-align: left;
    vertical-align: top;
}

.ow_lp_avatars img {
    /*display: block;*/
}

.ow_lp_avatars .ow_avatar {
    margin: 1px;
	text-align: left;
	vertical-align: top;
}
.ow_lp_avatars {
	text-align: center;
}
.ow_lp_photos img,
.ow_lp_albums img{
    width: 72px;
    height: 72px;
    /*display: block;*/
}

.ow_lp_label{
    margin-left: 80px;
}

.ow_lp_avatars.ow_mini_avatar{
    text-align:left;    
}
.ow_mini_avatar .ow_avatar{
    background: url(images/avatar_mini_bg.png) no-repeat 0px 0px;
}
.ow_mini_avatar .ow_avatar, .ow_avatar.ow_mini_avatar,
.ow_mini_avatar .ow_avatar img, .ow_avatar.ow_mini_avatar img {
    width: 32px;
    height: 32px;
}

a.avatar_list_more_icon{
    width: 25px;
    height: 32px;
    display: inline-block;
    margin: 0 1px;
    background: #eee url(images/more_icon.png) no-repeat 50% 50%;
}

/* ---- User List ---- */

.ow_user_list {
}

.ow_user_list .ow_item_set3{
    width: 32%;
    word-wrap: break-word;
}

.ow_user_list_item{
    float: left;
    padding: 10px;
    padding-right: 0px;
    position: relative;
}

.ow_user_list_picture{
    float: left;
    margin-right: -50px;
    width: 50px;
}

.ow_user_list_picture img{
    width: 40px;
    height: 40px;
}

.ow_user_list_data{
    margin-left: 53px;
}
.ow_uli_context_menu {
	position: absolute;
	top: 10px;
	right: 10px;
	display: none;
}
.ow_user_list_item:hover .ow_uli_context_menu {
	display: block;
}
.ow_uli_context_menu .ow_tooltip .ow_tooltip_body {
    padding: 4px 0;
}
.ow_uli_context_menu .ow_context_action_list a {
	padding: 4px 12px;
}
/*=======================================================
        [7] Tables        __tables
  ========================================================*/
.ow_table_1,
.ow_table_2 {
	border-collapse: separate;
}
.ow_table_3 {
	border-collapse: collapse;
}
.ow_table_1,
.ow_table_2,
.ow_table_3{
    margin-bottom: 25px;
    width: 100%;
}
.ow_table_1 tr td,
.ow_table_2 tr td,
.ow_user_list .ow_alt1,
.ow_user_list .ow_alt2,
.ow_video_list .ow_alt1,
.ow_video_list .ow_alt2,
.ow_photo_list .ow_alt1,
.ow_photo_list .ow_alt2 {
	border-style: solid;
	border-color: transparent;
}
.ow_table_1 tr td,
.ow_table_2 tr td {
	border-width: 0px 1px 1px 0px;
	border-color: #b097a7;
	background-color: #a58b9c;
}
.ow_table_1 .ow_empty + tr td:first-child,
.ow_table_2 .ow_empty + tr td:first-child {
    border-radius: 4px 0px 0px 0px;
    -moz-border-radius: 4px 0px 0px 0px;
    -webkit-border-radius: 4px 0px 0px 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
}
.ow_video_list div:first-child,
.ow_user_list div:first-child {
	border-left-width: 1px;
	border-top-width: 1px;
}
.ow_table_1 tr td:first-child,
.ow_table_2 tr td:first-child {
	border-left-width: 1px;
}
.ow_video_list div,
.ow_user_list div {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}
.ow_video_list div:last-child,
.ow_user_list div:last-child {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
    border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.ow_video_list div:first-child,
.ow_user_list div:first-child {
    border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.ow_table_1 tr td:last-child,
.ow_table_2 tr td:last-child {
	border-bottom-width: 1px;
	border-right-width: 1px;
}
.ow_table_1 tr:first-child td,
.ow_table_2 tr:first-child td {
	border-top-width: 1px;
}
.ow_table_1 tr:first-child td:first-child,
.ow_table_1 tr:first-child th:first-child,
.ow_table_2 tr:first-child td:first-child,
.ow_table_2 tr:first-child th:first-child {
    border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
}
.ow_table_1 tr:first-child td:last-child,
.ow_table_1 tr:first-child th:last-child,
.ow_table_2 tr:first-child td:last-child,
.ow_table_2 tr:first-child th:last-child {
    border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
}
.ow_table_1 tr:last-child td:first-child,
.ow_table_1 tr.ow_alt1:last-child td:first-child,
.ow_table_1 tr.ow_tr_last td:first-child,
.ow_table_1 tr.ow_tr_last th:first-child,
.ow_table_2 tr:last-child td:first-child,
.ow_table_2 tr.ow_alt1:last-child td:first-child,
.ow_table_2 tr.ow_tr_last td:first-child,
.ow_table_2 tr.ow_tr_last th:first-child {
    border-bottom-left-radius: 4px;
    -moz-border-left-radius: 4px;
    -webkit-border-left-radius: 4px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;	
}
.ow_table_1 tr:last-child td:last-child,
.ow_table_1 tr.alt1:last-child td:last-child,
.ow_table_1 tr.ow_tr_last td:last-child,
.ow_table_1 tr.ow_tr_last th:last-child,
.ow_table_2 tr:last-child td:last-child,
.ow_table_2 tr.alt1:last-child td:last-child,
.ow_table_2 tr.ow_tr_last td:last-child,
.ow_table_2 tr.ow_tr_last th:last-child {
    border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-right-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
}
.ow_table_1 tr:last-child td,
.ow_table_1 tr:last-child th,
.ow_table_2 tr:last-child td,
.ow_table_2 tr:last-child th {
	border-top-width: 0px;
}
.ow_table_1 th,
.ow_table_2 th {
	border-style: solid;
	border-width: 0px 1px 1px;
	border-color: #780030;	
	_border-width: 1px;
}
.ow_table_1 tr.ow_tr_first td,
.ow_table_2 tr.ow_tr_first td{
	border-top-width: 1px;
}
.ow_table_1 tr.ow_tr_first th,
.ow_table_2 tr.ow_tr_first th {
	border-width: 1px 0px;
	border-color: #780030;
}
.ow_table_1 tr.ow_tr_first th:first-child,
.ow_table_1 tr.ow_tr_first td:first-child,
.ow_table_2 tr.ow_tr_first th:first-child,
.ow_table_2 tr.ow_tr_first td:first-child {
	border-left-width: 1px;
    border-top-left-radius: 4px;
}
.ie8 .ow_table_1 tr.ow_tr_first th,
.ie8 .ow_table_2 tr.ow_tr_first th {
	border-right-width: 1px;
}
/*@media \0screen {
	.ow_table_1 tr.ow_tr_first th,
	.ow_table_2 tr.ow_tr_first th {
	border-right-width: 1px;
}
}*/
.ow_table_1 tr.ow_tr_delimiter td,
.ow_table_2 tr.ow_tr_delimiter td  {
	border: none;
	background: none;
}
.ow_table_1 tr.ow_tr_first th:last-child,
.ow_table_1 tr.ow_tr_first td:last-child,
.ow_table_2 tr.ow_tr_first th:last-child,
.ow_table_2 tr.ow_tr_first td:last-child {
   	border-right-width: 1px;
    border-top-right-radius: 4px;
}
.ow_table_1 tr.ow_tr_first th:last-child,
.ow_table_2 tr.ow_tr_first th:last-child {
   	border-right: #780030;
}
.ow_table_1 td,
.ow_table_2 td{
    padding: 8px;
    vertical-align: middle;
}

.ow_table_1 td .text{
    color: #474747;
}

.ow_table_2{
    border-collapse: separate;
}

.ow_table_2 td{
    text-align: center;
}

.ow_table_3{
    border-collapse: separate;
    border-spacing: 5px;
}

.ow_table_3 td{
    border-left-width: 1px;
    border-left-style: solid;
    vertical-align: top;
  	color: #fff;  
}

.ow_table_3 td.ow_label{
    border: #b7c5d1;
    text-align: right;
}

.ow_table_3 td.ow_value{
	width: 50%;
	padding-left: 10px;
}

.ow_table_4{
    border-collapse: separate;
    border-spacing: 5px;
}

.ow_table_4 td{
    vertical-align: top;
}

.ow_table_4 td.ow_label{
    border: none;
    color: #666;
    text-align: right;
}

.ow_table_4 td.ow_value{
    padding-left: 10px;
}

th.ow_section{
    border: 0 none;
    padding: 15px 0;
	text-align: center;
    background: transparent;
}

th span.ow_section_icon{
    background-repeat: no-repeat;
    padding-left: 22px;
}

th.ow_section span{
    background: #e8e8e8;
    color: #484848;
    padding: 5px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: none;
    font-weight: normal;
}

table.ow_form td.ow_label{
    color: #495055;
    text-align: right;
    width: 20%;
}

table.ow_form td.ow_desc{
    width: 25%;
    color: #495055;
    font-size: 11px;
}

table.ow_form td.ow_submit{
    text-align: center;
}


/*========================================================
        [8] Messages & Notifications        __messages
  ========================================================*/


/*========================================================
        [9] Thumbnails & Icons        __icons
  ========================================================*/

img.thumb{
    width: 100px;
}

html body div .ow_ic_add{ background-image: url(images/ic_add.png); color: #fff;}
html body div .ow_ic_aloud{ background-image: url(images/ic_aloud.png); }
html body div .ow_ic_app{ background-image: url(images/ic_app.png); }
html body div .ow_ic_attach{ background-image: url(images/ic_attach.png); }
html body div .ow_ic_birthday{ background-image: url(images/ic_birthday.png); }
html body div .ow_ic_bookmark{ background-image: url(images/ic_bookmark.png); }
html body div .ow_ic_calendar{ background-image: url(images/ic_calendar.png); }
html body div .ow_ic_cart{ background-image: url(images/ic_cart.png); }
html body div .ow_ic_chat{ background-image: url(images/ic_chat.png); }
html body div .ow_ic_clock{ background-image: url(images/ic_clock.png); }
html body div .ow_ic_comment{ background-image: url(images/ic_comment.png); }
html body div .ow_ic_cut{ background-image: url(images/ic_cut.png); }
html body div .ow_ic_dashboard{ background-image: url(images/ic_dashboard.png); }
html body div .ow_ic_delete{ background-image: url(images/ic_delete.png); }

html body div .ow_ic_draft{ background-image: url(images/ic_draft.png); }

html body div .ow_ic_down_arrow{ background-image: url(images/ic_down_arrow.png); }
html body div .ow_ic_edit{ background-image: url(images/ic_edit.png); }
html body div .ow_ic_female{ background-image: url(images/ic_female.png); }
html body div .ow_ic_file{ background-image: url(images/ic_file.png); }
html body div .ow_ic_files{ background-image: url(images/ic_files.png); }
html body div .ow_ic_flag{ background-image: url(images/ic_flag.png); }
html body div .ow_ic_folder{ background-image: url(images/ic_folder.png); }
html body div .ow_ic_forum{ background-image: url(images/ic_forum.png); }
html body div .ow_ic_friends{ background-image: url(images/ic_friends.png); }
html body div .ow_ic_gear_wheel{ background-image: url(images/ic_gear_wheel.png); }
html body div .ow_ic_heart{ background-image: url(images/ic_heart.png); }
html body div .ow_ic_help{ background-image: url(images/ic_help.png); }
html body div .ow_ic_house{ background-image: url(images/ic_house.png); }
html body div .ow_ic_info{ background-image: url(images/ic_info.png); }
html body div .ow_ic_key{ background-image: url(images/ic_key.png); }
html body div .ow_ic_left_arrow{ background-image: url(images/ic_left_arrow.png); }
html body div .ow_ic_lens{ background-image: url(images/ic_lens.png); }
html body div .ow_ic_link{ background-image: url(images/ic_link.png); }
html body div .ow_ic_lock{ background-image: url(images/ic_lock.png); }
html body div .ow_ic_mail{ background-image: url(images/ic_mail.png); }
html body div .ow_ic_male{ background-image: url(images/ic_male.png); }
html body div .ow_ic_mobile{ background-image: url(images/ic_mobile.png); }
html body div .ow_ic_moderator{ background-image: url(images/ic_moderator.png); }
html body div .ow_ic_monitor{ background-image: url(images/ic_monitor.png); }
html body div .ow_ic_move{ background-image: url(images/ic_move.png); }
html body div .ow_ic_music{ background-image: url(images/ic_music.png); }
html body div .ow_ic_new{ background-image: url(images/ic_new.png); }
html body div .ow_ic_ok{ background-image: url(images/ic_ok.png); }
html body div .ow_ic_online{ background-image: url(images/ic_online.png); }
html body div .ow_ic_picture{ background-image: url(images/ic_picture.png); }
html body div .ow_ic_places{ background-image: url(images/ic_places.png); }
html body div .ow_ic_plugin{ background-image: url(images/ic_plugin.png); }
html body div .ow_ic_push_pin{ background-image: url(images/ic_push_pin.png); }
html body div .ow_ic_reply{ background-image: url(images/ic_reply.png); }
html body div .ow_ic_right_arrow{ background-image: url(images/ic_right_arrow.png); }
html body div .ow_ic_rss{ background-image: url(images/ic_rss.png); }
html body div .ow_ic_save{ background-image: url(images/ic_download.png); }
html body div .ow_ic_restrict{ background-image: url(images/ic_restrict.png); }
html body div .ow_ic_script{ background-image: url(images/ic_script.png); }
html body div .ow_ic_server{ background-image: url(images/ic_server.png); }
html body div .ow_ic_star{ background-image: url(images/ic_star.png); }
html body div .ow_ic_tag{ background-image: url(images/ic_tag.png); }
html body div .ow_ic_trash{ background-image: url(images/ic_trash.png); }
html body div .ow_ic_unlock{ background-image: url(images/ic_unlock.png); }
html body div .ow_ic_up_arrow{ background-image: url(images/ic_up_arrow.png); }
html body div .ow_ic_update{ background-image: url(images/ic_update.png); }
html body div .ow_ic_user{ background-image: url(images/ic_user.png); }
html body div .ow_ic_video{ background-image: url(images/ic_video.png); }
html body div .ow_ic_warning{ background-image: url(images/ic_warning.png); }
html body div .ow_ic_write{ background-image: url(images/ic_write.png); }

html body div .ow_button span,
html body div .ow_button span.ow_negative,
html body div .ow_button span.ow_negative .ow_inprogress {
	background-image: none;
	background-repeat: no-repeat;
}

.maintenance_cont h1 {
	background-image: none;
}

.ow_icon_control{
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0px 0 2px 20px;
    line-height: 15px;
}

html body div .ow_miniic_comment{ background: url(images/miniic_set.png) no-repeat 4px 5px; }
html body div .ow_miniic_like { background: url(images/miniic_set.png) no-repeat -15px 4px; }
html body div .ow_miniic_delete{ background-image: url(images/miniic_x.png); }

html body div .ow_tinyic_delete{ background-image: url(images/tinyic_delete.png); }
html body div .ow_tinyic_tag{ background-image: url(images/tinyic_tag.png); }
html body div .ow_tinyic_write{ background-image: url(images/tinyic_write.png); }

.ow_miniicon_control{
    background-repeat: no-repeat;
    display: inline-block;
    padding: 1px 0 2px 14px;
    line-height: 9px;
}

.ow_box_cap_icons
{
	margin-top: -26px;
}

span.ow_icon{
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.ow_marked_cell{
    background-image: url(images/ic_ok.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.ow_box_cap_icons a.close{
    background-position: 50% 50%;
    background-repeat: no-repeat;
    float: right;
    width: 20px;
    height: 20px;
}


/*========================================================
        [10] Menus        __menus
  ========================================================*/

/* ---- Main Menu styles ---- */

.ow_menu_wrap {
	height: 75px;
	display: table;
	background: url(images/menu_grad.png);
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;	
    margin: 0px 0px 0px 0px;
    width: 100%;
}
.ow_main_menu{
	font-family: 'robotolight', "Trebuchet MS", "Helvetica CY", sans-serif;
   	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 4px 0px 0px;
}
html[xmlns] .ow_main_menu.clearfix {
	display: table-cell;
}
.ow_main_menu li {
    padding: 0;
	display: inline-block;
}

.ow_main_menu li a {
    color: #fff; /** OW_Control type:color, key:menuColor, section:2. Colors, label:4. Menu text color **/
    display: inline-block;
	font-size: 20px;
    padding: 2px 8px 6px 8px;
    text-decoration: none;
	text-transform: capitalize;
	text-shadow: none;
	font-weight: normal;
}

.ow_main_menu li.active a {
}

.ow_main_menu li.active a,
.ow_main_menu li a:hover {
	color: #fff;
	text-decoration: underline; 
}
.ow_box_menu {
	font-size: 0px;
	line-height: 21px;
	margin-bottom: 16px;
}
.ow_box .ow_box_menu {
	text-align: right;
}

.ow_box_menu a {
	background: #e8e8e8;
	display: inline-block;
	color: #484848;
	font-size:11px;
	height: 22px;
	padding: 0px 6px 0 7px;
	text-shadow: none;
	border-width: 1px 1px 1px 1px;
	margin: 0px 0px 0px -1px;
	outline: 0;

}
.ow_box_menu a:first-child {
	border-left-width: 1px;
    border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
}
.ow_box_menu a:last-child {
    border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
}
.ow_box_empty .ow_box_menu{
	float: right;
	padding-left: 5px;
}

.ow_box_menu a.active,
.ow_box_menu a:hover{
	color: #838383; 
	text-decoration:none;
	background: #CCCCCC ;
}

/* ---- End of Main Menu styles ---- */


/* ---- Content Menu styles ---- */

.ow_content_menu{
	font-size: 0px;
	font-family: 'UbuntuBold', "Trebuchet MS", "Helvetica CY", sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}

.ow_content_menu_wrap{
	margin-bottom:20px;
}

.ow_content_menu li{
    float: left;
	padding-left: 5px;
	border-left: 1px solid #cccacd;
}
.ow_content_menu li:first-child {
	border-color: transparent;
}
.ow_content_menu li a{
    display: block;
	padding: 3px 3px 4px 0px;
	font-size: 13px;
	color: #cecece;
}
.ow_content_menu span{
    background-image: url(images/ic_file.png);
    background-position: 5px 9px;
    background-repeat: no-repeat;
    padding: 8px 8px 10px 28px;
    display: block;
}

.ow_content_menu li.active,
.ow_content_menu li:hover {
    background: url(images/content_menu_bg_left.png) no-repeat;
}
.ow_content_menu li.active, .ow_content_menu li.active +li,
.ow_content_menu li:hover, .ow_content_menu li:hover +li {
    border-color: transparent;
}
.ow_content_menu li.active a,
.ow_content_menu li:hover a {
    background: url(images/content_menu_bg.png) no-repeat right 0px;
    color: #fff; 
    text-decoration: none;
}

.ow_content_menu li a:hover {
    color: #fff; 
    text-decoration: none;
} 

/* ---- End of Content Menu styles ---- */


/* ---- Button List styles ---- */

.ow_bl{
    padding: 0;
}

.ow_bl li{
	list-style: none;
    margin-left: 4px;
}

.ow_bl a{
    display: block;
	background: #cac8ca;
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #616161;
	padding: 0px 8px;
	line-height: 20px;
	height: 22px;
    text-decoration: none;
	font-size: 11px;
}

.ow_bl a:hover {
    border-color: #81b7c1;
}

span.ow_blitem {
	background: #cac8ca;
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #868a7a;
	padding: 0px 0px;
	line-height: 20px;
	height: 22px;
    text-decoration: none;
    display: inline-block;
    margin: 0px 4px 0px 0px;
}
span.ow_blitem span {
    display: inline-block;	
}
span.ow_blitem input[type="submit"],
span.ow_blitem input[type="button"] {
    border: none;
    padding: 0px;
    background: none;
    font-weight: normal;
    height: auto;
    padding: 2px 5px 0 6px;
    font-size: 11px;
    line-height: 17px;
	font-family: "Tahoma","Lucida Grande", "Verdana";   
    text-transform: none;
}

span.ow_blitem:hover,
span.ow_blitem input:hover {
    border-color: #484848;
}

/* ---- Button List styles Cover Image ---- */

.ow_bg_controls span.ow_blitem{
	background: url(images/btnl_black_bg.png) repeat-x center left;
	border-radius: 3px;
	border: none;
	height: 24px;
	line-height: 22px;
} 

.ow_bg_controls span.ow_blitem:hover{
	background: url(images/btnl_black_hover_bg.png) repeat-x center left;
}

html body div .ow_bg_controls .ow_green{
	color:#ccc;
} 

.ow_bg_controls span.ow_blitem input[type="submit"],
.ow_bg_controls span.ow_blitem input[type="button"]{
	color: #ccc;
} 

.ow_bg_controls span.ow_blitem input[type="submit"]:hover,
.ow_bg_controls span.ow_blitem input[type="button"]:hover{
	color: #eee;
}

/* ---- End of Button List styles Cover Image ---- */

/* ---- End of Button List styles ---- */


/* ---- Footer Menu styles ---- */

.ow_footer_menu{
    font-size: 11px;
    padding: 10px;
    text-align: center;
    margin-bottom: 15px;
}
.ow_footer_menu a {
	color: #f6d8ef;
}

/* ---- End of Footer Menu styles ---- */


/* ---- Inventory Line styles ---- */

.ow_inventory_line{
}


/*========================================================
        [11] Pagination        __pagination
  ========================================================*/
html[xmlns] .ow_paging.clearfix {
	display: inline-block;
}
.ow_paging{
    font-size: 11px;
    background: #7e6578;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 1px;

}

.ow_paging a{
    display: inline-block;
    line-height: 16px;
    background: #780030;
    padding: 2px 6px 2px 7px;
    text-decoration: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #fff;
}

.ow_paging a.active,
.ow_paging a:hover{
    background: #5a001a;
    color: #fff;
}
.ow_paging span {
	display: inline-block;
	padding-left: 3px;
}


/*========================================================
        [12] Typography        __typography
  ========================================================*/
@font-face {
    font-family: 'robotolight';
    src: url(images/Roboto-Light-webfont.eot);
    src: url(images/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),
         url(images/Roboto-Light-webfont.woff) format('woff'),
         url(images/Roboto-Light-webfont.ttf) format('truetype'),
         url(images/Roboto-Light-webfont.svg#robotolight) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBold';
    src: url(images/Ubuntu-B-webfont.eot);
    src: url(images/Ubuntu-B-webfont.eot?#iefix) format('embedded-opentype'),
         url(images/Ubuntu-B-webfont.woff) format('woff'),
         url(images/Ubuntu-B-webfont.woff2) format('woff2'),
         url(images/Ubuntu-B-webfont.ttf) format('truetype'),
         url(images/Ubuntu-B-webfont.svg#UbuntuBold) format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'UbuntuRegular';
    src: url(images/Ubuntu-R-webfont.eot);
    src: url(images/Ubuntu-R-webfont.eot?#iefix) format('embedded-opentype'),
         url(images/Ubuntu-R-webfont.woff) format('woff'),
         url(images/Ubuntu-R-webfont.ttf) format('truetype'),
         url(images/Ubuntu-R-webfont.svg#UbuntuRegular) format('svg');
    font-weight: normal;
    font-style: normal;

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

.ow_highlight{
    background: green;
}

.ow_std_margin{
    margin-bottom: 25px;
}

.ow_normal{
    font-size: 13px;
}

html body .ow_sidebar .ow_tiny,
html body .ow_console .ow_tiny,
.ow_tiny {
    font-size: 9px;
}

.ow_stdmargin{
    margin-bottom: 28px;
}

.ow_smallmargin{
    margin-bottom: 8px;
}

.ow_outline{
    color: #cecece;
    font-weight: bold;
}

.ow_lightweight{
    font-weight: normal;
}

.ow_txt_value {
    font-weight: bold;
    color: #cecece; /** OW_Control type:color, section:2. Colors, key:txtValue, label:5. Numeric values **/
}

.ow_remark { 
}

.ow_alt1,
tr.ow_alt1 td{
    background-color: #d4bacb; 
}

.ow_alt2,
tr.ow_alt2 td{
	background: #bca2b3; 
}

tr.ow_alt1, tr.ow_alt2 {
	background-color: transparent;
}

.ow_high1{
    background-color: #cccacd; 
}

.ow_high2{
    background-color: #dbd9dc;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.ow_add_content{
    background-color: none; 
}

.ow_add_content:hover{
    background-color: #4a3443;
}


a.ow_lbutton,
span.ow_lbutton {
    background: #fff;
    color: #616161;
    border: 1px solid #cccacd;
    padding: 0px 3px 0px;
	line-height: 13px;
    text-transform: uppercase;
    border-radius: 2px;
    text-shadow: none;
	display: inline-block;
	font-weight: bold;
	vertical-align: middle;
}

html body a.ow_lbutton,
html body span.ow_lbutton {
    font-size: 8px;
}

.ow_lbutton:hover{
	cursor: pointer;
    text-decoration: none;
}

.ow_disabled{
    background: #ccc;
}

.info{
    margin-bottom: 8px;
}
.ow_automargin{
    margin-left: auto;
    margin-right: auto;
}

.ow_autowidth,
table.ow_form td.ow_autowidth{
    width: auto;
}

.ow_anno {
	background:#8496a9 url(images/ic_warning.png) no-repeat scroll 15px 45%;
	border:1px solid #abb9c7;
	padding:10px;
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.outline{
    color: #495055;
    font-weight: bold;
}

input[type=text].ow_inputready,
textarea.ow_inputready {
    color: #999999;
}


/*========================================================
        [13] Misc        __misc
  ========================================================*/

.clr{
    clear: both;
}

.ow_column_equal_fix{
   padding-bottom: 20001px !important;
   margin-bottom: -20000px !important;
}

/*========================================================
        [14] Clearfix        __clearfix
  ========================================================*/

.clearfix{
    zoom: 1;
}

.clearfix:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

*html .clearfix {
    height: 1%;
}


/*========================================================
        [15] Plugin Styles        __plugins
  ========================================================*/

/* ---- Base plugin styles ---- */

.ow_add_content{
	background-image: url(images/ic_add.png);
	background-repeat: no-repeat;
	background-position: center 8px;
	float: left;
	margin: 0 0px 4px 3px;
	overflow:hidden;
	padding: 28px 0 6px;
	text-align:center;
	width:47%;
    border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.ow_add_content:hover{
	text-decoration:none;
}
.ow_add_content:nth-child(odd) {
	margin-left: 0px;
}
/* ---- End of base plugin styles ---- */

/* ---- Forum styles ---- */

.ow_forum{
    text-align: center;
    width: 100%;
}

.ow_forum .ow_name{
    text-align: left;
    width: 563px;
}

.ow_forum .ow_topics{
    width: 55px;
}

.ow_forum .ow_replies{
    width: 55px;
}

.ow_forum .ow_action{
    white-space: nowrap;
    width: 70px;
}

.ow_forum_topic .ow_author{
    width: 20%;
}

.ow_forum_topic .ow_posts{
    text-align: center;
    width: 1%;
}

.ow_forum_topic .ow_views{
    text-align: center;
    width: 1%;
}

.ow_forum_topic .ow_icon{
    line-height: 14px;
    text-align: center;
    width: 8%;
}

body.htmlarea_styles blockquote.ow_quote,
blockquote.ow_quote{
    margin: 10px 0 10px 40px;
    background: #7D6578;
    padding: 2px 5px;
}
body.htmlarea_styles blockquote.ow_quote .ow_author,
blockquote.ow_quote .ow_author{
    font-size: 11px;
    display: inline-block;
    padding: 2px 0;
    width: 98%;
}

.ow_forum_topic_posts .ow_post_comment{
    background-repeat: no-repeat;
    font-style: italic;
    font-size: 11px;
    margin: 10px 0;
    padding-left: 20px;
}

.ow_forum_post_area{
    height: 240px;
}

.ow_forum_status{
    font-style: italic;
}

/* ---- Forum sortable ---- */
.forum_placeholder{
	border: 1px dashed #999;
	background-color: #FFF9DB;
    margin-bottom: 25px;
    width: 100%;
}

tr.forum_placeholder td{
	background-color: #FFF9DB;
    border: 1px dashed #999;
	height: 45px;
    width: 100%;
}

.forum_section{
	cursor: move;
}

.forum_section_tr{
	height: 41px;
}
.ow_forum_topic_posts .ow_box .ow_ipc_info {
	border: none;
	padding: 0px;
}
body .ow_forum_attachment_icon {
	width: 16px;
}
.ow_forum_search_context_menu .ow_context_action_list a {
    padding: 4px 12px;
}
.ow_forum_search_context_menu .ow_tooltip .ow_tooltip_body {
    padding: 4px 0;
}

.forum_search_wrap {
    background-color: #fff;
}
   
/* ---- Mailbox styles ---- */
.ow_mailbox_left_loading .ow_mailbox_left_body {
    background: url(images/ajax_preloader_content.gif) center 220px no-repeat;
}
body .ow_mailbox_right.ow_mailbox_right_loading div.ow_mailbox_right_preloading {
    background: url(images/ajax_preloader_content.gif) no-repeat center center;
}
.ow_mailbox_message_content .ow_file_attachment_info,
.ow_dialog_items_wrap .ow_file_attachment_info,
.ow_mailbox_log .ow_file_attachment_info {
	background-image: url(images/miniic_doc.png);
}
.ow_mailbox_convers_info.mails {
	background-image: url(images/miniic_envelope.png);
}
.ow_mailbox_convers_info.chats {
	background-image: url(images/miniic_buble.png);
}
.ow_mailbox_convers_info_attach {
    background: url(images/miniic_attach.png) center center no-repeat;
}
.ow_mailbox_conv_options_label {
    background-image: url(images/chat_tiny_arrow_down.png);
}
.ow_mailbox_convers_info,
.ow_vertical_nav_item {
	background-color: #B399A9;
}
.ow_mailbox_convers_info_new,
.ow_vertical_nav_item.selected, 
.ow_vertical_nav_item.selected:hover {
	background-color: #9a7c93;
}
.ow_mailbox_convers_info_selected,
.ow_vertical_nav_item:hover {
	background-color: #a58b9c;
}
.ow_mailbox_convers_info:hover,
.ow_mailbox_convers_info_selected,
.ow_mailbox_convers_info_selected:hover {
    -webkit-box-shadow: inset 1px 0px 0px 0px #fff;
	-moz-box-shadow: inset 1px 0px 0px 0px #fff;
	box-shadow: inset 1px 0px 0px 0px #fff;
}
.ow_mailbox_convers_info .ow_mailbox_convers_info_date:hover {
	color: #999;
}
.ow_mailbox_convers_info .ow_mailbox_convers_info_string a,
a.ow_vertical_nav_item {
	color: #444;
}
.ow_mailbox_convers_info span.ic_reply {
	background-image: url(images/ic_reply_g.png);
}
.ow_mailbox_table,
.ow_mailbox_table .ow_mailbox_convers_info, 
.ow_mailbox_table .ow_mailbox_cap, 
.ow_mailbox_table .ow_mailbox_date_cap,
.ow_mailbox_table .ow_mailbox_subject_block,
.ow_mailbox_table .ow_mailbox_log,
.ow_mailbox_table .ow_mailbox_log_date,
.ow_mailbox_table .ow_mailbox_left .ow_mailbox_cap,
.ow_mailbox_table .ow_mailbox_left .ow_mailbox_search,
.ow_mailbox_table .ow_mailbox_left .ow_mailbox_left_body,
.ow_mailbox_right .ow_chat_message_block,
.ow_mailbox_table .ow_mailbox_conv_options,
.ow_vertical_nav,
.ow_vertical_nav_item {
    border-color: #937D8C;
    color: #484848;
}
.ow_mailbox_log .ow_dialog_item.odd .ow_dialog_in_item,
.ow_mailbox_log .ow_dialog_item.even .ow_dialog_in_item {
    border: 1px solid #E3E3E3;
    background: #E3E3E3;
}
.ow_mailbox_log .ow_dialog_item.even i {
    background-image: url(images/dialog_tail.png);
    background-position: 0 -1px;
}
.ow_mailbox_log .ow_dialog_item.odd i {
	background-image: url(images/dialog_tail.png);
    background-position: 0 -6px;
}
.ow_mailbox_convers_actions .ow_miniic_control {
	margin-right: 0px;
}
.ow_mailbox_convers_actions .ow_miniic_control span {
	background: url(images/miniic_gearwheel.png) -1px -1px no-repeat;
}
.ow_mailbox_convers_actions .ow_miniic_control.active span {
	background: url(images/miniic_gearwheel.png) -1px -22px no-repeat;
}
.ow_mailbox_table .ow_wink_icon {
    background-image: url('images/ic_wink.png');
}
#conversationItemListSub {
	width: 280px !important;
}
/* ---- End of Mailbox styles ---- */
/* ---- Blogs styles ---- */

.ow_blogpost_compose textarea{
    height: 235px;
}
.ow_ws_video object,
.ow_ws_video embed {
	max-width: 100%;
}
/* ---- End of Blogs styles ---- */


/* ---- Rates Styles ---- */

.inactive_rate_list, .active_rate_list {
    background: url(images/stars.png) no-repeat 0 -13px;
    width: 65px;
    height: 13px;
    text-align: left;
    display: inline-block;
}

.active_rate_list {
    background-position: 0 0;
}

.rates_cont a.rate_item {
    background: url(images/stars.png) no-repeat 0 -13px;
    cursor: pointer;
    float: left;
    height: 13px;
    text-decoration: none;
    width: 13px;
}

.rates_cont a.active {
    background-position: 0 0;
}

.rates_cont{
    margin: 0 auto;
	width: 65px;
}

.ow_rate_score{
    font-size: 20px;
}

/* ---- End of Rates Styles ---- */


/* ---- Video styles ---- */

.ow_video_list .ow_alt1,
.ow_video_list .ow_alt2 {
	padding: 24px 0px 24px 24px;
}
.ow_video_player{
    text-align: center;
}

.ow_video_description{
    margin: 8px 0 20px;
}

.ow_video_list_item{
    float: left;
    max-height: 165px;
    padding: 5px;
    width: 120px;
	margin-right: 20px;
    background: url(images/video_bg.png) no-repeat 0px 0px;
}

.ow_other_video_item_title{
    margin-left: 88px;
    padding-left: 4px;
}

.ow_video_thumb{
    background: url(images/video-no-video.jpg) no-repeat center center;
    display: block;
}

.ow_video_thumb,
.ow_video_list_item img{
    height: 90px;
    width: 120px;
}

.ow_other_video_thumb{
    display: block;
    margin-right: -80px;
    background: url(images/video_thumb_bg.png) no-repeat 0 0;
    padding: 4px 4px 4px 4px;    
}
.ow_other_video_thumb a {
	display: inline-block;
	width: 80px;
	height: 60px;
    background: url(images/video-no-video.jpg) no-repeat center center;	
}
.video_thumb_no_title {
	margin: 0px 4px 4px 0px;
}

.ow_other_video_thumb,
.ow_other_video_thumb img,
.ow_other_video_floated img{
    height: 60px;
    width: 80px;
}

.ow_other_video_floated{
    display: inline-block;
    background: #fff url(images/video-no-video.jpg) no-repeat center center;
    width: 80px;
    height: 60px;
    vertical-align: middle;
}

.ow_video_item_title{
	font-weight: bold;
	padding-bottom: 3px;
	color: #616161;
}

.ow_video_item_rate{
    height: 15px;
    text-align: center;
}

.ow_video_infobar{
    padding: 10px;
    text-align: right;
}
.ow_video_player object,
.ow_video_player embed {
	max-width: 100%;
}
/* ---- End of Video styles ---- */


/* ---- Avatar styles ---- */

.ow_change_avatar .avatar_current{
    border-right: 1px solid #CCCCCC;
    padding-right: 3px;
}

.ow_change_avatar .ow_avatar_preview{
    border-left: 1px solid #CCCCCC;
}

.ow_change_avatar .avatar_crop{
    border-bottom: 1px solid #CCCCCC;
}

.ow_avatar_crop .jcrop-holder{
    margin: 0px auto;
}

.ow_avatar_preview div{
    margin: 0px auto;
}

.ow_avatar {
    position: relative;
    display: inline-block;
	padding: 4px 4px 6px;
    width: 40px;
    height: 40px;
	background-image: url('images/avatar_bg.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.ow_avatar img {
    vertical-align: bottom;
    width: 40px;
    height: 40px;    
}

.ow_avatar_label {
    font-size: 7px;
    display: inline-block;
    position: absolute;
    line-height: 10px;
    text-transform: uppercase;
    bottom: 6px;
    background-color: #999;
    right: 4px;
    color: #fff;
    font-weight: bold;
    padding: 0px 2px;
    border-radius: 3px 0px 0px 0px;
    -moz-border-radius: 3px 0px 0px 0px;
    -webkit-border-radius: 3px 0px 0px 0px;
}

html body .ow_sidebar .ow_avatar_label,
html body .ow_console .ow_avatar_label  {
    font-size: 7px;
}
html body .ow_console .ow_avatar_label {
	bottom: 0px;
	right: 0px;
}
.ow_canvas .ow_newsfeed_avatar {
	width: 50px;
	height: 50px;
    margin-right: -50px;	
}
.ow_canvas .ow_newsfeed_body {
	margin-left: 50px;
	padding-left: 7px;
}
/* ---- End of the Avatar styles ---- */

/* ---- User Avatar Console styles ---- */

.ow_avatar_console{
    position: relative;
    background: #ececec;
    padding: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;    
}

.ow_avatar_console .ow_avatar_image {
    height: 190px;
    max-width: 170px;
}

.ow_avatar_change{
    position: absolute;
    right: 4px; 
    top: 4px;
}

.ow_avatar_console_links {
    background: #F0F0F0;
    display: block;
    padding: 5px 10px;
    border-top: 1px solid #fff;
}

body .ow_avatar_console .ow_avatar_label {
	bottom: 4px;
	right: 4px;
}

.user_online_wrap {
	padding-top: 3px;
	min-height: 12px;
	text-align: left;
}

body .ow_avatar_console .avatar_console_label {
	bottom: 7px;
}
/* ---- End of User Avatar Console styles ---- */

/* ---- Photo styles ---- */
.ow_photo_dragndrop {
    font-family: 'UbuntuBold',"Trebuchet MS","Helvetica CY",sans-serif;
    text-transform: uppercase;
    color: #666;
    background-color: #fff9ec;
    border: 1px solid #e8e8e8;
    font-size: 15px;
}
.ow_photo_upload_wrap .ow_photo_preview_block_wrap .ow_photo_preview_edit {
    border: 1px solid #743f62;
}
.ow_photo_preview_image {
    background-color: #5E2B4D;
}
.ow_photo_preview_loading {
    background-image: url(images/ajax_preloader_content.gif) !important;
    background-size: auto !important;
}
.ow_photo_preview_image_filter {
    background: #000;
}
.ow_photo_preview_x {
    background: url(images/photo_upload_btn_x.png) center center no-repeat;
}
.ow_photo_preview_rotate {
    background: url(images/photo_upload_btn_rotate.png) center center no-repeat;
}
.ow_photo_prev{
    background-repeat: no-repeat;
    background-position: right center;
    text-align: left;
    width: 39%;
}
.ow_photo_next{
    background-repeat: no-repeat;
    background-position: left center;
    text-align: right;
    width: 39%;
}
.ow_photo_list_item{
    float: left;
    height: 165px;
    padding: 16px 0px;
    text-align: center;
}
.ow_photo_info_str{
    padding-top: 5px;
}
.ow_photo_infobar{
    padding: 10px;
    text-align: right;
}
.ow_photo_rate{
    height: 15px;
    text-align: center;
}
html body div.floatbox_photo_preview a.ow_ic_delete.close,
html body div.floatbox_empty a.ow_ic_delete.close {
	background-image: url('images/photo_prev_x.png');
}
.floatbox_empty .ow_box_cap_icons {
    top: -20px;
    right: -20px;
}
.ow_photo_context_action .ow_tooltip .ow_tooltip_body {
    padding: 4px 0;
}
.ow_photo_context_action .ow_context_action a {
	color: #fff;
}
.ow_photo_context_action .ow_context_action a:hover {
	text-decoration: none;
}
.ow_photo_context_action .ow_context_action_list a {
	color: #fff;
    padding: 4px 12px;
}
.ow_photo_context_action {
	border: 1px solid #808080;
}
body .ow_photo_context_action .ow_context_action_block .ow_context_action,
html body .ow_photo_context_action .ow_context_action {
	border: none;
}
.ow_photo_context_action .ow_context_action:hover {
	background: url(images/photo_context_action_bg_active.png) repeat-x 0px 0px;
}
.ow_photo_context_action .ow_tooltip .ow_tooltip_body {
	background: transparent url('images/photo_context_action_tooltip_bg.png');
	border-color: #737373;
}
.ow_photo_context_action .ow_context_action_list a:hover {
	background: transparent url('images/photo_context_action_item_hover.png');
}
.ow_photo_context_action .ow_context_action_list.ow_alt2 {
	background: transparent;
}
.ow_photo_list_item_thumb span.ow_lbutton:hover {
	cursor: default;
}
.ow_photo_list_item_thumb {
	width: 120px;
	height: 120px;
	padding: 4px 6px 6px 20px;
	background: transparent url('images/photo_list_item_thumb.png') no-repeat 15px 0px;
}
.ow_photo_list_item_thumb img {
	width: 120px;
	height: 120px;
}
body .ow_photo_list_item_thumb span.ow_lbutton {
	bottom: 6px;
	right: 6px;
}
.ow_photo_submit_wrapper.ow_mild_green {
	background-color: #7CBB11;
}
/*Photo list*/
.ow_fw_menu {
    background-color: #1A0013;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px 8px;
    min-height: 24px;
    clear: both;
}
.ow_fw_btns {
    display: inline-block;
}
.ow_photo_list_wrap div.ow_photo_item {
    background-color: #764164;
    border-color: #441e3a;
}
.ow_photo_list_wrap .ow_photo_item_wrap .ow_photo_item_info {
    background-color: rgba(0,0,0,0.85);
}
.ow_photo_item_info_user,
.ow_photo_item_info_album,
.ow_photo_item_info .ow_rates_wrap {
    color: #fff;
}
.ow_photo_item_wrap.ow_photo_album .ow_photo_item_info_description {
    color: #fff;
}
.ow_photo_pint_mode .ow_photo_item_wrap.ow_photo_album .ow_photo_item_info_description {
    color: #606060;
}
.ow_photo_album_info_wrap {
    border-bottom: 1px solid #441e3a;
}
.ow_photo_album_cover {
    border-color: #441e3a;
}
body .ow_photo_album_info_wrap .ow_photo_album_info .ow_photo_album_description_textarea,
body .ow_photo_album_info_wrap .ow_photo_album_info .ow_photo_album_description {
    color: #666;
}
.ow_photo_item .ow_photo_context_action.ow_photo_context_action_loading .ow_tooltip_body {
    background-image: url(images/ajax_preloader_content.gif);
}
body .ow_photo_context_action .ow_context_action {
    background-image: url(images/photo_view_context.png);
    background-color: transparent;
}
body .ow_photo_context_action .ow_context_action:hover {
    background-color: rgba(144,144,144, 0.3);
    background-image: url(images/photo_view_context.png);
}
body .ow_photoview_stage_wrap .ow_photo_context_action .ow_context_action,
body .ow_photoview_stage_wrap .ow_photo_context_action .ow_context_action:hover {
	background-image: url(images/photo_view_context.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.ow_photoview_stage_wrap_fullscreen .ow_photoview_fullscreen {
    background-image: url(images/fullscreen_min.png);
}
.ow_photoview_fullscreen {
    background-image: url(images/fullscreen_max.png);
}
.ow_photoview_play_btn {
    background-image: url(images/fullscreen_play.png);
}
.ow_photoview_play_btn.stop {
	background-image: url(images/fullscreen_stop.png);
}
.ow_photoview_info_btn.open {
	background-image: url(images/fullscreen_info_open.png);
}
.ow_photoview_info_btn.close {
	background-image: url(images/fullscreen_info_close.png);
}
.ow_photoview_slide_settings_btn {
    background-image: url(images/fullscreen_settings.png);
}
.ow_photoview_arrow_left {
    background-image: url(images/photoview_arrow_left.png);
}
.ow_photoview_arrow_right {
    background-image: url(images/photoview_arrow_right.png);
}
body .ow_photoview_stage_wrap .ow_photo_context_action .ow_context_action .ow_context_more {
	background-image: none;
}
.ow_photo_context_action .ow_tooltip .ow_tooltip_body {
    background: #464646;
    border: 1px solid #9b9b9a;
}
.ow_photo_context_action .ow_context_action_list a:hover {
    background-color: #8e8e8e;
}
.ow_photo_context_action .ow_tooltip_tail span {
    background: url(images/photo_tooltip_tail.png) no-repeat 3px 0;
}
.ow_photo_context_action .ow_context_action_divider {
    background-color: rgba(160,160,160,0.7);
}
.ow_context_action_list a.ow_context_action_item_hierarchy_right span {
    background: url(images/miniic_arrow_left_bb.png) no-repeat center center;
}
.ow_context_action_list a.ow_context_action_item_hierarchy_left span {
     background: url(images/miniic_arrow_right_bb.png) no-repeat center center;
}
.ow_photo_pint_mode .ow_photo_item_wrap .ow_photo_item_info {
    background-color: #E8E8E8;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ow_photo_pint_mode .ow_photo_item_info_user,
.ow_photo_pint_mode .ow_photo_item_info_album,
.ow_photo_pint_mode .ow_photo_item_info_description,
.ow_photo_pint_mode .ow_photo_item_info .ow_rates_wrap {
    color: #606060;
}
.ow_photo_list.ow_photo_edit_mode .ow_photo_item .ow_photo_chekbox_area {
    background-color: rgba(255,255,255,0.4);
}
.ow_photo_list.ow_photo_edit_mode .ow_photo_item.ow_photo_item_checked .ow_photo_chekbox_area,
.ow_photo_list.ow_photo_edit_mode.ow_photo_pint_mode .ow_photo_item .ow_photo_chekbox_area {
    background-color: rgba(255,255,255,0);
}
.ow_photo_edit_mode .ow_photo_chekbox_area .ow_photo_checkbox {
    border: 1px solid rgba(255,255,255,0.6);
    background-color: rgba(87,87,87, 0.6);
}
.ow_photo_edit_mode .ow_photo_item_checked .ow_photo_chekbox_area .ow_photo_checkbox {
    background-image: url(images/checkbox_icon.png);
}
.ow_photo_list.ow_photo_pint_mode .ow_photo_item {
    background: #bca2b3;
}
/*Searchbar*/
.ow_searchbar_ac {
    border: 1px solid #ccc;
}
.ow_searchbar_ac li {
    background-color: #fefefe;
    font-size: 11px;
}
.ow_searchbar_ac li:hover {
    background-color: #bca2b3;
}
/*Rates*/
.ow_photoview_info .ow_rates_wrap {
    padding-left: 4px; 
    margin: 6px 0 8px 0;
}
.ow_rates_wrap span {
    vertical-align: middle;
}
.ow_rates {
    width: 65px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}
.ow_rates .rates_cont {
    position: absolute;
    opacity: 0;
    transition: opacity 0.15s;
    -moz-transition: opacity 0.15s;
    -webkit-transition: opacity 0.15s;
}
.ow_rates:hover .rates_cont {
    opacity: 1;
}
/*Dropdown*/
body input.ow_dropdown_btn {
    background-image: none;
    height: 28px;
}
.ow_dropdown_arrow_down,
.ow_dropdown_arrow_up {
    height: 10px;
    position: absolute;
    right: 8px;
    top: 12px;
    width: 12px;
    cursor: pointer;
}
.ow_dropdown_arrow_down {
    background: url(images/chat_tiny_arrow_down.png) no-repeat center center;
}
.ow_dropdown_arrow_up {
    background: url(images/chat_tiny_arrow_up.png) no-repeat center center;
}
.ow_dropdown_list_wrap {
    position: relative;
    width: 100%;
}
.ow_dropdown_list {
    border: 1px solid #dedede;
    position: absolute;
    top: -1px;
    left: 0;
    width: 99%;
    margin-left: 0.5%;
    border-radius-bottom-left: 4px;
    -moz-border-radius-bottom-left: 4px;
    -webkit-border-radius-bottom-left: 4px;
    border-radius-bottom-right: 4px;
    -moz-border-radius-bottom-right: 4px;
    -webkit-border-radius-bottom-right: 4px;
    display: none;
}
.ow_dropdown_list li {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 4px;
    background-color: #fff;
    color: #666;
    cursor: pointer;
    position: relative;
}
.ow_dropdown_list li:hover {
    background-color: #bca2b3;
}
.ow_add_item {
    position: absolute;
    background: url(images/miniic_plus.png) center center no-repeat;
    width: 10px;
    height: 10px;
    right: 8px;
    top: 50%;
    margin-top: -5px;
}
li.ow_dropdown_delimeter {
    padding: 0 4px;
}
.ow_dropdown_delimeter div {
    width: 100%;
    height: 1px;
    background-color: #dedede;
}
.ow_photo_upload_drop_area {
    border: 1px dashed #e8e8e8;
}
/*-----button_list narrow---------*/
ul.ow_bl_narrow{
	border-top: 1px solid #441e3a;
    padding: 0;
}

ul.ow_bl_narrow li{
	list-style: none;
}

ul.ow_bl_narrow li a{
	background: none;
    border-bottom: 1px solid #441e3a;
    display: block;
    padding: 5px 7px;
	text-decoration: none;
}

ul.ow_bl_narrow li a:hover{
	background: #979597;
	color: #fff;
}

/* ---- Newsfeed ---- */
body ul.ow_newsfeed {
	padding: 0px;
}

.ow_newsfeed_section {
    list-style-image: none;
    margin: 15px 0;
}

.ow_newsfeed_section span{
    background: #f0f0f0;
    padding: 5px 10px;
    text-shadow: #fff 1px 1px 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.base_cmnt_mark .ow_ipc_info {
	padding-bottom: 0px;
}
.ow_newsfeed_features .ow_tooltip .ow_tooltip_body {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 0;
    border-width: 0 1px 1px 1px;
   	box-shadow: none;
}
.ow_newsfeed_features .ow_tooltip.ow_comments_context_tooltip .ow_tooltip_body,
.ow_tooltip.ow_newsfeed_context_tooltip .ow_tooltip_body {
	padding: 4px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.ow_newsfeed_features .ow_tooltip.ow_comments_context_tooltip .ow_tooltip_body {
	border: 1px solid #e3e3e3;
	background: #e3e3e3;
}
.ow_newsfeed_features .ow_tooltip .ow_tooltip_tail span {
	height: 5px;
	background: url(images/comment_block_arr.png) no-repeat 8px 0px;
    position: relative;
    z-index: 1;
}
.ow_newsfeed_comments .ow_tooltip .ow_tooltip_tail span {
	height:6px;
	background-position: 3px -6px;
	background-image: url(images/tooltip_tail.png);
}
.ow_newsfeed_features .ow_tooltip .ow_tooltip_body .ow_tooltip .ow_tooltip_body {
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	 box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
 }
.ow_newsfeed_features .ow_context_action_list a,
.ow_newsfeed_item .ow_context_action_list a {
	padding: 4px 12px;
}
.ow_newsfeed_context_tooltip {
	margin-top: 2px;
}
.ow_newsfeed_left {
	float: left;
}
.ow_newsfeed_date {
	float: right;
	text-align: right;
	font-size: 10px;
	line-height: 24px;
}
.ow_newsfeed_context_menu {
    display: none;
    position: absolute;
    right: 0;
    top: 0px;
}
.ow_newsfeed_control {
	display: inline-block;
}
.ow_content .ow_newsfeed_date {
	color: #707070;
}
.ow_newsfeed_date:hover {
	color: #707070;
}
/* ---- if container ow_superwide ---- */
body .ow_newsfeed_control .ow_newsfeed_string {
	display: inline-block;
	vertical-align: middle;
	max-width: 74%;
}
.ow_newsfeed_left {
	width: 76%;
}
.ow_newsfeed_btns {
	margin-top: 14px;
}
.ow_newsfeed_btn_wrap {
	display: inline-block;
	line-height: 20px;
	background: #7e6578;
	border: solid 1px #7e6578;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	padding: 1px 5px 1px 1px;
	margin-right: 4px;
	color: #cecece;
	vertical-align: middle;
}

.ow_newsfeed_item .ow_newsfeed_activity_content {
	padding-top: 8px;
}
.ow_newsfeed_item .ow_newsfeed_item_picture {
	margin-right: 8px;
}
.ow_miniic_control {
	background: #780030;
	display: inline-block;
	border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	vertical-align: top;
	margin-right: 6px;
	border: 1px solid transparent;
}
.ow_miniic_control.active {
	background: #5a001a;
}
.ow_miniic_control span {
	display: inline-block;
	width: 18px;
	height: 18px;
}
.ow_miniic_like {
	background-position: -15px 4px;
}
.ow_miniic_comment {
	background-position: 4px 5px;
}
.ow_miniic_control.active .ow_miniic_like {
	background-position: -15px -15px;
}
.ow_miniic_control.active .ow_miniic_comment {
	background-position: 4px -15px;
}
body .ow_newsfeed_doublesided_stdmargin {
	margin: 16px 0px;
}
body .newsfeed-attachment-preview.item_loaded {
	width: 98.7%;
	margin-left: 0px;
	margin-right: 0px;	
}
.ow_newsfeed_item_picture {
    float: left;
    width: 100px;
    margin-right: 1%;
}
.ow_newsfeed_large_image .ow_newsfeed_item_picture {
    max-width: 400px;
    width: 100%;
    height: auto;
}

.ow_newsfeed_large_image .ow_newsfeed_item_content {
    width: 100%;
    max-width: 400px;
}

.ow_newsfeed_item_picture img {
    max-height: 400px;
    max-width: 100%;
    width: auto;
    height: auto;
}
.ow_newsfeed_photo_grid {
	max-width: 400px;
	width: 100%;
}
.ow_newsfeed_photo_grid_item {
	padding: 0px 4px 4px 0px; 
	box-sizing: border-box;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	width: 50%; 
    float: left;
}
.ow_newsfeed_photo_grid_3 .ow_newsfeed_photo_grid_item {
	width: 33.3%;
}
.ow_newsfeed_photo_grid_item a {
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	background-size: cover;
	width: 100%;
}
/* ---- Suggest field styles ---- */

.ac_results {
    padding: 0px;
    border: 1px solid #b1afb2;
    background-color: #fff;
    overflow: hidden;
    z-index: 105;
    position: absolute;
    display: none;
    width: 100%;
    top: -1px;
}

.ac_results ul {
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results iframe {
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

.ac_list_container{
    width: 99.6%;
    position: relative;
}

.ac_results li {
    margin: 0px;
    padding: 4px 5px;
    cursor: pointer;
    display: block;
    width: 98%;
    font: menu;
    font-size: 12px;
    overflow: hidden;
}
.ac_loading {
    background : url(images/ajax_preloader_button.gif) right center no-repeat;
}

.ac_over {
    background-color: #a4a3a5;
}

.ac_match{
    font-weight: bold;
}

.ow_suggest_field {
    position: relative;
}

.ow_suggest_invitation {
    position: absolute;
    right: 9px;
    top: 9px;
    width: 12px;
    height: 12px;
    background: url(images/miniic_corner.png) no-repeat center center;
}

/* ow custom tips */
.ow_tip{
	display:inline-block;
	position:absolute;
    z-index: 10005;
    color:#616161;
}

.ow_tip_arrow{
	display:inline-block;
	position:absolute;
}

.ow_tip_arrow span{
	display:block;
	border:5px dashed transparent;
}

.ow_tip_right .ow_tip_arrow span{
	border-right-color:#e0e5d3;
	border-right-style:solid;
	border-right-width:5px;
	border-left-width:0;
}

.ow_tip_right .ow_tip_arrow{
	top:50%;
	margin-top:-5px;
	left:0;
}

.ow_tip_right .ow_tip_box{
	margin-left:5px;
}

.ow_tip_left .ow_tip_arrow span{
	border-left-color:#e0e5d3;
	border-left-style:solid;
	border-left-width:5px;
	border-right-width:0;
}

.ow_tip_left .ow_tip_arrow{
	top:50%;
	margin-top:-5px;
	right:0;
}

.ow_tip_left .ow_tip_box{
	margin-right:5px;
}

.ow_tip_bot .ow_tip_arrow span{
	border-bottom-color:#e0e5d3;
	border-bottom-style:solid;
	border-bottom-width:5px;
	border-top-width:0;
}

.ow_tip_bot .ow_tip_arrow{
	left:50%;
	margin-left:-5px;
	top:0;
}

.ow_tip_bot .ow_tip_box{
	margin-top:5px;
}

.ow_tip_top{
	position:absolute;
}

.ow_tip_top .ow_tip_arrow span{
	border-top-color:#e0e5d3;
	border-top-style:solid;
	border-top-width:5px;
	border-bottom-width:0;
}

.ow_tip_top .ow_tip_arrow{
	left:50%;
	margin-left:-5px;
	bottom:0;
}

.ow_tip_top .ow_tip_box{
	margin-bottom:5px;
}

.ow_tip_box{
	border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:2px 9px 4px;
	background-color:#e3e3e3;
	color:#616161;
    font-size: 11px;
    font-weight: none;
}

/* ---- Group styles ---- */
body .ow_group_brief_info .details {
	padding-left: 8px;
}
/* ---- End of the Group styles ---- */

/* ---- Membership Subscribe styles ---- */
.ow_subscribe_table .ow_highbox {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
body .ow_table_1 tr td.ow_plans_td_empty + td {
	border-top-left-radius: 4px;
}
body .ow_table_1 tr td.ow_gateways_td_empty + td {
	border-bottom-left-radius: 4px;	
}
/* ---- End of the Membership Subscribe styles ---- */

/*--------------------------------------------------------------------
		[?] Custom pages declarations TODO remove
---------------------------------------------------------------------*/


/* !!!admin pages styles */

.ow_admin_content{
    width: 815px;
}

html body .selected_theme_info {
	float: right;
	width: 336px;
}


/*  pages and menus */
.ow_navbox{
	background:url(images/btnl_bg.png) repeat-x center left;
	float:left;
	font-size:11px;
	height:18px;
	margin-right:5px;
	margin-bottom:5px;
	padding:4px 8px;
	border: 1px solid #ccc;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.ow_navbox a.move{
	color:#666;
	font-weight:bold;
}

.ow_navbox a.move:hover{
	cursor:move;
	text-decoration:none;
}

.ow_navbox a.edit{
	background:url(images/arrow-up-down.png) no-repeat 10px 10px;
	cursor:pointer;
}

.ow_navbox a.edit:hover{
	text-decoration:none;
}

.guest_item{
	background-color:#aaffaa;
}

.member_item{
	background-color:#ffaaaa;
}

.ow_main_menu_scheme,
.ow_bottom_menu_scheme{
    float: left;
    height: 134px;
    margin-right: 10px;
    width: 155px;
}

.ow_main_menu_scheme{
    background: url(images/admin-pages-menu-main.jpg) no-repeat;
}

.ow_bottom_menu_scheme{
    background: url(images/admin-pages-menu-bottom.jpg) no-repeat;
}

.ow_dash_help_box{
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    width: 31%;
    height: 105px;
}

.ow_dash_help_box h3{
    padding: 4px 0 4px 20px;
    background: transparent no-repeat left center;
}

.ow_dash_help_box a{
    display: block;
}


/* user dashboard settings */

.ow_dragndrop_panel {
	background: none;
	/*padding: 0px 10px 10px;*/
	margin-top: 5px;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.ow_dashboard_box{
    background: none;
    padding: 5px 10px 10px 10px;
    margin-top: 5px;
}

.ow_dnd_schem_item{
	background: url(images/ic_file.png) no-repeat 10px 50%;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #ccc;
	cursor:move;
	/*float:left;*/
	height:30px;
	margin:2px 4px 2px 0;
	padding:0 5px 0 33px;
	/*width:157px;*/
    position: relative;
    font-size: 11px;
}

.ow_dnd_schem_item span.ow_label{
	float:left;
	overflow:hidden;
	padding-top:5px;
	/*white-space:nowrap;*/
	/*width:80px;*/
    height: 20px;
}

.ow_dnd_schem_item span.action{
	/*float:right;*/
	line-height:15px;
	overflow:hidden;
	width:70px;
    position: absolute;
    right: 4px;
    top: 2px;
}
.ow_dnd_schem_item span.action .ow_lbutton {
	vertical-align: top;
}

.ow_dnd_helper {
	border: 1px dashed #000;
}

.ow_dnd_freezed .ow_dnd_schem_item {
	background-color: #FFAAAA;
}

.ow_dragndrop_sections .ow_highbox{
    margin-top: 6px;
}

.ow_dnd_placeholder {
    height: 10px;
	border: 1px dashed #999999;
	background-color: #FFF;
}

.ow_dnd_preloader {
    height: 30px;
}

.ow_dnd_configurable_component .control {
    display: inline-block;
    width: 18px;
    height: 16px;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat;
}

.ow_dnd_configurable_component .ow_box_icons
{
	float: right;
    padding: 8px 2px 0 0;
}

.ow_dnd_configurable_component h3 {
    float: left;
}

.ow_dnd_content_components{
   padding: 10px 0;
   width: 74%;
}

.ow_dnd_clonable_components {
   border-left: 1px solid #ccc;
   padding: 10px 0 10px 10px;
   width: 24%;
}

/* Dnd Slider */
.ow_dnd_slider {
    /*background:url(images/h2bg.png) repeat-x center;*/
    height: 6px;
    background-color: #ddd;
    position: relative;
    margin: 10px 3px 0;
    cursor: pointer;
}

.ow_dnd_slider_pusher {
    float: left;
    height: 1px;
}

.ow_dnd_slider_marker {
   width: 10px;
   height: 1px;
   float: left;
}

.ow_dnd_slider_marker_point {
    position: absolute;
    width: 0px;
    height: 6px;
    border-left: 1px solid #999;
    border-right: 1px solid #FFF;
    top: 0;
}

.ow_dnd_slider_handle {
    position: absolute;
    top: -5px;
    width: 22px;
    height: 16px;
    cursor: move;
    z-index: 50;
    background: transparent url(images/ic_move_horizontal.png) no-repeat center;
}

.ow_dnd_slider_helper {
}

.ow_dnd_slider_in_move {
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.ow_dragndrop_sections .top_section,
.ow_dragndrop_sections .left_section,
.ow_dragndrop_sections .right_section,
.ow_dragndrop_sections .bottom_section,
.ow_dragndrop_sections .sidebar_section{
    background-position: center 7px;
    background-repeat: no-repeat;
}

.ow_dragndrop_sections .top_section { background-image: url(images/dnd-label-top.png) }
.ow_dragndrop_sections .left_section { background-image: url(images/dnd-label-column1.png) }
.ow_dragndrop_sections .right_section { background-image: url(images/dnd-label-column2.png) }
.ow_dragndrop_sections .bottom_section { background-image: url(images/dnd-label-bottom.png) }
.ow_dragndrop_sections .sidebar_section { background-image: url(images/dnd-label-sidebar.png) }

body .ow_dragndrop_panel .ow_dnd_schem_item{
   width: 134px;
}

.ow_dragndrop_sections .ow_highbox{
   margin-top: 6px;
}



.ow_highbox_table .ow_highbox,
.ow_highbox
{
	background-image: url(images/box_bg.png);
}
.ow_highbox {
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 4px;
}

.ow_dragndrop_sections .ow_highbox {
    padding: 0;
}
.ow_dragndrop_sections .ow_highbox.join_now_widget {
    padding: 10px;
}
.join_now_widget
{
	background-image: url('images/ic_warning.png');
	padding: 10px;
	background-position: 10px 10px;
	background-repeat: no-repeat;
}
.ow_highbox .ow_highbox.join_now_widget {
	background-image: none;
	border: none;
}
.ow_highbox,
.ow_highbox_table .ow_highbox
{
	border:none;
	border-top: none;
	border-left: none;
	border-width: none;
}

.ow_highbox_table .ow_highbox
{
	height:50px;
	padding:10px;
}

.ow_highbox_table .ow_highbox .ow_dnd_schem_item{
	float:none;
	margin-bottom:4px;
	margin-right:0;
	width:auto;
}

input[type=text].ow_settings_input{
    width: 40px;
}

/* color picker */
.special_block_top {
	width: 252px;
	height: 7px;
}

.special_block_mid {
	width: 238px;
	padding: 0 7px 5px;
        margin: 0 auto;
}

.special_block_bot {
	width: 252px;
	height: 19px;
}

.colorCode {
	width: 68px;
}

table.colorPicker {
	border-collapse: separate !important;
	border-spacing: 3px !important;
}

table.colorPicker td {
	width: 20px;
	height: 20px;
	padding: 0;
}

/* FloatBox implementation */
#floatbox_overlay {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.floatbox_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.floatbox_overlayBG {
	background-color: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

*html #floatbox_overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#floatbox_HideSelect {
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
	border: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
}

*html #floatbox_HideSelect { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
body .floatbox_canvas .floatbox_container {
	margin-top: 100px;
}
.floatbox_container {
	position: fixed;
	z-index: 102;
	width: 300px;
	background-color: #1A0014;  /*#b69cad;*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    border-radius: 6px;
	-webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
	border: 4px solid rgba(0, 0, 0, 0.5);
	border-color: #000;
}

.floatbox_header {
	padding: 4px;
	text-align: left;
}

.floatbox_header a.close_btn {
	margin: 2px;
        background: url(images/ow-ic-close.png) no-repeat;
}
.floatbox_title {
	text-transform: uppercase;
	font-size: 16px;
	padding: 8px 12px 0px;
	float: left;
	font-weight: normal;
	font-family: 'UbuntuBold', "Trebuchet MS", "Helvetica CY", sans-serif;	
}
.floatbox_header .ow_box_cap_icons {
	float: right;
	margin-top: 1px;
}
.floatbox_body {
	padding: 8px 16px;
	text-align: left; 
}
.floatbox_bottom {
	padding: 0px 16px 16px;
	text-align: center;
}
.floatbox_container .ow_bg_color {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    border-radius: 4px;
}

/* End FloatBox implementation */

/* ----  Message (Feedback) styles ---- */
.ow_message_cont{
    left: 50%;
    margin-left: -278px;
    position: fixed;
    top:0;
    width: 556px;
    z-index: 1000;
    margin-top: 25px;
}
.ow_message_node{
	font-size:14px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-align:center;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.4);
	line-height: 24px;
	margin:15px;
	padding:7px 12px;
	overflow: auto;
	position:relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 21px 16px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 21px 16px rgba(0,0,0,0.2);
	box-shadow:0 21px 16px rgba(0,0,0,0.2);
}
.ow_message_node div div{
	padding-right:24px;
}
.ow_message_node a.close_button {
	display:block;
	width:12px;
	height:13px;
	float:right;
	position:absolute;
	top:14px; right:14px;
	background:url(images/message_btn_close.png) no-repeat 50% 50%;
}
/*info*/
.ow_message_cont .ow_message_node.info {
	background: #90c105;
	border-top:1px solid #90c105;
	border-right:1px solid #90c105;
	border-bottom:1px solid #519200;
	border-left:1px solid #90c105;
}
/*warning*/
.ow_message_cont .ow_message_node.warning {
	background: #ffbf22;
	border-top:1px solid #ffbf22;
	border-right:1px solid #ffbf22;
	border-bottom:1px solid #ff8f05;
	border-left:1px solid #ffbf22;
}
/*error*/
.ow_message_cont .ow_message_node.error {
	background: #ea400b;
	border-top:1px solid #ea400b;
	border-right:1px solid #ea400b;
	border-bottom:1px solid #d71000;
	border-left:1px solid #ea400b;
}
/* ---- End of the Message (Feedback) styles ---- */

/* thickbox 8aa */
.ow_preloader_content_cont{
	width: 30px;
	height: 30px;
}
/* ~thickbox 8aa */

/* ---- Captcha styles ---- */
span.ic_refresh{
    background: url(images/ic_refresh.png) no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}
/* ---- End of Captcha styles ---- */

.alignleft{
	float: left;
}

.alignright{
	float: right;
}
.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*----------------------------------------------------------------------BASE_ADD--------------------------------------------------------------------------------*/

.index_customize_box {
	/*width: 985px;*/
}

.fullsize-photo{display: none;}

.ow_ajax_floatbox_preloader {
	width: 100%;
	height: 50px;
}

.ow_border {
    border-style: solid;
    border-color: #441e3a;
}

.ow_cursor_pointer {
    cursor: pointer;
}

.ow_break_word{
    word-wrap:break-word;
}
/* ---- Sort styles ---- */
.ow_sort_control {
	padding: 4px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.ow_sort_control a {
	color: #484848;
	background: #e8e8e8 ;
	display: inline-block;
	font-size:11px;
	height: 22px;
	padding: 0px 6px 0 7px;
	text-shadow: none;
	border-width: 1px 1px 1px 1px;
	margin: 0px 0px 0px -1px;
	outline: 0;
	border-left-width: 1px;
    border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
}
.ow_sort_control a span {
	display: inline-block;
	line-height: 21px;
}
.ow_sort_control a:first-child {
	border-left-width: 1px;
    border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
}
.ow_sort_control a:last-child {
    border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
}
.ow_sort_control a.active {
	color: #838383;
	text-decoration:none;
	background: #cccccc;
}
.ow_sort_control a:hover{
	color: #616161;
	background: #cccccc;
}
.ow_sort_control_label {
	color: #fff;
	padding: 0px 8px 0px 6px;
}

/*td.sort_link{
    width:100%;
}
td.sort_link li{
   display:inline;
   padding: 0 15px 0 0;
}
td.sort_link li.active a {
	font-weight:bold;
	color:#333;
}
td.sort_link li.active a:hover{
	text-decoration:none;
}*/

/* ---- End of Sort styles ---- */

/* ---- Context Action styles ---- */
.ow_context_action_block {
    float: right;
    text-align: right;
    font-size: 0px;
    line-height: 17px;
}
.ow_context_action {
    display: inline-block;
    position: relative;
    z-index: 3;
    font-size: 11px;
    height: 18px;
    padding: 0px 0px 0px 5px;
    border-top: none;
    border-bottom: none;
    border-right: none;
    vertical-align: top;
    *display: inline;
    zoom: 1;
    background: #5a001a;
    background-position: 0px 0px;
    background-repeat: repeat-x;
}
.ow_context_action_value {
    display: inline-block;
    padding: 0px 5px 0px 0px;
    text-decoration: none;
	color: #fff;
    /*color: #3366CC;
	font-weight: bold;
	text-shadow: 1px 1px 0 #F6F6F6;*/
}
.ow_context_more {
    display: inline-block;
    min-width: 10px;
    height: 18px;
    padding: 0px 5px 0px 0px;
    background: url(images/context_action_arrow.png) no-repeat 1px 8px;
    vertical-align: top;
}
.ow_context_action_block .ow_context_action:first-child {
    border-radius: 2px 0px 0px 2px;
}
.ow_context_action_block .ow_context_action:last-child {
    border-top-right-radius:2px;
	border-bottom-right-radius: 2px;
}
.ow_context_action:hover,
.ow_context_action.active {
    cursor: pointer;
    background: #5a001a;
}
.ow_context_action:hover .ow_context_action_wrap {
    display: block;
}
.ow_context_action:hover .ow_context_action_value,
.ow_context_action.active .ow_context_action_value {
	text-decoration: none;
}
.ow_context_action:hover .ow_context_more,
.ow_context_action.active .ow_context_more {
    background: url(images/context_action_arrow_active.png) no-repeat 1px 8px;
}
.ow_context_action_wrap {
    /*position: absolute;
    right: -1px;
    top: 23px;
	padding-top: 1px;
	max-width: 250px;
    display: none;*/
}
.ow_context_action_list {
	min-width: 100px;
    text-align: left;
	overflow-x: auto;
}
.ow_context_action_list li {
	white-space: nowrap;
}
.ow_context_action_list a {
    font-size: 11px;
    font-weight: normal;
	display: block;
	padding: 3px 0px;
	color: #484848;
}
.ow_context_action_list a:hover {
    text-decoration: none;
    background-image: url(images/bg-console-item.png);
    background-repeat: repeat-x;
    color: #fff;
}
.ow_context_action .ow_tooltip {
	display: none;
}
.ow_context_action_divider {
	line-height: 1px;
	height: 1px;
	background: #dcdcdc;
	border-bottom: 1px solid #fff;
	margin: 1px 0px 0px;
}
.ow_context_action_value_block .ow_context_action {
	background: #cac8ca;
}
.ow_context_action_value_block .ow_context_action a {
	color: #616161;
}
.ow_context_action_value_block .ow_context_action a:hover {
	color: #484848;
}
.ow_bl .ow_context_action_list a {
    background-color: transparent;
}
.ow_bl .ow_context_action_list a:hover {
    background-image: url(images/bg-console-item.png);
}
/* ---- End of Context Action styles ---- */

/* ---- Cover Context Action styles ---- */
.uh-cover-add-btn-wrap .ow_context_action {
	padding-left: 7px;
}
.uh-cover-add-btn-wrap .ow_tooltip_body {
	padding: 4px 0px;
}
.uh-cover-add-btn-wrap .ow_context_action_list a {
	padding: 4px 12px;
}
.uh-cover-add-btn-wrap .ow_context_action_value {
	color: #666;
}
/* ---- End of Cover Context Action styles ---- */


/* ---- SignIn Form styles ---- */
.ow_sign_in_cont {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:#000;
	z-index:97;
}
.ow_sign_in_wrap {
	width:702px;
}
.ow_sign_in_wrap  h2 {
	font-size: 28px;
    line-height: 36px;
	margin:0 8px 10px 8px;
	padding:0 40px;
	color: #cecece;
}
.ow_sign_in_wrap form{
	margin:8px;
	padding:40px 40px 22px 40px;
	background: #1A0014;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	box-shadow:0 2px 6px rgba(0, 0, 0, 0.2);
	border:1px solid #1A0014;
}
.ow_sign_in_wrap form .ow_sign_in{float:left; width:312px;}
.ow_sign_in_wrap form .ow_sign_up {margin:0px 0 0 196px; color: #none; padding-left: 156px;}
.ow_sign_in_wrap form .ow_sign_up hr{margin:5px 0 15px;}

.ow_sign_in_wrap form .ow_box_cap{
	margin-bottom:0;
	position:relative;
	z-index:99;
}
.ow_sign_in_wrap form .ow_box{
	padding:16px 16px 6px 16px;
	margin-bottom:16px;
	position:relative;
	z-index:98;
}
.ow_sign_in_wrap form .ow_user_name input[type="text"]{margin-bottom:8px;}
.ow_sign_in_wrap form .ow_password input[type="password"] {margin-bottom:16px;}

.ow_sign_in_wrap form .ow_form_options {margin-bottom:6px;}
.ow_sign_in_wrap form .ow_form_options p.ow_remember_me,
.ow_sign_in_wrap form .ow_form_options p.ow_forgot_pass {font-size:11px; padding:0 0 0 20px; line-height: 13px;}
.ow_sign_in_wrap form .ow_form_options p.ow_remember_me {padding-bottom:5px;}
.ow_sign_in_wrap form .ow_form_options p.ow_remember_me input[type="checkbox"]{float:left; margin:0px 0 0 -20px; padding:0px;}


.ow_sign_in_wrap form .ow_connect_buttons {padding: 0 0 0 20px;}
.ow_sign_in_wrap form .ow_connect_buttons .ow_fb_button {float:left;}

.ow_connect_text {
	background: url('images/miniic_li.png') no-repeat left center;
	padding: 0px 0 0 16px;
	margin-right: 16px;
	float: left;
	line-height: 22px;
}
.ow_sign_in .connect_button_list {
	padding: 0px;
	float: left;
}
.floatbox_container .ow_sign_in_wrap form {
	background: none;
	margin: 0px;
	box-shadow: none;
	border: none;
	border-radius: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	padding: 16px 40px 0;
}
.floatbox_container .ow_sign_in_wrap h2 {
	display: none;
}

.ow_signin_label {
    display: inline-block;
    height: 14px;
    line-height: 13px;
    margin: 4px 0;
    vertical-align: top;
    color: #484848;
}
.ow_signin_delimiter {
    border-right: 1px solid #484848;
    padding: 0 7px 0 0;
}
.ow_console_item .ow_ico_signin {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    margin: 4px 0 0 4px;
    vertical-align: top;
    width: 14px;
}
.ow_ico_signin:last-child {
    margin-right: -4px;
}
/* ---- End SignIn Form styles ---- */

/* ---- My Avatar Widget styles ---- */
.ow_my_avatar_img {

}
.ow_my_avatar_username {
	display: table-cell;
	vertical-align: middle;
}
.ow_my_avatar_cont {
	height: 47px;
	display: table;
	padding-left: 5px;
}
.ow_my_avatar_cont span {
	display: inline-block;
	width: 90px;
	word-wrap: break-word;
}
/* ---- End of My Avatar Widget styles ---- */
/* ---- Live Member Icon ---- */
.ow_miniic_live .ow_live_on {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background: url(images/miniic_live.png) center center no-repeat;
	margin-right: 4px;
}
.ow_miniic_live .ow_lbutton {
	 display: inline-block;
	 vertical-align: middle;
	 margin-right: 4px;
	 line-height: 12px;
	 height: 11px;	 
}
.ow_miniic_live .ow_preloader_content{
	 height: 16px;
	 width: 16px;
	 display: inline-block;
	 vertical-align: middle;
	 background-position:center center;
}
.ow_miniic_live .ow_preloader_content.ow_hidden {
	display: none;
}
.ow_miniic_live .ow_lbutton.ow_green {
	color: #666;
}
/* ---- End Live Member Icon ---- */

.ow_field_eye {
	padding-left: 14px;
	background:url(images/miniic_field_eye.png) 0 7px no-repeat; 
	display: inline-block;
}

/* ---- index styles ---- */
.base_index_page .ow_page {
	margin: 0;
}
.base_index_page .ow_header {
	padding-right: 0px;
	width: 969px;
}
.ow_join_button {
}
.index_qs {
	background: url(images/box_bg.png) repeat;
	margin-top: -10px;
	padding-left: 16px;
    padding-right: 16px;
    width: 280px;
}
.index_block .sitelogo {
	width: 509px;
	height: 118px;
}
.index_block .ow_logo_wrap {
	margin-bottom: 10px;
	background: transparent;
}
.index_qs_cap h3 {
    color: transparent;
    font-family: 'robotolight',"Arial","Helvetica CY",sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0 0 14px;
    text-transform: uppercase;
    width: 285px;
}
.base_index_page .place_section .ow_box .ow_lp_avatars {
    min-height: 166px;
}
.base_index_page .ow_box.index-BASE_CMP_UserListWidget, 
.base_index_page .ow_box.index-PHOTO_CMP_PhotoListWidget {
    min-height: 251px;
}
.base_index_page_customize .ow_dragndrop_content {
	float: left;
    width: 100%;
}


/* ---- End index styles ---- */

/* ---- logo_join_button ---- */

.base_index_page .sitelogo {
	background-image: url(images/site_name.png); /** OW_Control type:image, key:indexLogoImage, section:1. General Settings, label:4. Index Logo image **/
	background-repeat: no-repeat;
    display: block;
    height: 141px;
    width: 594px;
    margin-top: -138px;
}

.sitelogo {
	background-image: url(images/site_name.png); /** OW_Control type:image, key:logoImage, section:1. General Settings, label:5. Logo image **/
	background-repeat: no-repeat;
    display: block;
    height: 141px;
    width: 594px;
    text-decoration: none;
}

.index_join_button {
    background: url(images/btn_join.png) repeat-x;
    color: #fff;
    display: block;
    width: 312px;  
    font-size: 20px;
    font-family: 'robotolight',"Arial","Helvetica CY",sans-serif;
    text-transform: uppercase;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    margin: 60px 0 60px 0;
    float: right;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
}
.index_join_button:hover {
    text-decoration: none; 

}

.index_block { 
	height: 317px;
	margin-top: 200px;
}

/* ---- End_logo_join_button ---- */

/* ---- Tag Styles ---- */
div.tagsinput span.tag {
    background: #780030;
    border: 1px solid #d7dccb;
    border-radius: 2px 2px 2px 2px;
    float: left;
    line-height: 22px;
    margin-bottom: 3px;
    margin-right: 4px;
}
div.tagsinput span.tag span {
	color: #fff;
	background: #780030;

}

div.tagsinput {
    background: #fff;
}
div.tagsinput {
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #fff;
    border-radius: 3px 3px 3px 3px;
    cursor: text;
    font-family: "Lucida Grande","Verdana";
    font-size: 0;
    height: auto;
    line-height: 28px;
    margin: 0 0 20px;
    overflow-y: auto;
    padding: 4px 4px 1px;
    width: auto;
}
/* ---- End Tag Styles ---- */

/* ---- Quote Styles ---- */
body.htmlarea_styles blockquote.ow_quote, blockquote.ow_quote {
	border-left: 2px solid #cbcec0;
}

body.htmlarea_styles blockquote.ow_quote .ow_author, blockquote.ow_quote .ow_author {
	border-bottom: solid 1px #cecece;
}

/* ---- End Quote Styles ---- */

/* ---- Anno Styles ---- */
body .ow_anno {
	background-color: #1a0014;
    border: none;
    padding: 10px;
}

/* ---- End of Anno Styles ---- */

/* ---- AutoComplete Styles ---- */
body .ui-autocomplete {
	background: #fff;
}
body .ui-autocomplete :hover {
	background: #a4a3a5;
}

/* ---- End of AutoComplete Styles ---- */

/* ---- Ulist big Styles ---- */
.ow_ulist_big {
    padding-top: 12px;
}

.ow_ulist_big_item {
    float: left;
    width: 25%;
}

.ow_ulist_big_item .ow_miniic_live {
    top: 2px;
    left: 2px;
    position:absolute;
}

.ow_ulist_big_item_cont {
    height: 240px;
    margin: 0 auto 20px;
    overflow: hidden;
    position: relative;
    width: 180px;
}

.ow_ulist_big_avatar {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
    position: relative;
    width: 180px;
}

.ow_ulist_big_avatar:hover {
    box-shadow: 0 0 150px #000 inset;

}
.ow_ulist_big_avatar_shadow {
    display: block;
    height: 180px;
}  

a.ow_ulist_big_avatar_bookmark {
    position: absolute;
    bottom: 6px;
    left: 8px;
    display: none;
    color: #fff;
}

.ow_ulist_big_avatar:hover a.ow_ulist_big_avatar_bookmark {
    display: block;
}

.ow_ulist_big_info {
    margin-top: 4px;
    position: absolute;
    margin-bottom: 8px;
}
.ow_ulist_big_info_name .ow_small {
    position: relative;
}
.ow_ulist_big_info_name .ow_small:hover {
    text-decoration: underline;

}

.ow_ulist_big_info_name  {
    float: left;
    max-width: 160px;
    max-height: 1.5em;
    overflow: hidden;
}
/* ---- End of Ulist big Styles Styles ---- */

/* ---- QS label Styles ---- */

.ow_qs_label {
  color: #FFFFFF;
  padding: 0 10px;
}

form .ow_googlelocation_search_miles_from {
  padding-left: 5px;
  padding-right: 5px;
  color: #fff;
}

.birthdate {
	color: #fff;
}
/* ---- End of QS label Styles ---- */

/* ---- Customize Styles ---- */
body .access_guest .ow_dnd_schem_item {
    background-color: #780030;
}
/* ---- End of Customize Styles ---- */

@media (max-width: 480px) {
    /*General*/
    .ow_site_panel .ow_menu_wrap,
    .ow_site_panel .ow_logo {
        display: none;
    }
    .ow_console_right {
        position: static;
        width: 100%;
    }
    .ow_page_container, .ow_site_panel_wrap, .ow_footer {
        width: 100%;
    }
    .ow_canvas {
        width: 100%;
    }
    .ow_content > .ow_right {
        float: none;
        margin-bottom: 16px;
    }
    .ow_content > .ow_btn_delimiter.ow_right {
        float: none;
        margin-bottom: 8px;
    }
    .ow_content > .ow_btn_delimiter.ow_right .ow_button {
        margin-bottom: 8px;
    }
    .ow_header_pic_wrap {
        width: 100%;
    }
    .ow_sidebar {
        margin: 0 auto;
        float: none;
        display: inline-block;
    }
    .ow_page {
        margin: 0 auto;
    }
    .ow_site_panel {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 99;
    }
    body .ow_user_list .ow_item_set3 {
        width: 100%;
        border-bottom: 1px solid #e8e8e8;
    }
    body .ow_user_list .ow_item_set3:last-child {
        border-bottom: none;
    }
    body, html {
        min-width: 320px;
    }
    body .ow_superwide, 
    body .ow_supernarrow,
    body .ow_narrow,
    body .ow_wide,
    body .ow_column {
        float: none; 
        width: 100% !important; 
        margin-bottom: 10px;
        clear: both;
    }
    .ow_sidebar {
        width: 100%;
    }
    .floatbox_container {
        max-width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .ow_ipc_header {
        margin-bottom: 4px;
    }
    .ow_lp_label br {
        margin: 6px 0;
    }
    .ow_sign_in_wrap form .ow_sign_in {
        width: 100%;
        float: none;
    }
    .ow_sign_in_wrap {
        width: 100%;
    }
    .ow_sign_in_wrap form .ow_sign_up {
        margin: 16px 0 0 0;
        padding: 16px;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .ow_sign_in_wrap form .ow_sign_up p br {
        height: 1px;
    }
    .floatbox_container .ow_sign_in_wrap form {
        padding: 0;
    }
    .ow_box_menu a {
        height:  auto;
        margin-left: -6px;
        padding: 0 10px;
    }
    ul.ow_bl a {
        height: auto;
        padding: 0 10px;
    }
    .ow_avatar {
        background-size: cover;
    }
    .ow_logo_wrap,
    .sitelogo,
    .base_index_page .ow_logo_wrap {
        width: 100%;
    }
    .sitelogo {
        background-size: 100%;
    }
    .ow_logo_wrap {
    	height: auto;
    	margin: 0;
    	padding: 65px 0 0;
    }
    /*Photo*/
    .ow_photo_list.ow_photo_pint_mode .ow_photo_item_wrap {
        position: static !important;
        left: auto !important;
        top: auto !important;
    }
    .ow_photo_list.ow_photo_pint_mode .ow_photo_item_wrap .ow_photo_pint_album {
        height: 200px;
        overflow: hidden;
        text-align: center;
    }
    .ow_photo_list.ow_photo_pint_mode .ow_photo_item_wrap .ow_photo_pint_album img {
        min-height: 100%;
        min-width: 100%;
        width: auto;
        height: auto;
    }
    .ow_photo_item .ow_photo_item_info_description {
        display: none !important;
    }
    .ow_photoview_stage_wrap {
        width: 100% !important;
    }
    .ow_fw_menu .ow_fw_btns + div {
        float: none;
    }
    .ow_fw_menu .ow_fw_btns {
        margin-bottom: 8px;
    }
    .ow_fw_menu {
        border: none;
        background: none;
        padding: 0;
        text-align: left;
    }
    .ow_fw_menu .ow_searchbar {
        padding-right: 24px;
        width: 100%;
        display: inline-block !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .ow_fw_menu .ow_searchbar_input,
    .ow_fw_menu .ow_searchbar_input input {
        width: 100% !important;
    }
    .ow_fw_menu .ow_searchbar .ow_searchbar_btn {
        margin-right: -24px;
    }
    .ow_photo_upload_bottom > .ow_left,
    .ow_photo_upload_wrap .ow_suggest_field input {
        width: 100% !important;
    }
    body .ow_photo_upload_wrap .ow_photo_preview_block_wrap .ow_photo_preview_edit {
        width: 33%;
        margin-bottom: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    body .ow_photo_upload_wrap .ow_photo_preview_block_wrap .ow_photo_preview_edit:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 0;
    }
    .ow_photo_preview_action {
        overflow: hidden;
    }
    body .CodeMirror-scroll,
    body .CodeMirror-sizer {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding-bottom: 0;
        padding-right: 0;
    }
    body .CodeMirror-hscrollbar {
        display: none !important;
    }
    .new-album textarea {
        margin-bottom: 16px;
    }
    body .ow_photo_list_wrap .ow_photo_list.ow_photo_pint_mode div.ow_photo_item_wrap,
    body .ow_photo_list_wrap .ow_photo_list.ow_photo_pint_mode div.ow_photo_item_wrap,
    body .ow_photo_list_wrap.ow_photo_no_sidebar div.ow_photo_item_wrap.ow_photo_album {
        width: 100%;
    }
    .ow_photo_dragndrop span {
        line-height: 30px;
    }
    body .ow_photo_dragndrop {
        padding: 16px 4px;
    }
     body .ow_photo_upload_wrap .ow_photo_preview_block_wrap .ow_photo_preview_edit {
        width: 50%;
        margin-bottom: 10px !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    /*My matches*/
    .ow_ulist_big_item {
        width: 100%;
    }
    /*Video*/
    .ow_video_list_item {
        width: 100%;
        padding: 24px 0 24px 24px;
        border-bottom: 1px solid #e8e8e8;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .ow_video_list_item:first-child {
        padding-top: 0;
    }
    .ow_video_list_item:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    .ow_video_list_item > a:first-child {
        float: left;
        margin-right: 8px;
    }
    .ow_video_list > .ow_alt1,
    .ow_video_list > .ow_alt2 {
        background-color: #fff;
        padding-left: 0;
    }
    /*Index page*/
    .index_master_page .ow_page_container, .index_master_page .ow_page_container .ow_canvas {
        width: 100%;
    }
    .index_master_page .ow_page_container .ow_canvas {
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .base_index_page .ow_header {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .index_master_page .ow_header_pic_wrap {
        width: 50%;
        padding-left: 0;
    }
    .index_master_page .ow_header_pic {
        background-size: 100% auto;
    }
    .base_index_page .ow_header {
        margin-top: 0;
    }
    .index_left_side.ow_left {
    	float: none;
    }
    /*Index page*/
    .base_index_page .ow_header {
        margin-bottom: 25px;
    }
    .index_master_page .ow_header_pic_wrap {
        float: none;
        padding: 75px 0 30px 0;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .index_qs_widget {
        float: left;
        width: 100%;
        padding: 0;
    }
    .index_qs {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .index_qs select,
    .ow_qs_value select {
        width: 100%;
    }
    body .ow_qs_field input[type="text"] {
        max-width: 100%;
    }
    .index_master_page .ow_page {
        margin: 0 auto;
    }
    .index_qs .birthdate input,
    .ow_qs_value .birthdate input {
        width: 100% !important;
    }
    body form .ow_googlelocation_search_distance,
    .ow_qs_field input.ow_googlelocation_search_location {
        width: 100%;
        text-align: left;
    }
    body div.googlelocation_address_div {
        display: block;
        overflow: hidden;
    }
    body form .ow_googlelocation_search_miles_from {
        padding: 0;
    }
    body div.googlelocation_address_icon_div {
        display: none;
    }
    .base_index_page .ow_logo_wrap,
    .base_index_page .sitelogo {
        width: 100%;
        background-size: 100%;
    }
    .ow_sign_in_wrap form .ow_sign_up {
        padding-left: 0;
    }
    /*------------- Messages --------------*/
    body .ow_mailbox_table {
        margin-bottom: 20px;
    }
    body .ow_mailbox_left {
        width: 100%;
        float: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    body .ow_mailbox_left .ow_mailbox_left_body {
        width: 100% !important;
        position: static;
    }
    body #conversationItemListSub {
        width: 100% !important;
    }
    body .ow_mailbox_right {
        width: 100%;
        float: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .ow_mailbox_left_body .jspContainer {
        height: 252px !important;
    }
    body .ow_mailbox_right {
        margin-top: 20px;
    }
    body .ow_mailbox_username {
        min-width: 0;
    }
    body .ow_mailbox_table .ow_mailbox_left .ow_mailbox_left_body,
    body .ow_mailbox_table .ow_mailbox_search,
    body .ow_mailbox_conv_options {
    	border-right-width: 0;
    }
    body .ow_mailbox_table {
    	border-width: 0;
    }
    body .ow_mailbox_table .ow_mailbox_cap {
    	height: 82px;
    }
    body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap {
    	padding-left: 86px;
    }
    body .ow_mailbox_convers_info.mails,
    body .ow_mailbox_convers_info.chats {
    	background-position: 8px 36px;
    }
    body .ow_mailbox_table .ow_mailbox_cap .ow_mailbox_convers_actions {
    	margin-top: 30px;
    }
    body .ow_mailbox_table .ow_mailbox_search input {
    	font-size: 90%;
    	height: 32px;
    	line-height: 18px;
    }
    body .ow_mailbox_search .ow_btn_close_search {
    	top: 22px;
    }
    html body .ow_mailbox_form .ow_mailbox_message_input textarea {
    	display: none;
    }
    html body .ow_mailbox_message_input .jhtmlarea,
    body .ow_mailbox_form .ow_attachment_btn, 
    body .ow_mailbox_form .ow_attachment_icons,
    #conversationTextarea {
    	display: block !important;
    }
    textarea#conversationTextarea {
    	margin: 0;
    	border: none;
    }
    .ow_mailbox_form .jhtmlarea .input_ws_cont {
    	display: none;
    }
    html body .ow_mailbox_message_input .jhtmlarea {
    	width: 100% !important;
    	box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    }
    .ow_mailbox_form div.jhtmlarea {
    	padding: 0;
    }
    .ow_mailbox_request_item .console_list_ipc_item,
    .ow_chat_request_item .console_list_ipc_item {
    	padding-left: 20px;
    	background-position: 2px 27px;
    }
    .ow_chat_dialog_wrap .ow_mailchat_new_message.ow_chat_dialog {
	    bottom: 0;
	    left: 0;
	    margin: 0;
	    position: fixed;
	    right: 0;
	    width: 100%;
	}
	body .ow_chat_selector {
    	position: fixed;
    	left: 0;
    }
    body .ow_chat_dialog_wrap {
    	position: fixed;
    	left: 0;
    	width: 100%;
    }
    body .ow_chat_dialog {
    	width: 100% !important;
    	margin-left: 0;
    }
    .console_tooltip.ow_tooltip_top_right.ow_tooltip {
    	position: fixed;
    	right: -1px;
    	top: 60px !important;
    }
    .console_tooltip.ow_tooltip_top_right .ow_tooltip_tail span {
    	display: none;
    }
    body .ow_console .ow_tooltip_top_right {
    	padding-top: 0;
    }
    .ow_console_dropdown_click .console_tooltip.ow_tooltip_top_right.ow_tooltip {
    	left: -1px;
    	padding-top: 0;
    }
    .ow_console .ow_console_dropdown_click .ow_tooltip .ow_tooltip_body {
    	width: 100%;
    	max-width: 100%;
    	border-radius: 0;
    	-moz-border-radius: 0;
    	-webkit-border-radius: 0;
    	box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    }
    html div.ow_console_list_wrapper {
    	width: 100%;
    }
    /*-----------Forum--------------*/
    .forum_add_post .ow_left,
    .forum_add_post .ow_right {
        width: 100% !important;
        float: none;
    }
    /*Maintenance, Splash Screen, Password protected, Sign In*/
    body .splash_screen_cont,
    body .maintenance_cont {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    body .ow_footer .ow_canvas {
        width: 100%;
    }
    body .pass_protection_cont {
        width: 100%;
    }
    .base_sign_in .ow_footer {
        display: none;
    }
    .base_sign_in .ow_sign_in_wrap {
        left: 0px;
        top: 50px;
        margin: 0px;
        width: 100%;
    }
}


/* ======================================================================
   TABOO! SINGLE-COLUMN THEME - TRANSITIONAL OVERRIDES
   Newsfeed Section 04 is intentionally excluded; the Newsfeed plugin owns it.
   Remaining plugin sections will migrate into their plugins incrementally.
   ====================================================================== */

/* ======================================================================
   TABOO! SOCIAL — CUSTOM THEME

   ORGANIZATION
   01. CORE THEME & SHARED COMPONENTS
   02. BASE NAVIGATION & CONSOLE
   03. DASHBOARD
   04. NEWSFEED PLUGIN
   05. PROFILES & PROFILE REACTIONS
   06. MEMBER SEARCH, MATCHES & BOOKMARKS
   07. DISCOVER / MATCH GAME PLUGIN
   08. PHOTOS, ALBUMS & PHOTO CONTESTS
   09. QUESTIONS PLUGIN
   10. CONFESSIONS PLUGIN
   11. HOTLIST PLUGIN
   12. MEMBERSHIP & CREDITS PLUGINS
   13. MAILBOX & CHAT PLUGINS
   14. BLOGS & TEXT CONTENT

   MAINTENANCE NOTES
   - Edit rules inside the owning plugin section whenever possible.
   - Shared primitives belong in Section 01.
   - The broad typography guard remains in Section 01 before plugin-specific
     rules, so individual plugins can still make intentional size exceptions.
   - Plugin-file JavaScript/PHP fixes are documented by nearby comments but
     are not duplicated in this stylesheet.
   ====================================================================== */

/* ======================================================================
   01. CORE THEME & SHARED COMPONENTS

   Global typography, layout, reusable controls, dialogs, and pagination.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - GLOBAL SETTINGS
   ========================================================== */

:root {
    --taboo-font-base: 26px;
    --taboo-font-small: 20px;
    --taboo-font-tiny: 17px;
    --taboo-font-controls: 26px;

    --taboo-line-base: 1.48;
    --taboo-line-compact: 1.35;
}

/* ==========================================================
   TABOO! DATING - SITE BASE
   ========================================================== */

html,
body,
body .ow {
    min-width: 0 !important;
    width: 100% !important;
}

html,
body {
    font-size: var(--taboo-font-base) !important;
    line-height: var(--taboo-line-base) !important;
}

/* Standard readable text */
body,
body p,
body td,
body th,
body li,
body label,
body .ow_normal,
body .ow_remark,
body .ow_outline,
body .ow_txt_value {
    font-size: var(--taboo-font-base) !important;
    line-height: var(--taboo-line-base) !important;
}

/* Links inherit the surrounding text size */
body a {
    font-size: inherit;
    line-height: inherit;
}

/* Headings */
body h1 {
    font-size: 38px !important;
    line-height: 1.2 !important;
}

body h2 {
    font-size: 32px !important;
    line-height: 1.25 !important;
}

body h3 {
    font-size: 27px !important;
    line-height: 1.3 !important;
}

body h4 {
    font-size: 23px !important;
    line-height: 1.35 !important;
}

/* Forms and controls */
html body input,
html body textarea,
html body select,
html body button,
html body input[type="submit"],
html body input[type="button"] {
    font-size: var(--taboo-font-controls) !important;
    line-height: var(--taboo-line-compact) !important;
}

/* Standard small and tiny text */
html body .ow_small {
    font-size: var(--taboo-font-small) !important;
    line-height: 1.4 !important;
}

html body .ow_tiny,
html body .ow_sidebar .ow_tiny,
html body .ow_console .ow_tiny {
    font-size: var(--taboo-font-tiny) !important;
    line-height: 1.35 !important;
}

/* ==========================================================
   TABOO! DATING - MAIN LAYOUT
   ========================================================== */

body .ow_canvas,
body .ow_page_container,
body .ow_page,
body .ow_page_container .ow_page,
body .ow_content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
}

/* Remove desktop sidebar behavior */
body .ow_sidebar {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    clear: both !important;
    box-sizing: border-box !important;
}

/* Stack standard columns */
body .ow_column,
body .ow_narrow,
body .ow_wide,
body .ow_superwide,
body .ow_supernarrow,
body .ow_left,
body .ow_right {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Dashboard and widget columns */
body .ow_dnd_column,
body .ow_dnd_column_1,
body .ow_dnd_column_2,
body .ow_dnd_column_3,
body .ow_dnd_widget,
body .ow_dnd_widget_box {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Keep footer hidden */
body .ow_footer {
    display: none !important;
}

/* Header */
body .ow_header {
    margin: 0 !important;
    padding: 0 !important;
}

body .ow_top {
    min-height: 0 !important;
    padding-top: 10px !important;
}

body .ow_page {
    margin: 0 auto !important;
}

/* Right-aligned content controls */
body .ow_content > .ow_right,
body .ow_content > .ow_btn_delimiter.ow_right {
    float: none !important;
    margin-bottom: 16px !important;
}

/* ==========================================================
   TABOO! DATING - ICONS & THUMBNAILS
   ========================================================== */

img.thumb {
    width: 180px !important;
    height: auto !important;
}

span.ow_icon {
    width: 24px !important;
    height: 24px !important;
    background-size: 24px 24px !important;
}

.ow_icon_control {
    padding-left: 30px !important;
    line-height: 24px !important;
    font-size: 18px !important;
}

.ow_miniicon_control {
    padding-left: 22px !important;
    line-height: 18px !important;
    font-size: 16px !important;
}

.ow_box_cap_icons {
    margin-top: -30px !important;
}

.ow_box_cap_icons a.close {
    width: 28px !important;
    height: 28px !important;
    background-size: 18px 18px !important;
}

/* ==========================================================
   TABOO! DATING - AVATARS
   ========================================================== */

.ow_avatar,
.ow_avatar img {
    width: 80px !important;
    height: 80px !important;
}

.ow_avatar_label {
    font-size: 13px !important;
    line-height: 1.25 !important;
}

.ow_avatar_console .ow_avatar_image {
    height: auto !important;
    max-width: 260px !important;
    width: 100% !important;
}

/* ==========================================================
   TABOO! DATING - PAGINATION
   ========================================================== */

.ow_paging {
    font-size: 19px !important;
    padding: 6px !important;
    text-align: center !important;
}

.ow_paging a {
    font-size: 21px !important;
    line-height: 30px !important;
    padding: 8px 12px !important;
    min-width: 36px !important;
}

.ow_paging span {
    font-size: 21px !important;
    line-height: 30px !important;
    padding: 0 6px !important;
}

/* ==========================================================
   TABOO! DATING - BUTTONS & TYPOGRAPHY HELPERS
   ========================================================== */

a.ow_lbutton,
span.ow_lbutton,
html body a.ow_lbutton,
html body span.ow_lbutton {
    font-size: 18px !important;
    line-height: 1.35 !important;
    padding: 4px 8px !important;
}

.ow_anno {
    font-size: var(--taboo-font-base) !important;
    line-height: var(--taboo-line-base) !important;
    padding: 14px !important;
}

body ul.ow_regular li {
    font-size: var(--taboo-font-base) !important;
    line-height: 1.45 !important;
}

/* ==========================================================
   TABOO! DATING - GENERAL PLUGIN STYLES
   ========================================================== */

.ow_add_content {
    width: 100% !important;
    float: none !important;
    font-size: var(--taboo-font-base) !important;
    line-height: 1.45 !important;
    padding: 42px 8px 12px !important;
    box-sizing: border-box !important;
}

/* Forum */
.ow_forum,
.ow_forum *,
.ow_forum_topic,
.ow_forum_topic * {
    font-size: 21px !important;
    line-height: 1.45 !important;
}

/* Dropdown and search suggestions */
.ac_results li,
.ow_searchbar_ac li,
.ow_dropdown_list li {
    font-size: 20px !important;
    line-height: 1.4 !important;
    padding: 8px !important;
}

/* Tips */
.ow_tip_box {
    font-size: 20px !important;
    line-height: 1.45 !important;
    padding: 8px 12px !important;
}

/* Membership tables */
.ow_subscribe_table,
.ow_subscribe_table * {
    font-size: 20px !important;
    line-height: 1.45 !important;
}

/* ==========================================================
   TABOO! DATING - FLOATBOXES / ALERTS
   ========================================================== */

.ow_highbox,
.ow_highbox_table .ow_highbox {
    font-size: var(--taboo-font-base) !important;
    line-height: var(--taboo-line-base) !important;
    padding: 12px !important;
    height: auto !important;
}

.floatbox_container {
    width: 90% !important;
    left: 5% !important;
    right: 5% !important;
    margin-left: 0 !important;
}

body .floatbox_canvas .floatbox_container,
.floatbox_canvas .floatbox_container {
    margin-top: 40px !important;
}

.floatbox_title {
    font-size: 28px !important;
    line-height: 1.3 !important;
}

.floatbox_body,
.floatbox_bottom {
    font-size: 21px !important;
    line-height: 1.45 !important;
    padding: 14px !important;
}

.ow_message_cont {
    width: 90% !important;
    left: 5% !important;
    margin-left: 0 !important;
}

.ow_message_node {
    font-size: 21px !important;
    line-height: 1.45 !important;
}

/* ==========================================================
   TABOO! DATING - INPUT FIELD READABILITY
   ========================================================== */

html body input[type="text"],
html body input[type="email"],
html body input[type="password"],
html body input[type="url"],
html body textarea,
html body select {
    color: #000000 !important;
    caret-color: #000000 !important;
}

html body input::placeholder,
html body textarea::placeholder {
    color: #777777 !important;
}

/* ==========================================================
   TABOO! DATING - SECTION HEADERS
   ========================================================== */

.ow_box_cap_body {
    background: linear-gradient(
        90deg,
        #250913 0%,
        #4b1730 50%,
        #250913 100%
    ) !important;

    border: 1px solid rgba(255, 70, 120, 0.25) !important;
    border-left: 4px solid #ff3b7a !important;
    border-radius: 12px !important;

    color: #ffffff !important;

    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;

    padding: 13px 18px !important;

    box-shadow:
        0 0 14px rgba(255, 30, 90, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);

    transition:
        border-left-color 0.25s ease,
        box-shadow 0.25s ease;
}

.ow_box_cap_body,
.ow_box_cap_body * {
    color: #ffffff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    text-shadow: 0 0 5px rgba(255, 70, 120, 0.35);
}

.ow_box_cap_body:hover {
    border-left-color: #ff5b95 !important;

    box-shadow:
        0 0 22px rgba(255, 40, 110, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

/* ==========================================================
   TABOO! DATING - FINAL TYPOGRAPHY OVERRIDES
   Broad typography guards shared across the site.
   ========================================================== */

/* Main readable content */
html body .ow_content,
html body .ow_content p,
html body .ow_content td,
html body .ow_content th,
html body .ow_content li,
html body .ow_content label,
html body .ow_box,
html body .ow_box_empty,
html body .ow_highbox,
html body .ow_anno {
    font-size: var(--taboo-font-base) !important;
    line-height: var(--taboo-line-base) !important;
}

/* General user information */
html body .ow_user_list_data,
html body .ow_user_list_data a,
html body .ow_ulist_big_info,
html body .ow_ulist_big_info_name,
html body .ow_profile_gallery_display_name {
    font-size: 21px !important;
    line-height: 1.4 !important;
}

/* Standard buttons */
html body .ow_button input,
html body button,
html body input[type="submit"],
html body input[type="button"] {
    font-size: var(--taboo-font-controls) !important;
    line-height: 1.35 !important;
}

/* Preserve console sizing */
html body .ow_console,
html body .ow_console_item,
html body .ow_console_item a {
    font-size: 18px !important;
    line-height: 1.35 !important;
}

/* Preserve intentionally tiny labels */
html body .ow_avatar_label {
    font-size: 13px !important;
    line-height: 1.25 !important;
}

/* ==========================================================
   TABOO! DATING - BUTTONS
   ========================================================== */

/* Outer button shell */
html body .ow_button {
    display: inline-block !important;

    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 50%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 10px !important;

    padding: 0 !important;
    overflow: hidden !important;

    box-shadow:
        0 3px 8px rgba(0,0,0,.45),
        0 0 10px rgba(255,50,120,.30),
        inset 0 1px 0 rgba(255,255,255,.15) !important;

    transition:
        transform .15s ease,
        box-shadow .20s ease,
        border-color .20s ease,
        background .20s ease !important;
}

/* Remove Oxwall's inner wrapper styling */
html body .ow_button > span {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Actual button */
html body .ow_button input[type="submit"],
html body .ow_button input[type="button"],
html body .ow_button button {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 10px 20px !important;

    background: transparent !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-indent: 0 !important;
    letter-spacing: .5px !important;

    cursor: pointer !important;

    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Hover */
html body .ow_button:hover {
    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 50%,
        #340a1a 100%
    ) !important;

    border-color: #ff78aa !important;

    transform: translateY(-2px);

    box-shadow:
        0 6px 14px rgba(0,0,0,.55),
        0 0 18px rgba(255,70,140,.60),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}

/* Pressed */
html body .ow_button:active {
    transform: translateY(1px) scale(.98);

    box-shadow:
        inset 0 3px 6px rgba(0,0,0,.45),
        0 0 8px rgba(255,50,120,.25) !important;
}

/* ==========================================================
   TABOO! DATING - THEMED PAGINATION
   Pages / numbers / Previous / Next
   Keep this block at the END of the site's Custom CSS.
   ========================================================== */

/* Pagination container */
html body .ow_paging {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 6px !important;

    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    margin: 20px auto !important;
    padding: 6px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #54102f 0%,
        #31061d 100%
    ) !important;

    border: 1px solid #ff5793 !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    text-align: center !important;

    box-shadow:
        0 5px 14px rgba(0, 0, 0, 0.42),
        0 0 14px rgba(255, 45, 120, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* Every direct paging item */
html body .ow_paging > span,
html body .ow_paging > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 48px !important;
    min-height: 46px !important;
    height: auto !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 14px !important;

    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    border-radius: 7px !important;
}

/* "Pages:" label */
html body .ow_paging > span:first-child {
    min-width: auto !important;

    color: #ffeaf2 !important;
    background: #70133e !important;

    border: 1px solid #c94376 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65) !important;
}

/* Clickable page numbers and Previous/Next */
html body .ow_paging > a {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #941949 0%,
        #680f38 58%,
        #420820 100%
    ) !important;

    border: 1px solid #ff659e !important;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72) !important;

    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;

    transition:
        transform 0.15s ease,
        background 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease !important;
}

/* Hover and keyboard focus */
html body .ow_paging > a:hover,
html body .ow_paging > a:focus-visible {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #d72b6d 0%,
        #a21752 58%,
        #690d34 100%
    ) !important;

    border-color: #ffd0e1 !important;

    box-shadow:
        0 5px 11px rgba(0, 0, 0, 0.45),
        0 0 15px rgba(255, 64, 139, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;

    transform: translateY(-1px) !important;
    outline: none !important;
}

/* Current page: Oxwall commonly renders it as a span */
html body .ow_paging > span:not(:first-child) {
    color: #501027 !important;

    background: linear-gradient(
        180deg,
        #ffd2e3 0%,
        #ff8fba 100%
    ) !important;

    border: 1px solid #ffffff !important;

    text-shadow: none !important;

    box-shadow:
        0 0 14px rgba(255, 89, 151, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

/* Some Oxwall versions identify the active page with a class. */
html body .ow_paging > .active,
html body .ow_paging > .ow_active,
html body .ow_paging > a.active {
    color: #501027 !important;

    background: linear-gradient(
        180deg,
        #ffd2e3 0%,
        #ff8fba 100%
    ) !important;

    border-color: #ffffff !important;
    pointer-events: none !important;
    text-shadow: none !important;

    box-shadow:
        0 0 14px rgba(255, 89, 151, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

/* Pressed state */
html body .ow_paging > a:active {
    transform: translateY(1px) !important;
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.45),
        inset 0 2px 4px rgba(0, 0, 0, 0.22) !important;
}

/* Smaller screens */
@media (max-width: 520px) {
    html body .ow_paging {
        gap: 5px !important;
        padding: 5px !important;
    }

    html body .ow_paging > span,
    html body .ow_paging > a {
        min-width: 42px !important;
        min-height: 42px !important;
        padding: 7px 11px !important;
        font-size: 17px !important;
    }

    html body .ow_paging > span:first-child {
        flex-basis: 100% !important;
    }
}

/* ======================================================================
   02. BASE NAVIGATION & CONSOLE

   Main navigation plus the console menus and dropdown plugins.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - CONSOLE / HEADER
   ========================================================== */

body .ow_console,
body .ow_console_item,
body .ow_console_item a {
    font-size: 18px !important;
    line-height: 1.35 !important;
}

/* ==========================================================
   TABOO! DATING - MAIN MENUS
   ========================================================== */

.ow_menu_wrap {
    height: auto !important;
    min-height: 60px !important;
}

.ow_main_menu {
    display: block !important;
    padding: 8px 4px !important;
    text-align: center !important;
}

.ow_main_menu li {
    display: inline-block !important;
    margin: 4px !important;
}

.ow_main_menu li a {
    font-size: 22px !important;
    line-height: 1.35 !important;
    padding: 8px 12px !important;
}

/* Box and content menus */
.ow_box_menu a,
.ow_content_menu li a,
.ow_content_menu span {
    font-size: 21px !important;
    line-height: 1.4 !important;
}

.ow_box_menu a {
    height: auto !important;
    padding: 6px 10px !important;
}

.ow_content_menu li {
    float: none !important;
    display: inline-block !important;
    margin: 4px !important;
}

/* Small button lists */
.ow_bl a,
span.ow_blitem,
span.ow_blitem input[type="submit"],
span.ow_blitem input[type="button"] {
    font-size: 20px !important;
    line-height: 1.35 !important;
    height: auto !important;
    padding: 6px 10px !important;
}

/* ==========================================================
   TABOO! DATING - TOP CONSOLE DROPDOWNS
   ========================================================== */

.ow_console .ow_tooltip_body,
.ow_console_list_wrapper,
.ow_console_list,
.ow_console_list li {
    width: 420px !important;
    max-width: 420px !important;
    box-sizing: border-box !important;
}

.ow_console_list li {
    min-height: 95px !important;
    padding: 8px !important;
    overflow: hidden !important;
}

.ow_console_list .ow_avatar,
.ow_console_list .ow_avatar img {
    width: 75px !important;
    height: 75px !important;
}

.ow_console_invt_cont,
.ow_console_ntf_cont {
    margin-left: 90px !important;
    margin-right: 10px !important;
    min-height: 80px !important;
}

.ow_console_invt_txt,
.ow_console_ntf_txt,
.ow_console_mailbox_txt,
.ow_console_mailbox_title {
    font-size: 19px !important;
    line-height: 1.4 !important;
}

.ow_console_mailbox_title .ow_mailbox_convers_info_date {
    float: right !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
}

/* ==========================================================
   TABOO! DATING - TOP CONSOLE BUTTONS
   Messages / Notifications / Username / Admin
   ========================================================== */

/* Keep the console controls neatly aligned */
html body .ow_console .ow_console_items_wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;

    margin: 0 !important;
    padding: 0 !important;
}

html body .ow_console .ow_console_item {
    position: relative !important;

    display: block !important;
    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

/* Preserve console items that Oxwall intentionally hides */
html body .ow_console .ow_console_item[style*="display: none"] {
    display: none !important;
}

/* The four visible console buttons */
html body
.ow_console
.ow_console_item > a.ow_console_item_link {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-height: 40px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 14px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 52%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.15px !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.45),
        0 0 9px rgba(255, 50, 120, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;

    cursor: pointer !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}

html body
.ow_console
.ow_console_item > a.ow_console_item_link:hover {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #811840 0%,
        #621330 52%,
        #39091b 100%
    ) !important;

    border-color: #ff9ac0 !important;
    transform: translateY(-2px) !important;

    box-shadow:
        0 6px 13px rgba(0, 0, 0, 0.52),
        0 0 17px rgba(255, 70, 140, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.19) !important;
}

/* Open/selected console control */
html body
.ow_console
.ow_console_item.ow_console_item_active > a.ow_console_item_link,
html body
.ow_console
.ow_console_item.active > a.ow_console_item_link {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #a51d50 0%,
        #74163b 52%,
        #480c25 100%
    ) !important;

    border-color: #ffc2d8 !important;

    box-shadow:
        0 0 18px rgba(255, 70, 140, 0.62),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

html body
.ow_console
.ow_console_item > a.ow_console_item_link:focus-visible {
    color: #ffffff !important;
    border-color: #ffd2e3 !important;
    outline: 2px solid #ffffff !important;
    outline-offset: 3px !important;

    box-shadow:
        0 0 0 3px rgba(255, 75, 135, 0.38),
        0 0 17px rgba(255, 70, 140, 0.58) !important;
}

html body
.ow_console
.ow_console_item > a.ow_console_item_link:active {
    transform: translateY(1px) scale(0.98) !important;

    box-shadow:
        inset 0 3px 6px rgba(0, 0, 0, 0.45),
        0 0 7px rgba(255, 50, 120, 0.24) !important;
}

/* Recreate the dropdown arrow for Username and Admin only */
html body
.ow_console
.ow_console_dropdown_click:not(.ow_mailbox_items_list):not(.ow_notification_list)
> a.ow_console_item_link::after,
html body
.ow_console
.ow_console_dropdown_hover:not(.ow_mailbox_items_list):not(.ow_notification_list)
> a.ow_console_item_link::after {
    content: "\25BE" !important;

    display: inline-block !important;
    margin-left: 1px !important;

    color: #ffb3d0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

/* Unread-message and notification counters */
html body .ow_console .ow_count_wrap {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    z-index: 3 !important;

    min-width: 21px !important;
    height: 21px !important;
    box-sizing: border-box !important;

    padding: 1px 5px !important;

    color: #ffffff !important;
    background: #e51f63 !important;

    border: 2px solid #ffd0e1 !important;
    border-radius: 999px !important;

    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    text-align: center !important;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.48),
        0 0 9px rgba(255, 55, 125, 0.62) !important;
}

html body .ow_console .ow_count_wrap .ow_count_bg,
html body .ow_console .ow_count_wrap .ow_count {
    display: inline !important;
    min-width: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;

    font: inherit !important;
    line-height: inherit !important;
}

/* Slightly tighter controls on narrow screens */
@media (max-width: 620px) {
    html body .ow_console .ow_console_items_wrap {
        justify-content: center !important;
        gap: 6px !important;
    }

    html body
    .ow_console
    .ow_console_item > a.ow_console_item_link {
        min-height: 37px !important;
        padding: 7px 11px !important;
        font-size: 15px !important;
    }
}

/* ==========================================================
   TABOO! DATING - TOP MESSAGES DROPDOWN
   ========================================================== */

/* Complete dropdown shell */
html body
.ow_console
.ow_mailbox_items_list
.ow_tooltip_body,
html body
.ow_console
.ow_mailbox_items_list
.OW_ConsoleItemContent,
html body
.ow_console
.ow_mailbox_items_list
.ow_console_list_wrapper {
    box-sizing: border-box !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #3d071f 0%,
        #210310 58%,
        #140108 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 10px !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.58),
        0 0 18px rgba(255, 50, 120, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_list {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    border: 0 !important;
    list-style: none !important;
}

/* Individual conversation rows */
html body
.ow_console
.ow_mailbox_items_list
.ow_console_list > li.ow_console_list_item {
    min-height: 86px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px !important;

    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        rgba(105, 18, 55, 0.48) 0%,
        rgba(41, 4, 21, 0.82) 100%
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.25) !important;

    transition:
        background 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_list > li.ow_console_list_item:nth-child(even) {
    background: linear-gradient(
        90deg,
        rgba(80, 12, 43, 0.44) 0%,
        rgba(29, 3, 15, 0.88) 100%
    ) !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_list > li.ow_console_list_item:hover {
    background: linear-gradient(
        90deg,
        rgba(145, 25, 72, 0.66) 0%,
        rgba(68, 8, 35, 0.92) 100%
    ) !important;

    box-shadow:
        inset 4px 0 0 #ff4b86,
        inset 0 0 14px rgba(255, 80, 145, 0.12) !important;
}

html body
.ow_console
.ow_mailbox_items_list
.console_list_item {
    min-height: 70px !important;
    box-sizing: border-box !important;

    color: #ffffff !important;
    background: transparent !important;
}

/* Sender avatar */
html body
.ow_console
.ow_mailbox_items_list
.ow_console_list_item .ow_avatar {
    float: left !important;

    width: 68px !important;
    height: 68px !important;
    box-sizing: border-box !important;

    margin: 0 11px 0 0 !important;
    padding: 0 !important;

    border: 2px solid #ff6da3 !important;
    border-radius: 8px !important;
    overflow: hidden !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.46),
        0 0 9px rgba(255, 55, 125, 0.28) !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_list_item .ow_avatar img {
    display: block !important;

    width: 68px !important;
    height: 68px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
    border-radius: 6px !important;
}

/* Text area beside the avatar */
html body
.ow_console
.ow_mailbox_items_list
.ow_console_invt_cont {
    min-height: 68px !important;
    box-sizing: border-box !important;

    margin: 0 0 0 79px !important;
    padding: 2px 4px 0 0 !important;

    color: #ffffff !important;
    background: transparent !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_invt_txt,
html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_cont {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;
}

/* Sender name and date */
html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_title,
html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_title * {
    color: #ff91bd !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.90),
        0 0 7px rgba(255, 75, 145, 0.28) !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_title {
    min-height: 19px !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_title .ow_mailbox_convers_info_date,
html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_title .ow_tiny {
    float: right !important;

    color: #e8b5c9 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Message preview */
html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_txt,
html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_txt.ow_remark,
html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_txt * {
    display: -webkit-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff2f7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;

    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
}

/* View All footer */
html body
.ow_console
.ow_mailbox_items_list
.ow_console_messages_btn {
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px !important;

    background: linear-gradient(
        180deg,
        #4f0e29 0%,
        #2b0716 100%
    ) !important;

    border-top: 1px solid rgba(255, 105, 160, 0.38) !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_messages_viewall a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 36px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 14px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #811840 0%,
        #5d1230 55%,
        #340a1a 100%
    ) !important;

    border: 2px solid #ff5b95 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.42),
        0 0 9px rgba(255, 50, 120, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.13) !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_messages_viewall a:hover {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #a51d50 0%,
        #74163b 55%,
        #480c25 100%
    ) !important;

    border-color: #ffc2d8 !important;
    transform: translateY(-1px) !important;

    box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.50),
        0 0 16px rgba(255, 70, 140, 0.54),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* Dropdown scrollbar */
html body .ow_mailbox_items_list .jspVerticalBar {
    width: 8px !important;
    background: #160109 !important;
}

html body .ow_mailbox_items_list .jspTrack {
    background: #2c0718 !important;
}

html body .ow_mailbox_items_list .jspDrag {
    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #9d1044 100%
    ) !important;

    border-radius: 999px !important;

    box-shadow: 0 0 7px rgba(255, 65, 135, 0.48) !important;
}

/* ==========================================================
   TABOO! DATING - TOP NOTIFICATIONS DROPDOWN
   ========================================================== */

/* Complete dropdown shell */
html body
.ow_console
.ow_notification_list
.ow_tooltip_body,
html body
.ow_console
.ow_notification_list
.OW_ConsoleItemContent,
html body
.ow_console
.ow_notification_list
.ow_console_list_wrapper {
    box-sizing: border-box !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #3d071f 0%,
        #210310 58%,
        #140108 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 10px !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.58),
        0 0 18px rgba(255, 50, 120, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body
.ow_console
.ow_notification_list
.ow_console_list {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    border: 0 !important;
    list-style: none !important;
}

/* Individual notification rows */
html body
.ow_console
.ow_notification_list
.ow_console_list > li.ow_notification_item {
    min-height: 88px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px !important;

    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        rgba(105, 18, 55, 0.48) 0%,
        rgba(41, 4, 21, 0.82) 100%
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.25) !important;

    transition:
        background 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body
.ow_console
.ow_notification_list
.ow_console_list > li.ow_notification_item:nth-child(even) {
    background: linear-gradient(
        90deg,
        rgba(80, 12, 43, 0.44) 0%,
        rgba(29, 3, 15, 0.88) 100%
    ) !important;
}

html body
.ow_console
.ow_notification_list
.ow_console_list > li.ow_notification_item:hover {
    background: linear-gradient(
        90deg,
        rgba(145, 25, 72, 0.66) 0%,
        rgba(68, 8, 35, 0.92) 100%
    ) !important;

    box-shadow:
        inset 4px 0 0 #ff4b86,
        inset 0 0 14px rgba(255, 80, 145, 0.12) !important;
}

html body
.ow_console
.ow_notification_list
.console_list_ipc_item {
    position: relative !important;

    min-height: 70px !important;
    box-sizing: border-box !important;

    color: #ffffff !important;
    background: transparent !important;
}

/* Sender avatar */
html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_avatar {
    float: left !important;

    width: 68px !important;
    height: 68px !important;
    box-sizing: border-box !important;

    margin: 0 11px 0 0 !important;
    padding: 0 !important;

    border: 2px solid #ff6da3 !important;
    border-radius: 8px !important;
    overflow: hidden !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.46),
        0 0 9px rgba(255, 55, 125, 0.28) !important;
}

html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_avatar img {
    display: block !important;

    width: 68px !important;
    height: 68px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
    border-radius: 6px !important;
}

/* Optional gift, photo, or item preview on the right */
html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_console_invt_img {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    z-index: 2 !important;

    display: block !important;
    float: none !important;

    width: 56px !important;
    height: 56px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff7fa !important;

    border: 2px solid #ff8ab6 !important;
    border-radius: 7px !important;
    overflow: hidden !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.42),
        0 0 8px rgba(255, 70, 140, 0.26) !important;
}

html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_console_invt_img img {
    display: block !important;

    width: 52px !important;
    height: 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
}

/* Notification text area */
html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_console_invt_cont {
    min-height: 68px !important;
    box-sizing: border-box !important;

    margin: 0 8px 0 79px !important;
    padding: 4px 3px 0 0 !important;

    color: #ffffff !important;
    background: transparent !important;
}

/* Reserve room only when a notification has a right-side image */
html body
.ow_console
.ow_notification_list
.console_list_ipc_item:has(.ow_console_invt_img)
.ow_console_invt_cont {
    margin-right: 69px !important;
}

html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_console_invt_cont,
html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_console_invt_cont * {
    color: #fff2f7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;

    overflow-wrap: anywhere !important;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
}

html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_console_invt_cont a {
    color: #ff91bd !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

html body
.ow_console
.ow_notification_list
.ow_notification_item:hover .ow_console_invt_cont a {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(255, 95, 155, 0.66) !important;
}

/* Empty-notification message */
html body
.ow_console
.ow_notification_list
.ow_nocontent {
    box-sizing: border-box !important;

    padding: 22px 15px !important;

    color: #e7b8cb !important;
    background: transparent !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

/* Dropdown scrollbar */
html body .ow_notification_list .jspVerticalBar {
    width: 8px !important;
    background: #160109 !important;
}

html body .ow_notification_list .jspTrack {
    background: #2c0718 !important;
}

html body .ow_notification_list .jspDrag {
    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #9d1044 100%
    ) !important;

    border-radius: 999px !important;

    box-shadow: 0 0 7px rgba(255, 65, 135, 0.48) !important;
}

/* ==========================================================
   TABOO! DATING - TOP USER MENU DROPDOWN
   Username menu (and matching compact console menus)
   ========================================================== */

/* Dark Taboo! Dating dropdown shell */
html body
.ow_console
.ow_console_dropdown_click:not(.ow_mailbox_items_list):not(.ow_notification_list)
.ow_tooltip_body,
html body
.ow_console
.ow_console_dropdown_hover:not(.ow_mailbox_items_list):not(.ow_notification_list)
.ow_tooltip_body {
    min-width: 225px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 6px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #4a0926 0%,
        #290413 58%,
        #160108 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 10px !important;

    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.62),
        0 0 18px rgba(255, 50, 120, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* Match the little pointer above the dropdown to the panel */
html body
.ow_console
.ow_console_dropdown_click:not(.ow_mailbox_items_list):not(.ow_notification_list)
.ow_tooltip_tail span,
html body
.ow_console
.ow_console_dropdown_hover:not(.ow_mailbox_items_list):not(.ow_notification_list)
.ow_tooltip_tail span {
    filter: hue-rotate(285deg) saturate(2.2) brightness(0.62) !important;
}

/* Reset Oxwall's stock white menu list */
html body
.ow_console
.ow_console_dropdown_click:not(.ow_mailbox_items_list):not(.ow_notification_list)
ul.ow_console_dropdown,
html body
.ow_console
.ow_console_dropdown_hover:not(.ow_mailbox_items_list):not(.ow_notification_list)
ul.ow_console_dropdown {
    min-width: 209px !important;
    max-height: min(70vh, 520px) !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    border: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    list-style: none !important;
}

html body .ow_console ul.ow_console_dropdown > li,
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont {
    display: block !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
}

/* Menu rows */
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    min-height: 37px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 12px 8px 15px !important;

    color: #fff4f8 !important;
    background: rgba(255, 255, 255, 0.025) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 112, 165, 0.20) !important;
    border-radius: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.1px !important;

    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.70) !important;
    white-space: nowrap !important;

    transition:
        color 0.16s ease,
        background 0.16s ease,
        padding-left 0.16s ease,
        box-shadow 0.16s ease !important;
}

html body
.ow_console
ul.ow_console_dropdown
li:first-child
.ow_console_dropdown_cont > a {
    border-radius: 6px 6px 0 0 !important;
}

html body
.ow_console
ul.ow_console_dropdown
li:last-child
.ow_console_dropdown_cont > a {
    border-bottom: 0 !important;
    border-radius: 0 0 6px 6px !important;
}

html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a:hover,
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a:focus-visible {
    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        rgba(180, 29, 84, 0.78) 0%,
        rgba(103, 15, 52, 0.66) 100%
    ) !important;

    padding-left: 20px !important;

    border-radius: 6px !important;
    outline: 0 !important;

    box-shadow:
        inset 4px 0 0 #ff8db7,
        0 0 10px rgba(255, 67, 137, 0.25) !important;
}

html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a:focus-visible {
    outline: 2px solid #ffd0e1 !important;
    outline-offset: -2px !important;
}

/* Give the actual Sign Out entry a clear, tasteful warning treatment. */
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="sign-out"],
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="signout"],
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="logout"] {
    margin-top: 4px !important;
    color: #ffd7e5 !important;
    background: rgba(139, 12, 55, 0.34) !important;
    border-top: 1px solid rgba(255, 114, 167, 0.34) !important;
}

html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="sign-out"]:hover,
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="signout"]:hover,
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="logout"]:hover,
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="sign-out"]:focus-visible,
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="signout"]:focus-visible,
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="logout"]:focus-visible {
    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        rgba(197, 24, 83, 0.88) 0%,
        rgba(114, 12, 51, 0.80) 100%
    ) !important;
}

@media (max-width: 620px) {
    html body
    .ow_console
    .ow_console_dropdown_click:not(.ow_mailbox_items_list):not(.ow_notification_list)
    .ow_tooltip_body,
    html body
    .ow_console
    .ow_console_dropdown_hover:not(.ow_mailbox_items_list):not(.ow_notification_list)
    .ow_tooltip_body {
        min-width: 205px !important;
    }

    html body
    .ow_console
    ul.ow_console_dropdown
    .ow_console_dropdown_cont > a {
        min-height: 39px !important;
        font-size: 14px !important;
    }
}

/* ==========================================================
   TABOO! DATING - TOP FRIEND REQUESTS DROPDOWN
   ========================================================== */

/* Dropdown shell (scoped only to a tooltip containing requests). */
html body .ow_console .ow_family_request_list .ow_tooltip_body,
html body .ow_console .ow_tooltip_body:has(.ow_friend_request_item),
html body .ow_console .ow_family_request_list .ow_console_list_wrapper,
html body .ow_console .ow_tooltip_body:has(.ow_friend_request_item) .ow_console_list_wrapper {
    box-sizing: border-box !important;
    color: #fff !important;
    background: linear-gradient(145deg, #3d071f 0%, #210310 58%, #140108 100%) !important;
    border: 2px solid #ff4b86 !important;
    border-radius: 11px !important;
    overflow: hidden !important;
    box-shadow: 0 9px 24px rgba(0, 0, 0, .62),
                0 0 20px rgba(255, 50, 120, .42),
                inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

html body .ow_console .ow_family_request_list .ow_console_list,
html body .ow_console .ow_console_list:has(> .ow_friend_request_item) {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    list-style: none !important;
}

/* Each request. */
html body .ow_console li.ow_friend_request_item {
    box-sizing: border-box !important;
    min-height: 100px !important;
    margin: 0 !important;
    padding: 10px !important;
    color: #fff !important;
    background: linear-gradient(100deg, rgba(111, 17, 58, .72), rgba(34, 3, 17, .96)) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 105, 160, .3) !important;
    transition: background .18s ease, box-shadow .18s ease !important;
}

html body .ow_console li.ow_friend_request_item:hover {
    background: linear-gradient(100deg, rgba(145, 24, 73, .78), rgba(55, 5, 28, .98)) !important;
    box-shadow: inset 4px 0 0 #ff4b86, inset 0 0 16px rgba(255, 80, 145, .13) !important;
}

html body .ow_console .ow_friend_request_item .console_list_ipc_item,
html body .ow_console .ow_friend_request_item .ow_console_invt_cont {
    box-sizing: border-box !important;
    min-height: 78px !important;
    color: #fff !important;
    background: transparent !important;
}

/* Avatar. */
html body .ow_console .ow_friend_request_item .ow_avatar {
    float: left !important;
    width: 72px !important;
    height: 72px !important;
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
    border: 2px solid #ff6da3 !important;
    border-radius: 9px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .5), 0 0 11px rgba(255, 55, 125, .32) !important;
}

html body .ow_console .ow_friend_request_item .ow_avatar img {
    display: block !important;
    width: 72px !important;
    height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    border-radius: 7px !important;
}

/* Request text. */
html body .ow_console .ow_friend_request_item .ow_console_invt_cont {
    margin-left: 84px !important;
    padding: 1px 3px 0 0 !important;
}

html body .ow_console .ow_friend_request_item .ow_console_invt_txt,
html body .ow_console .ow_friend_request_item .ow_console_invt_txt * {
    margin: 0 !important;
    color: #fff1f7 !important;
    background: transparent !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .88) !important;
}

html body .ow_console .ow_friend_request_item .ow_console_invt_txt a {
    color: #ff91bd !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

html body .ow_console .ow_friend_request_item .ow_console_invt_txt a:hover {
    color: #fff !important;
    text-shadow: 0 0 9px rgba(255, 85, 150, .75) !important;
}

/* Accept / Ignore action row. */
html body .ow_console .ow_friend_request_item .ow_console_invt_toolbar {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

html body .ow_console .ow_friend_request_item .ow_console_invt_toolbar a.ow_lbutton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 6px 13px !important;
    color: #fff !important;
    border-radius: 7px !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .85) !important;
    transition: transform .15s ease, filter .15s ease, box-shadow .15s ease !important;
}

/* Accept: vivid Taboo pink. */
html body .ow_console .ow_friend_request_item a[id^="friend_request_accept_"] {
    background: linear-gradient(180deg, #f0448e 0%, #a90f51 60%, #65082f 100%) !important;
    border: 1px solid #ffaad0 !important;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .42), 0 0 10px rgba(255, 60, 140, .38) !important;
}

/* Ignore: quieter secondary treatment. */
html body .ow_console .ow_friend_request_item a[id^="friend_request_ignore_"] {
    color: #f3dce6 !important;
    background: linear-gradient(180deg, #5a3144 0%, #321824 100%) !important;
    border: 1px solid #b57a94 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .35) !important;
}

html body .ow_console .ow_friend_request_item .ow_console_invt_toolbar a.ow_lbutton:hover,
html body .ow_console .ow_friend_request_item .ow_console_invt_toolbar a.ow_lbutton:focus-visible {
    color: #fff !important;
    border-color: #fff0f6 !important;
    filter: brightness(1.18) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 75, 145, .55) !important;
    outline: none !important;
}

/* Empty-state and loading areas. */
html body .ow_console .ow_family_request_list .ow_nocontent,
html body .ow_console .ow_tooltip_body:has(.ow_friend_request_item) .ow_nocontent,
html body .ow_console .ow_family_request_list .ow_preloader_content,
html body .ow_console .ow_tooltip_body:has(.ow_friend_request_item) .ow_preloader_content {
    color: #f8dce8 !important;
    background: #210310 !important;
}

@media (max-width: 600px) {
    html body .ow_console .ow_family_request_list .ow_tooltip_body,
    html body .ow_console .ow_tooltip_body:has(.ow_friend_request_item) {
        max-width: calc(100vw - 18px) !important;
    }

    html body .ow_console .ow_friend_request_item .ow_console_invt_toolbar {
        flex-wrap: wrap !important;
    }
}
.ow_logo_wrap {
    width: 100% !important;
    height: 119px !important;

    margin: 10px auto 172px auto !important;
    padding: 2px !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    box-sizing: border-box !important;
}

/* ----------------------------------------------------------
   Disabled profile action buttons
   (Friend request was sent, etc.)
   ---------------------------------------------------------- */

html body
.ow_profile_gallery_action_toolbar
a.ow_context_action_value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 38px !important;
    box-sizing: border-box !important;

    padding: 0 14px !important;

    color: #f4d9e5 !important;

    background: linear-gradient(
        180deg,
        #6b3a4d 0%,
        #5a3142 55%,
        #472736 100%
    ) !important;

    border: 1px solid #a86b82 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 2px 6px rgba(0,0,0,.30) !important;

    cursor: default !important;
}

html body
.ow_profile_gallery_action_toolbar
a.ow_context_action_value:hover {
    transform: none !important;

    background: linear-gradient(
        180deg,
        #6b3a4d 0%,
        #5a3142 55%,
        #472736 100%
    ) !important;

    border-color: #a86b82 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 2px 6px rgba(0,0,0,.30) !important;
}
/* Remove the stock white dropdown strip beside
   "Friend request was sent" */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action
> span.ow_context_more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;
    height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: #4b0d26 !important;
    background-image: none !important;

    border: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 0 8px 8px 0 !important;

    box-shadow: none !important;

    color: #ffffff !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

/* Replace the stock arrow with a clean themed arrow */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action
> span.ow_context_more::before {
    content: "\25BE" !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* Keep the link and arrow joined as one button */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action:has(> a.ow_context_action_value) {
    display: inline-flex !important;
    align-items: stretch !important;

    height: 38px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Flatten the right corners of the text portion so it joins
   cleanly to the arrow portion */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action
> a.ow_context_action_value {
    border-radius: 8px 0 0 8px !important;
}

/* ======================================================================
   03. DASHBOARD

   Dashboard navigation and widget-specific presentation.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - DASHBOARD WIDGET TABS
   Latest / Top
   ========================================================== */

html body .ow_box_menu {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

html body .ow_box_menu a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 95px !important;
    height: 40px !important;

    padding: 0 18px !important;
    box-sizing: border-box !important;

    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    color: #ffffff !important;
    text-decoration: none !important;

    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 55%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 9px !important;

    box-shadow:
        0 3px 8px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.12) !important;

    transition:
        all .18s ease !important;
}

/* Active button */

html body .ow_box_menu a.active,
html body .ow_box_menu a[class*="active"] {
    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #d42063 55%,
        #9d1044 100%
    ) !important;

    border-color: #ffd2e3 !important;

    box-shadow:
        0 0 18px rgba(255,70,140,.55),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}

/* Hover */

html body .ow_box_menu a:hover {
    background: linear-gradient(
        180deg,
        #811840 0%,
        #621330 55%,
        #39091b 100%
    ) !important;

    border-color: #ff9ac0 !important;

    transform: translateY(-2px);

    box-shadow:
        0 6px 14px rgba(0,0,0,.50),
        0 0 16px rgba(255,70,140,.45),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* Pressed */

html body .ow_box_menu a:active {
    transform: translateY(1px) scale(.98) !important;
}

/* ======================================================================

/* Section 04 removed: owned by Newsfeed plugin build 10603. */

   05. PROFILES & PROFILE REACTIONS

   Profile toolbars, detail widgets, forms, privacy, and reaction controls.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - PROFILE ACTION TOOLBAR
   ========================================================== */

.ow_profile_gallery_action_toolbar.ow_profile_action_toolbar_wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 4px !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Send Message / Remove from Friends / Unfollow */
.ow_profile_gallery_action_toolbar
> ul.ow_profile_action_toolbar {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: flex-start !important;
    gap: 4px !important;

    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ow_profile_gallery_action_toolbar
> ul.ow_profile_action_toolbar
> li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* More and Moderation containers */
.ow_profile_gallery_action_toolbar
> .ow_context_action_block {
    position: relative !important;
    flex: 0 0 auto !important;
    float: none !important;

    width: auto !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Push only Moderation right */
.ow_profile_gallery_action_toolbar
> .ow_context_action_block:last-child {
    margin-left: auto !important;
    transform: none !important;
}

/* Dropdown-button wrappers */
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action,
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value_block {
    display: block !important;
    width: auto !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* More and Moderation buttons */
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value {
    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    height: 38px !important;
    min-height: 38px !important;

    box-sizing: border-box !important;
    margin: 0 !important;

    line-height: normal !important;
    white-space: nowrap !important;
}

/* Dropdown placement */
.ow_profile_gallery_action_toolbar
.ow_context_action_wrap {
    position: absolute !important;
    top: 38px !important;
    left: 0 !important;
    right: auto !important;
    z-index: 9999 !important;
}

/* Moderation dropdown opens left */
.ow_profile_gallery_action_toolbar
> .ow_context_action_block:last-child
.ow_context_action_wrap {
    left: auto !important;
    right: 0 !important;
}

/* More container */
.ow_profile_gallery_action_toolbar
> .ow_context_action_block:first-of-type {
    width: fit-content !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: translateX(-10px);
}

.ow_profile_gallery_action_toolbar
> .ow_context_action_block:first-of-type
.ow_context_action,
.ow_profile_gallery_action_toolbar
> .ow_context_action_block:first-of-type
.ow_context_action_value_block {
    width: fit-content !important;
    min-width: 0 !important;
}

.ow_profile_gallery_action_toolbar
> .ow_context_action_block:first-of-type
.ow_context_action_value {
    width: auto !important;
    min-width: 0 !important;
    padding-left: 9px !important;
    padding-right: 21px !important;
}

/* Restore and vertically center More / Moderation text */
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 38px !important;
    min-height: 38px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    letter-spacing: normal !important;
    text-transform: none !important;
    vertical-align: middle !important;
}

/* ==========================================================
   TABOO! DATING - PROFILE ACTION BUTTON STYLING
   Send Message / Menu Actions / More / Moderation
   ========================================================== */


/* ----------------------------------------------------------
   Regular profile action buttons
   Send Message / Remove from Friends / Follow / etc.
   ---------------------------------------------------------- */

html body
.ow_profile_gallery_action_toolbar
> ul.ow_profile_action_toolbar
> li
> a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 38px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 14px !important;

    color: #ffffff !important;

    background-color: #4b0d26 !important;
    background-image: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 55%,
        #2b0816 100%
    ) !important;
    background-repeat: no-repeat !important;

    border: 1px solid #ff4b86 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.42),
        0 0 9px rgba(255, 50, 120, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


/* Remove stock backgrounds from anything inside */
html body
.ow_profile_gallery_action_toolbar
> ul.ow_profile_action_toolbar
> li
> a
* {
    color: inherit !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font: inherit !important;
    line-height: inherit !important;
}


/* Regular action button hover */
html body
.ow_profile_gallery_action_toolbar
> ul.ow_profile_action_toolbar
> li
> a:hover {
    color: #ffffff !important;

    background-image: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 55%,
        #340a1a 100%
    ) !important;

    border-color: #ff8ab6 !important;

    transform: translateY(-1px);

    box-shadow:
        0 5px 11px rgba(0, 0, 0, 0.52),
        0 0 15px rgba(255, 70, 140, 0.50),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}


/* Regular action button pressed */
html body
.ow_profile_gallery_action_toolbar
> ul.ow_profile_action_toolbar
> li
> a:active {
    transform: translateY(1px) scale(0.98) !important;
}


/* ----------------------------------------------------------
   More and Moderation buttons
   Removes stock white dropdown-arrow artwork
   ---------------------------------------------------------- */

/* Align both dropdown controls with the regular buttons */
html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block {
    position: relative !important;
    top: 3px !important;
    vertical-align: top !important;
}

/* Reset Oxwall's button wrappers */
html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action,

html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value_block {
    display: inline-block !important;

    width: auto !important;
    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* Remove stock white arrow/background elements */
html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action::before,

html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action::after,

html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value_block::before,

html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value_block::after {
    display: none !important;
    content: none !important;

    background: none !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* Actual More / Moderation button */
html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: 38px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 34px 0 14px !important;

    color: #ffffff !important;

    background-color: #4b0d26 !important;
    background-image: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 55%,
        #2b0816 100%
    ) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    border: 1px solid #ff4b86 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.42),
        0 0 9px rgba(255, 50, 120, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;

    cursor: pointer !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}

/* Clean CSS dropdown arrow */
html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value::after {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;
    right: 13px !important;

    display: block !important;

    width: 0 !important;
    height: 0 !important;

    margin: -2px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 6px solid #ffffff !important;

    opacity: 0.9 !important;
    pointer-events: none !important;
}

/* More / Moderation hover */
html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value:hover {
    color: #ffffff !important;

    background-image: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 55%,
        #340a1a 100%
    ) !important;

    border-color: #ff8ab6 !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 5px 11px rgba(0, 0, 0, 0.52),
        0 0 15px rgba(255, 70, 140, 0.50),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* More / Moderation pressed */
html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value:active {
    transform: translateY(1px) scale(0.98) !important;
}


/* ----------------------------------------------------------
   Dropdown menus opened by More and Moderation
   ---------------------------------------------------------- */

html body
.ow_profile_gallery_action_toolbar
.ow_context_action_wrap {
    min-width: 190px !important;

    padding: 7px !important;

    background: linear-gradient(
        145deg,
        rgba(48, 7, 27, 0.99) 0%,
        rgba(20, 2, 12, 0.99) 100%
    ) !important;

    border: 1px solid rgba(255, 90, 145, 0.48) !important;
    border-left: 4px solid #ff4b86 !important;
    border-radius: 9px !important;

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.58),
        0 0 16px rgba(255, 45, 115, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}


/* Dropdown list reset */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action_wrap ul,
html body
.ow_profile_gallery_action_toolbar
.ow_context_action_wrap li {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    list-style: none !important;
}


/* Dropdown choices */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action_wrap a {
    display: block !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 0 5px !important;
    padding: 8px 11px !important;

    color: #ffd8e7 !important;
    background: rgba(255, 75, 135, 0.08) !important;

    border: 1px solid rgba(255, 85, 145, 0.24) !important;
    border-radius: 6px !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}


/* Remove extra margin from last dropdown choice */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action_wrap li:last-child a {
    margin-bottom: 0 !important;
}


/* Dropdown choice hover */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action_wrap a:hover {
    color: #ffffff !important;

    background: rgba(255, 75, 135, 0.22) !important;
    border-color: #ff8ab6 !important;

    box-shadow:
        0 0 10px rgba(255, 65, 135, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* ==========================================================
   TABOO! DATING - PROFILE DETAILS "POP"
   ========================================================== */

/* Framed profile-information panel */
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data {
    position: relative !important;
    overflow: hidden !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 18px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        rgba(65, 7, 34, 0.96) 0%,
        rgba(31, 3, 17, 0.98) 52%,
        rgba(19, 2, 11, 0.99) 100%
    ) !important;

    border: 1px solid rgba(255, 75, 135, 0.48) !important;
    border-radius: 13px !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.48),
        0 0 18px rgba(255, 45, 115, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* Pink highlight across the top of the panel */
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 3px !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        #ff3b7a 18%,
        #ff86b5 50%,
        #ff3b7a 82%,
        transparent 100%
    ) !important;

    box-shadow: 0 0 13px rgba(255, 65, 135, 0.72) !important;
}

/* Each visible profile section */
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 {
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 0 14px !important;
    padding: 0 !important;

    border-collapse: separate !important;
    border-spacing: 0 8px !important;

    background: transparent !important;
    border: 0 !important;
}

html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3:last-child {
    margin-bottom: 0 !important;
}

html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 tr,
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 td {
    background-image: none !important;
    border: 0 !important;
}

/* Left-hand field labels */
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 td.ow_label {
    width: 30% !important;
    box-sizing: border-box !important;

    padding: 12px 15px !important;

    color: #ffd7e6 !important;
    background: linear-gradient(
        90deg,
        #70143a 0%,
        #4c0d28 62%,
        #35091d 100%
    ) !important;

    border-left: 4px solid #ff4b86 !important;
    border-radius: 9px 0 0 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.35px !important;

    text-align: left !important;
    vertical-align: top !important;
    overflow-wrap: anywhere !important;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85) !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Right-hand profile answers */
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 td.ow_value {
    width: 70% !important;
    box-sizing: border-box !important;

    padding: 12px 16px !important;

    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.095) 0%,
        rgba(255, 255, 255, 0.045) 100%
    ) !important;

    border: 1px solid rgba(255, 105, 160, 0.20) !important;
    border-left: 0 !important;
    border-radius: 0 9px 9px 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;

    text-align: left !important;
    vertical-align: top !important;
    overflow-wrap: anywhere !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

/* Pink links inside answers */
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 td.ow_value a {
    color: #ff91bd !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 td.ow_value a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 9px rgba(255, 85, 150, 0.72) !important;
}

/* Give the row a restrained glow when someone points at it */
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 tr:hover td.ow_label {
    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        #8f1948 0%,
        #621332 62%,
        #430b24 100%
    ) !important;

    border-left-color: #ff8ab6 !important;
}

html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 tr:hover td.ow_value {
    background: linear-gradient(
        90deg,
        rgba(255, 85, 145, 0.15) 0%,
        rgba(255, 255, 255, 0.065) 100%
    ) !important;

    border-color: rgba(255, 125, 175, 0.38) !important;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.30),
        0 0 12px rgba(255, 55, 125, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* Stack long profile fields cleanly on phones */
@media (max-width: 620px) {
    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data {
        padding: 12px !important;
    }

    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data table.ow_table_3,
    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data table.ow_table_3 tbody,
    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data table.ow_table_3 tr,
    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data table.ow_table_3 td {
        display: block !important;
        width: 100% !important;
    }

    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data table.ow_table_3 tr {
        margin: 0 0 10px !important;
    }

    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data table.ow_table_3 td.ow_label {
        padding: 9px 12px !important;
        border-radius: 9px 9px 0 0 !important;
    }

    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data table.ow_table_3 td.ow_value {
        padding: 11px 12px !important;
        border: 1px solid rgba(255, 105, 160, 0.22) !important;
        border-top: 0 !important;
        border-radius: 0 0 9px 9px !important;
    }
}

/* ==========================================================
   TABOO! DATING - PROFILE WIDGET "VIEW ALL" BUTTONS
   ========================================================== */

html body
.ow_dnd_widget[class*="profile-"]
ul.ow_box_toolbar.ow_bl > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 15px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 52%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.2px !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.42),
        0 0 9px rgba(255, 50, 120, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;

    cursor: pointer !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}

html body
.ow_dnd_widget[class*="profile-"]
ul.ow_box_toolbar.ow_bl > li > a:hover {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #811840 0%,
        #621330 52%,
        #39091b 100%
    ) !important;

    border-color: #ff9ac0 !important;
    transform: translateY(-2px) !important;

    box-shadow:
        0 6px 13px rgba(0, 0, 0, 0.50),
        0 0 16px rgba(255, 70, 140, 0.52),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

html body
.ow_dnd_widget[class*="profile-"]
ul.ow_box_toolbar.ow_bl > li > a:focus-visible {
    color: #ffffff !important;
    border-color: #ffd2e3 !important;
    outline: 2px solid #ffffff !important;
    outline-offset: 3px !important;

    box-shadow:
        0 0 0 3px rgba(255, 75, 135, 0.38),
        0 0 17px rgba(255, 70, 140, 0.56) !important;
}

html body
.ow_dnd_widget[class*="profile-"]
ul.ow_box_toolbar.ow_bl > li > a:active {
    transform: translateY(1px) scale(0.98) !important;

    box-shadow:
        inset 0 3px 6px rgba(0, 0, 0, 0.44),
        0 0 7px rgba(255, 50, 120, 0.24) !important;
}

/* ==========================================================
   TABOO! DATING - PROFILE EDIT & PREFERENCES FORMS
   ========================================================== */

/* Target the Profile Edit form plus the common Oxwall names
   used by Profile Preferences / User Settings forms. */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form {
    width: 100% !important;
    box-sizing: border-box !important;
    border-collapse: separate !important;
    border-spacing: 0 7px !important;

    margin: 14px 0 24px !important;
    padding: 8px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        rgba(61, 7, 31, 0.98) 0%,
        rgba(31, 3, 16, 0.98) 62%,
        rgba(18, 1, 8, 0.98) 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 14px !important;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.52),
        0 0 20px rgba(255, 45, 115, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Form rows */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td {
    box-sizing: border-box !important;
    padding: 13px 14px !important;
    vertical-align: middle !important;

    color: #fff4f8 !important;
    background: rgba(102, 20, 55, 0.34) !important;

    border: 0 !important;
    border-top: 1px solid rgba(255, 116, 166, 0.20) !important;
    border-bottom: 1px solid rgba(255, 116, 166, 0.20) !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter):nth-child(even) > td {
    background: rgba(70, 11, 38, 0.44) !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td:first-child {
    border-left: 1px solid rgba(255, 116, 166, 0.20) !important;
    border-radius: 9px 0 0 9px !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td:last-child {
    border-right: 1px solid rgba(255, 116, 166, 0.20) !important;
    border-radius: 0 9px 9px 0 !important;
}

/* Section titles such as BASIC */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form tr.ow_tr_first > th,
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form th.ow_section {
    padding: 12px 18px !important;

    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        #2b0717 0%,
        #641436 50%,
        #2b0717 100%
    ) !important;

    border: 1px solid rgba(255, 101, 157, 0.44) !important;
    border-left: 5px solid #ff3f80 !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.7px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.72) !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.34),
        0 0 13px rgba(255, 50, 120, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}

/* Remove the stock gray badge Oxwall sometimes nests in a section heading. */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form th.ow_section span {
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    font: inherit !important;
    text-shadow: inherit !important;
}

/* Labels */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form td.ow_label {
    width: 21% !important;
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    text-align: right !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72) !important;
}

/* Main field area */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form td.ow_value {
    width: 54% !important;
    color: #fff8fb !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Helpful descriptions on the right */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form td.ow_desc {
    width: 25% !important;
    color: #e7b9ca !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
    text-align: left !important;
}

/* Text fields, password fields, text areas, and selectors */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) :is(input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea, select) {
    max-width: 100% !important;
    min-height: 40px !important;
    box-sizing: border-box !important;

    padding: 8px 11px !important;

    color: #fff8fb !important;
    background: #19030d !important;

    border: 1px solid #a72a5a !important;
    border-radius: 7px !important;
    outline: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 550 !important;
    line-height: 1.3 !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.55),
        0 0 0 rgba(255, 55, 125, 0) !important;

    color-scheme: dark !important;
    transition:
        border-color 0.17s ease,
        background 0.17s ease,
        box-shadow 0.17s ease !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) textarea {
    min-height: 115px !important;
    resize: vertical !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) :is(input, textarea, select):focus {
    color: #ffffff !important;
    background: #250512 !important;
    border-color: #ff6099 !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.45),
        0 0 0 3px rgba(255, 70, 140, 0.20),
        0 0 13px rgba(255, 55, 125, 0.30) !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) :is(input, textarea)::placeholder {
    color: #b98599 !important;
    opacity: 1 !important;
}

/* Checkbox and radio groups become easy-to-scan choice cards. */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) :is(ul.ow_checkbox_group, ul.ow_radio_group) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
    gap: 7px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) :is(ul.ow_checkbox_group, ul.ow_radio_group) > li {
    display: flex !important;
    float: none !important;
    align-items: center !important;
    gap: 8px !important;

    width: auto !important;
    min-height: 37px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 10px !important;

    color: #fff4f8 !important;
    background: rgba(20, 2, 10, 0.50) !important;

    border: 1px solid rgba(255, 104, 157, 0.25) !important;
    border-radius: 7px !important;

    font-size: 15px !important;
    line-height: 1.25 !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) :is(input[type="checkbox"], input[type="radio"]) {
    flex: 0 0 auto !important;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    accent-color: #ff3f80 !important;
    cursor: pointer !important;
}

/* Validation messages */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) :is(.error, .ow_error, span.error) {
    display: block !important;
    margin-top: 6px !important;
    color: #ff9fc1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Submit row */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form td.ow_submit {
    padding: 18px 12px 11px !important;
    background: transparent !important;
    border: 0 !important;
    text-align: center !important;
}

/* Stack the old three-column table into clean cards on small screens. */
@media (max-width: 760px) {
    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) table.ow_form {
        display: block !important;
        padding: 6px !important;
    }

    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) table.ow_form > tbody,
    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) table.ow_form > tbody > tr {
        display: block !important;
        width: 100% !important;
    }

    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) {
        margin-bottom: 9px !important;
        padding: 11px !important;

        background: rgba(91, 15, 49, 0.38) !important;
        border: 1px solid rgba(255, 111, 164, 0.26) !important;
        border-radius: 9px !important;
    }

    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td {
        display: block !important;
        width: 100% !important;

        padding: 6px 4px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        text-align: left !important;
    }

    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) table.ow_form td.ow_label {
        padding-bottom: 3px !important;
        color: #ffb4cf !important;
    }

    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) table.ow_form td.ow_desc {
        padding-top: 4px !important;
        color: #dca6ba !important;
        font-size: 13px !important;
    }

    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) :is(ul.ow_checkbox_group, ul.ow_radio_group) {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   TABOO! DATING - PROFILE PRIVACY PAGE
   ========================================================== */

/* Privacy settings card */
html body .ow_content form#privacyForm table.ow_form {
    width: 100% !important;
    box-sizing: border-box !important;
    border-collapse: separate !important;
    border-spacing: 0 7px !important;

    margin: 14px 0 18px !important;
    padding: 9px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        rgba(61, 7, 31, 0.98) 0%,
        rgba(31, 3, 16, 0.98) 62%,
        rgba(18, 1, 8, 0.98) 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 14px !important;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.52),
        0 0 20px rgba(255, 45, 115, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Individual privacy rows */
html body .ow_content form#privacyForm table.ow_form tr.ow_privacy > td {
    box-sizing: border-box !important;
    padding: 12px 14px !important;
    vertical-align: middle !important;

    color: #fff5f9 !important;
    background: rgba(102, 20, 55, 0.38) !important;

    border: 0 !important;
    border-top: 1px solid rgba(255, 116, 166, 0.22) !important;
    border-bottom: 1px solid rgba(255, 116, 166, 0.22) !important;
}

html body .ow_content form#privacyForm table.ow_form tr.ow_privacy.ow_alt2 > td {
    background: rgba(67, 10, 36, 0.52) !important;
}

html body .ow_content form#privacyForm table.ow_form tr.ow_privacy:hover > td {
    background: rgba(132, 22, 65, 0.52) !important;
    border-color: rgba(255, 126, 174, 0.36) !important;
}

html body .ow_content form#privacyForm table.ow_form tr.ow_privacy > td:first-child {
    border-left: 1px solid rgba(255, 116, 166, 0.22) !important;
    border-radius: 9px 0 0 9px !important;
}

html body .ow_content form#privacyForm table.ow_form tr.ow_privacy > td:last-child {
    border-right: 1px solid rgba(255, 116, 166, 0.22) !important;
    border-radius: 0 9px 9px 0 !important;
}

/* Setting names */
html body .ow_content form#privacyForm table.ow_form td.ow_label {
    width: 40% !important;
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    text-align: right !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.70) !important;
}

/* Privacy selector column */
html body .ow_content form#privacyForm table.ow_form td.ow_value {
    width: 35% !important;
    color: #ffffff !important;
    text-align: left !important;
}

html body .ow_content form#privacyForm table.ow_form td.ow_desc {
    width: 25% !important;
    color: #dba7ba !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

/* The Everybody / Friends / Nobody selectors */
html body .ow_content form#privacyForm select {
    min-width: 185px !important;
    min-height: 40px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    padding: 7px 35px 7px 11px !important;

    color: #fff8fb !important;
    background-color: #19030d !important;

    border: 1px solid #a72a5a !important;
    border-radius: 7px !important;
    outline: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    color-scheme: dark !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.55),
        0 0 0 rgba(255, 55, 125, 0) !important;

    cursor: pointer !important;
    transition:
        border-color 0.17s ease,
        background-color 0.17s ease,
        box-shadow 0.17s ease !important;
}

html body .ow_content form#privacyForm select:hover {
    background-color: #240512 !important;
    border-color: #e4457f !important;
}

html body .ow_content form#privacyForm select:focus {
    color: #ffffff !important;
    background-color: #270512 !important;
    border-color: #ff6099 !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.45),
        0 0 0 3px rgba(255, 70, 140, 0.20),
        0 0 13px rgba(255, 55, 125, 0.30) !important;
}

html body .ow_content form#privacyForm select option {
    color: #ffffff !important;
    background: #210410 !important;
}

/* The note below the settings */
html body .ow_content form#privacyForm .ow_anno {
    box-sizing: border-box !important;
    margin: 9px 0 14px !important;
    padding: 11px 14px !important;

    color: #e9bdcd !important;
    background: rgba(71, 10, 38, 0.52) !important;

    border: 1px solid rgba(255, 103, 158, 0.30) !important;
    border-left: 4px solid #ff4b86 !important;
    border-radius: 8px !important;

    font-size: 14px !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

/* Stack each setting cleanly on phones and narrow windows. */
@media (max-width: 700px) {
    html body .ow_content form#privacyForm table.ow_form,
    html body .ow_content form#privacyForm table.ow_form > tbody,
    html body .ow_content form#privacyForm table.ow_form tr.ow_privacy {
        display: block !important;
        width: 100% !important;
    }

    html body .ow_content form#privacyForm table.ow_form {
        padding: 6px !important;
    }

    html body .ow_content form#privacyForm table.ow_form tr.ow_privacy {
        margin-bottom: 9px !important;
        padding: 11px !important;

        background: rgba(91, 15, 49, 0.42) !important;
        border: 1px solid rgba(255, 111, 164, 0.27) !important;
        border-radius: 9px !important;
    }

    html body .ow_content form#privacyForm table.ow_form tr.ow_privacy > td {
        display: block !important;
        width: 100% !important;

        padding: 5px 3px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        text-align: left !important;
    }

    html body .ow_content form#privacyForm table.ow_form td.ow_label {
        padding-bottom: 4px !important;
        color: #ffb4cf !important;
    }

    html body .ow_content form#privacyForm select {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* ==========================================================
   TABOO! DATING - PROFILE REACTIONS THEME
   ========================================================== */

html body .profile-REACTIONS_CMP_ProfileReaction,
html body .profile-REACTIONS_CMP_ProfileReaction .ow_box_empty,
html body .profile-REACTIONS_CMP_ProfileReaction .ow_box {
    box-sizing: border-box !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .reactionsContainer,
html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction {
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    color: #ffffff !important;
    background: linear-gradient(145deg, rgba(82, 9, 39, 0.88), rgba(28, 2, 14, 0.98)) !important;
    border: 1px solid rgba(255, 75, 135, 0.42) !important;
    border-radius: 10px !important;
    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 132px !important;
    height: 42px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 16px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #b51650 0%, #7d103a 100%) !important;
    border: 2px solid #ff5f99 !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.42),
        0 0 13px rgba(255, 45, 120, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    text-decoration: none !important;
    transition:
        transform 0.16s ease,
        border-color 0.16s ease,
        box-shadow 0.16s ease,
        background 0.16s ease !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:hover,
html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:focus-visible {
    transform: translateY(-1px) !important;
    background: linear-gradient(180deg, #e02b6f 0%, #961549 100%) !important;
    border-color: #ff9ac0 !important;
    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.46),
        0 0 18px rgba(255, 70, 145, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-btn-emo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background-color: #9d1044 !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    border: 1px solid rgba(255, 180, 210, 0.75) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px rgba(255, 45, 120, 0.60) !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-btn-emo::before {
    content: "" !important;
    display: none !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-btn-text {
    display: inline-block !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
}

/* The original reaction images are missing/transparent on this install,
   so the picker uses data-reaction text labels instead. */
html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box {
    position: absolute !important;
    left: 14px !important;
    bottom: calc(100% + 8px) !important;
    z-index: 20 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px !important;
    list-style: none !important;
    color: #ffffff !important;
    background: linear-gradient(145deg, #5d0d2f 0%, #1a020d 100%) !important;
    border: 1px solid rgba(255, 105, 160, 0.58) !important;
    border-radius: 12px !important;
    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.52),
        0 0 18px rgba(255, 55, 125, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(4px) !important;
    transition:
        opacity 0.14s ease,
        visibility 0.14s ease,
        transform 0.14s ease !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction:hover .reactions-box,
html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction:focus-within .reactions-box,
html body .profile-REACTIONS_CMP_ProfileReaction .reactionsContainer:hover .reactions-box,
html body .profile-REACTIONS_CMP_ProfileReaction .reactionsContainer:focus-within .reactions-box {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background-color: #9d1044 !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 28px 28px !important;
    border: 1px solid rgba(255, 170, 205, 0.72) !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.42),
        0 0 10px rgba(255, 55, 125, 0.32) !important;
    transition:
        transform 0.14s ease,
        box-shadow 0.14s ease,
        border-color 0.14s ease !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li:hover,
html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li:focus-visible {
    transform: translateY(-3px) !important;
    border-color: #ffffff !important;
    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.46),
        0 0 18px rgba(255, 75, 145, 0.58) !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li::before {
    content: "" !important;
    display: none !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-stat {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    color: #ffd7e5 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-stat *,
html body .profile-REACTIONS_CMP_ProfileReaction .like-stat a {
    color: #ffd7e5 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

@media (max-width: 640px) {
    html body .profile-REACTIONS_CMP_ProfileReaction .reactionsContainer,
    html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction {
        padding: 10px !important;
    }

    html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box {
        left: 8px !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        border-radius: 12px !important;
        padding: 7px !important;
    }

    html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        padding: 0 !important;
        background-size: 25px 25px !important;
    }
}

/* Override the original plugin animation that spreads reactions across the row. */
html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:hover .reactions-box,
html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:active .reactions-box,
html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:focus-within .reactions-box,
html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction:hover .reactions-box,
html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction:focus-within .reactions-box {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:hover .reactions-box li,
html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:active .reactions-box li,
html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:focus-within .reactions-box li,
html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction:hover .reactions-box li,
html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction:focus-within .reactions-box li {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
}


html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li::after {
    content: attr(data-reaction) !important;
    position: absolute !important;
    left: 50% !important;
    top: calc(100% + 5px) !important;
    z-index: 3 !important;
    display: block !important;
    width: max-content !important;
    max-width: 90px !important;
    padding: 3px 7px !important;
    color: #ffffff !important;
    background: rgba(30, 2, 14, 0.94) !important;
    border: 1px solid rgba(255, 105, 160, 0.60) !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.36) !important;
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    text-align: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    white-space: nowrap !important;
    transform: translateX(-50%) translateY(-2px) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.80) !important;
    transition:
        opacity 0.12s ease,
        visibility 0.12s ease,
        transform 0.12s ease !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li:hover::after,
html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li:focus-visible::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}

/* ======================================================================
   06. MEMBER SEARCH, MATCHES & BOOKMARKS

   Member grids, search pages, compatibility, match cards, and live bookmark hearts.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - BIG USER LIST GRID
   ========================================================== */

.ow_ulist_big {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}

.ow_ulist_big_item {
    float: none !important;
    width: 23% !important;
    box-sizing: border-box !important;
    margin-bottom: 20px !important;
}

.ow_ulist_big_item_cont {
    width: 100% !important;
    height: auto !important;
    margin: 0 auto 20px !important;
    overflow: visible !important;
}

.ow_ulist_big_avatar {
    width: 100% !important;
    height: 170px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.ow_ulist_big_info {
    position: static !important;
    margin-top: 8px !important;
    text-align: center !important;
    font-size: 21px !important;
    line-height: 1.4 !important;
}

.ow_ulist_big_info_name {
    float: none !important;
    max-width: 100% !important;
    max-height: none !important;
    font-size: 21px !important;
    line-height: 1.4 !important;
}

/* ==========================================================
   TABOO! DATING - ADVANCED SEARCH SECTION HEADERS
   ========================================================== */

.ow_table_1 tr.ow_tr_first th,
.ow_form tr.ow_tr_first th {
    background: linear-gradient(
        90deg,
        #250913 0%,
        #4b1730 50%,
        #250913 100%
    ) !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;

    padding: 12px 18px !important;

    border: 1px solid rgba(255,70,120,.25) !important;
    border-left: 4px solid #ff3b7a !important;
    border-radius: 12px !important;

    box-shadow:
        0 0 14px rgba(255,30,90,.18),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Make the row itself transparent so only the header is styled */
.ow_table_1 tr.ow_tr_first,
.ow_form tr.ow_tr_first {
    background: transparent !important;
}

/* ==========================================================
   TABOO! DATING - BROWSE USERS HEADER & SORT BUTTONS
   ========================================================== */

/* BROWSE USERS title */
html body .ow_content > h1.ow_stdmargin {
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;

    margin: 10px 0 20px !important;
    padding: 0 !important;

    text-shadow:
        0 2px 3px rgba(0, 0, 0, 0.75),
        0 0 8px rgba(255, 70, 120, 0.25) !important;
}


/* Outer sorting bar */
html body .ow_sort_control {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;

    width: 100% !important;
    min-height: 50px !important;
    box-sizing: border-box !important;

    margin: 0 0 22px !important;
    padding: 8px 10px !important;

    background: linear-gradient(
        90deg,
        rgba(37, 9, 19, 0.96) 0%,
        rgba(75, 23, 48, 0.96) 50%,
        rgba(37, 9, 19, 0.96) 100%
    ) !important;

    border: 1px solid rgba(255, 70, 120, 0.30) !important;
    border-left: 4px solid #ff3b7a !important;
    border-radius: 12px !important;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.45),
        0 0 14px rgba(255, 30, 90, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}


/* "Sort by:" label */
html body .ow_sort_control .ow_sort_control_label {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 4px 0 0 !important;
    padding: 0 4px !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
}


/* Individual sorting buttons */
html body .ow_sort_control > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 34px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 6px 12px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 50%,
        #2b0816 100%
    ) !important;

    border: 1px solid #d93b75 !important;
    border-radius: 7px !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;

    transition:
        transform 0.15s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease,
        background 0.20s ease !important;
}


/* Hovered sorting button */
html body .ow_sort_control > a:hover {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 50%,
        #340a1a 100%
    ) !important;

    border-color: #ff78aa !important;

    transform: translateY(-1px);

    box-shadow:
        0 4px 9px rgba(0, 0, 0, 0.50),
        0 0 12px rgba(255, 70, 140, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}


/* Currently selected sorting button */
html body .ow_sort_control > a.active {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #ff4b86 0%,
        #bd174f 55%,
        #780b30 100%
    ) !important;

    border-color: #ff9abb !important;

    box-shadow:
        0 2px 7px rgba(0, 0, 0, 0.50),
        0 0 14px rgba(255, 65, 130, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}


/* Pressed button */
html body .ow_sort_control > a:active {
    transform: translateY(1px) scale(0.98);

    box-shadow:
        inset 0 3px 5px rgba(0, 0, 0, 0.45),
        0 0 6px rgba(255, 50, 120, 0.25) !important;
}

/* ==========================================================
   TABOO! DATING - USER SEARCH PAGE
   Username Search + Advanced Search
   ========================================================== */

/* Keep both search forms in the Taboo! Dating visual family. */
html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm) table.ow_form {
    width: 100% !important;
    box-sizing: border-box !important;
    border-collapse: separate !important;
    border-spacing: 0 7px !important;

    margin: 12px 0 20px !important;
    padding: 9px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        rgba(61, 7, 31, 0.98) 0%,
        rgba(31, 3, 16, 0.98) 62%,
        rgba(18, 1, 8, 0.98) 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 14px !important;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.52),
        0 0 20px rgba(255, 45, 115, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Advanced Search heading */
html body .ow_content form#MainSearchForm > h3,
html body .ow_content form#MainSearchForm h3.ow_std_margin {
    margin: 18px 0 9px !important;
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.2px !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.72) !important;
}

/* Search rows */
html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td {
    box-sizing: border-box !important;
    padding: 12px 14px !important;
    vertical-align: middle !important;

    color: #fff5f9 !important;
    background: rgba(102, 20, 55, 0.38) !important;

    border: 0 !important;
    border-top: 1px solid rgba(255, 116, 166, 0.22) !important;
    border-bottom: 1px solid rgba(255, 116, 166, 0.22) !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter):nth-child(even) > td {
    background: rgba(67, 10, 36, 0.52) !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter):hover > td {
    background: rgba(132, 22, 65, 0.50) !important;
    border-color: rgba(255, 126, 174, 0.36) !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td:first-child {
    border-left: 1px solid rgba(255, 116, 166, 0.22) !important;
    border-radius: 9px 0 0 9px !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td:last-child {
    border-right: 1px solid rgba(255, 116, 166, 0.22) !important;
    border-radius: 0 9px 9px 0 !important;
}

/* BASIC and other Advanced Search section headings */
html body .ow_content form#MainSearchForm table.ow_form tr.ow_tr_first > th,
html body .ow_content form#MainSearchForm table.ow_form th.ow_section {
    padding: 12px 18px !important;

    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        #2b0717 0%,
        #641436 50%,
        #2b0717 100%
    ) !important;

    border: 1px solid rgba(255, 101, 157, 0.44) !important;
    border-left: 5px solid #ff3f80 !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.7px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.72) !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.34),
        0 0 13px rgba(255, 50, 120, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}

html body .ow_content form#MainSearchForm table.ow_form th.ow_section span {
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    font: inherit !important;
    text-shadow: inherit !important;
}

/* Labels and descriptions */
html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form td.ow_label {
    width: 21% !important;
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    text-align: right !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.70) !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form td.ow_value {
    width: 54% !important;
    color: #fff8fb !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form td.ow_desc {
    width: 25% !important;
    color: #dfaabd !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

/* Text fields and dropdowns */
html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
:is(input[type="text"], input[type="number"], input[type="search"], select, textarea) {
    min-height: 40px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    padding: 8px 11px !important;

    color: #fff8fb !important;
    background: #19030d !important;

    border: 1px solid #a72a5a !important;
    border-radius: 7px !important;
    outline: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    color-scheme: dark !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.55),
        0 0 0 rgba(255, 55, 125, 0) !important;

    transition:
        border-color 0.17s ease,
        background 0.17s ease,
        box-shadow 0.17s ease !important;
}

html body .ow_content form#UsernameSearchForm input[type="text"] {
    width: 100% !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
:is(input[type="text"], input[type="number"], input[type="search"], select, textarea):focus {
    color: #ffffff !important;
    background: #270512 !important;
    border-color: #ff6099 !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.45),
        0 0 0 3px rgba(255, 70, 140, 0.20),
        0 0 13px rgba(255, 55, 125, 0.30) !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm) select option {
    color: #ffffff !important;
    background: #210410 !important;
}

/* Checkboxes and radio controls */
html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
:is(input[type="checkbox"], input[type="radio"]) {
    width: 18px !important;
    height: 18px !important;

    margin: 0 7px 0 0 !important;
    padding: 0 !important;

    vertical-align: middle !important;
    accent-color: #ff3f80 !important;
    cursor: pointer !important;
}

html body .ow_content form#MainSearchForm
:is(ul.ow_checkbox_group, ul.ow_radio_group) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(155px, 1fr)) !important;
    gap: 7px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

html body .ow_content form#MainSearchForm
:is(ul.ow_checkbox_group, ul.ow_radio_group) > li {
    display: flex !important;
    float: none !important;
    align-items: center !important;

    width: auto !important;
    min-height: 37px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 10px !important;

    color: #fff4f8 !important;
    background: rgba(20, 2, 10, 0.50) !important;

    border: 1px solid rgba(255, 104, 157, 0.25) !important;
    border-radius: 7px !important;

    font-size: 15px !important;
    line-height: 1.25 !important;
}

/* Form validation */
html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
:is(.error, .ow_error, span.error) {
    display: block !important;
    margin-top: 6px !important;
    color: #ff9fc1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Submit rows remain clean so the existing Taboo buttons can shine. */
html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form td.ow_submit {
    padding: 17px 10px 10px !important;
    background: transparent !important;
    border: 0 !important;
    text-align: center !important;
}

/* Stack the search form into readable cards on narrow screens. */
@media (max-width: 760px) {
    html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
    table.ow_form,
    html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
    table.ow_form > tbody,
    html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
    table.ow_form > tbody > tr {
        display: block !important;
        width: 100% !important;
    }

    html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
    table.ow_form {
        padding: 6px !important;
    }

    html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
    table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) {
        margin-bottom: 9px !important;
        padding: 11px !important;

        background: rgba(91, 15, 49, 0.42) !important;
        border: 1px solid rgba(255, 111, 164, 0.27) !important;
        border-radius: 9px !important;
    }

    html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
    table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td {
        display: block !important;
        width: 100% !important;

        padding: 5px 3px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        text-align: left !important;
    }

    html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
    table.ow_form td.ow_label {
        padding-bottom: 4px !important;
        color: #ffb4cf !important;
    }

    html body .ow_content form#MainSearchForm
    :is(ul.ow_checkbox_group, ul.ow_radio_group) {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   TABOO! DATING - COMPATIBILITY BAR
   ========================================================== */

html body
.profile-MATCHMAKING_CMP_CompatibilityWidget
.ow_box_empty.ow_highbox {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    min-height: 70px !important;

    margin: 12px 0 20px !important;
    padding: 14px 20px !important;

    text-align: center !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #1b5864 0%,
        #124650 55%,
        #0a2d33 100%
    ) !important;

    border: 2px solid #62f2ff !important;
    border-radius: 12px !important;

    box-shadow:
        0 0 18px rgba(65,230,255,.45),
        inset 0 1px 0 rgba(255,255,255,.18) !important;

    font-family: Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Percentage */

html body
.profile-MATCHMAKING_CMP_CompatibilityWidget
.ow_txt_value {
    display: inline-block !important;

    margin-left: 6px !important;

    color: #ffffff !important;

    font-size: 42px !important;
    font-weight: 900 !important;

    text-shadow:
        0 0 8px rgba(98,242,255,.75),
        0 0 18px rgba(98,242,255,.45);
}

/* Decorative hearts */

html body
.profile-MATCHMAKING_CMP_CompatibilityWidget
.ow_box_empty.ow_highbox::before {
    content: "\2665" !important;
    font-size: 26px;
}

html body
.profile-MATCHMAKING_CMP_CompatibilityWidget
.ow_box_empty.ow_highbox::after {
    content: "\2665" !important;
    font-size: 26px;
}

/* ==========================================================
   TABOO! DATING - MATCH LIST PROFILE CARDS
   Avatar, name, gender/age, compatibility, verified badge
   ========================================================== */


/* ----------------------------------------------------------
   Match list layout
   ---------------------------------------------------------- */

html body .ow_ulist_big {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 14px !important;
}


/* ----------------------------------------------------------
   Complete profile card
   ---------------------------------------------------------- */

html body .ow_ulist_big_item {
    display: flex !important;
    float: none !important;

    width: calc(25% - 11px) !important;
    box-sizing: border-box !important;

    margin: 0 0 18px !important;
    padding: 0 !important;
}


html body .ow_ulist_big_item_cont {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 9px !important;

    background: linear-gradient(
        180deg,
        #430923 0%,
        #2b0517 55%,
        #17020c 100%
    ) !important;

    border: 1px solid rgba(255, 75, 135, 0.66) !important;
    border-radius: 11px !important;

    overflow: hidden !important;

    box-shadow:
        0 5px 13px rgba(0, 0, 0, 0.50),
        0 0 13px rgba(255, 45, 115, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

    transition:
        transform 0.17s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


html body .ow_ulist_big_item_cont:hover {
    transform: translateY(-3px) !important;

    border-color: #ff94bd !important;

    box-shadow:
        0 9px 20px rgba(0, 0, 0, 0.58),
        0 0 20px rgba(255, 65, 135, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}


/* ----------------------------------------------------------
   Avatar area
   ---------------------------------------------------------- */

html body .ow_ulist_big_avatar {
    position: relative !important;

    width: 100% !important;
    height: 180px !important;
    box-sizing: border-box !important;

    margin: 0 !important;

    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 8px 8px 4px 4px !important;

    overflow: hidden !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.48),
        0 0 11px rgba(255, 55, 125, 0.28) !important;

    transition:
        transform 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


html body .ow_ulist_big_item_cont:hover .ow_ulist_big_avatar {
    transform: scale(1.015) !important;
    border-color: #ff9ac1 !important;

    box-shadow:
        0 5px 13px rgba(0, 0, 0, 0.54),
        0 0 16px rgba(255, 70, 140, 0.45) !important;
}


/* ----------------------------------------------------------
   Bookmark / corner controls
   ---------------------------------------------------------- */

html body .ow_ulist_big_avatar_bookmark {
    position: absolute !important;
    top: 7px !important;
    right: 7px !important;

    width: 27px !important;
    height: 27px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: rgba(25, 2, 13, 0.86) !important;

    border: 1px solid #ff6a9f !important;
    border-radius: 50% !important;

    box-shadow:
        0 2px 7px rgba(0, 0, 0, 0.48),
        0 0 8px rgba(255, 55, 125, 0.34) !important;
}


/* ----------------------------------------------------------
   Information panel beneath avatar
   ---------------------------------------------------------- */

html body .ow_ulist_big_info {
    position: static !important;

    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;

    width: 100% !important;
    min-height: 150px !important;
    box-sizing: border-box !important;

    margin: 9px 0 0 !important;
    padding: 10px 8px 9px !important;

    color: #ffe4ef !important;

    background: linear-gradient(
        145deg,
        rgba(78, 13, 42, 0.64) 0%,
        rgba(34, 4, 19, 0.78) 100%
    ) !important;

    border: 1px solid rgba(255, 95, 150, 0.24) !important;
    border-radius: 7px !important;

    text-align: center !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}


/* ----------------------------------------------------------
   Username row
   ---------------------------------------------------------- */

html body .ow_ulist_big_info > .clearfix {
    width: 100% !important;

    margin: 0 0 7px !important;
    padding: 0 0 7px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;

    text-align: center !important;
}


html body .ow_ulist_big_info_name,
html body .ow_ulist_big_info_name a,
html body .ow_ulist_big_info > .clearfix a {
    float: none !important;

    display: inline !important;

    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ff8fbd !important;

    font-family: Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.90),
        0 0 7px rgba(255, 75, 145, 0.30) !important;
}


html body .ow_ulist_big_info_name a:hover,
html body .ow_ulist_big_info > .clearfix a:hover {
    color: #ffffff !important;

    text-shadow:
        0 0 10px rgba(255, 95, 160, 0.72) !important;
}


/* ----------------------------------------------------------
   Gender and age
   ---------------------------------------------------------- */

html body .ow_ulist_big_info_gender {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 2px 0 9px !important;

    color: #ffdce9 !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    text-align: center !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.13) !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
}


/* ----------------------------------------------------------
   Compatibility section
   Uses the existing Compatibility label from the HTML
   ---------------------------------------------------------- */

html body .ow_ulist_big_compatibility {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 1 1 auto !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 9px 0 0 !important;
    padding: 10px 5px 8px !important;

    color: #bdfaff !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;

    text-align: center !important;

    background: linear-gradient(
        180deg,
        rgba(21, 100, 108, 0.32) 0%,
        rgba(8, 49, 56, 0.24) 100%
    ) !important;

    border: 1px solid rgba(100, 242, 255, 0.28) !important;
    border-radius: 7px !important;

    text-shadow:
        0 0 6px rgba(98, 242, 255, 0.26) !important;
}


/* Decorative heart above the existing Compatibility label */
html body .ow_ulist_big_compatibility::before {
    content: "\2665" !important;

    display: block !important;

    margin: 0 0 3px !important;

    color: #7ff7ff !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    text-align: center !important;

    text-shadow:
        0 0 7px rgba(98, 242, 255, 0.78),
        0 0 14px rgba(98, 242, 255, 0.42) !important;
}


/* Compatibility percentage */
html body .ow_ulist_big_compatibility b,
html body .ow_ulist_big_compatibility strong,
html body .ow_ulist_big_compatibility span {
    display: block !important;

    margin: 4px 0 0 !important;

    color: #7ff7ff !important;

    font-family: Arial, sans-serif !important;
    font-size: 31px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    text-align: center !important;

    text-shadow:
        0 0 8px rgba(98, 242, 255, 0.78),
        0 0 16px rgba(98, 242, 255, 0.42) !important;
}


/* ----------------------------------------------------------
   Responsive fallback
   ---------------------------------------------------------- */

@media (max-width: 620px) {
    html body .ow_ulist_big_item {
        width: calc(50% - 7px) !important;
    }

    html body .ow_ulist_big_avatar {
        height: 200px !important;
    }
}

/* ==========================================================
   TABOO! DATING - MATCH CARDS
   ========================================================== */

/* ----------------------------------------------------------
   Match-card bookmark button
   ---------------------------------------------------------- */

html body .ow_ulist_big_avatar {
    position: relative !important;
}

/* Keep the plugin marker available to JavaScript, but invisible */
html body .ow_bookmark_icon,
html body .ow_bookmark_icon_ulist {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;

    background: none !important;
    background-image: none !important;

    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

/* Clickable heart button */
html body .ow_ulist_big_avatar_bookmark {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;

    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    white-space: nowrap !important;

    background: rgba(40, 10, 25, .88) !important;
    border: 1px solid #ff4b86 !important;
    border-radius: 50% !important;

    box-shadow: 0 0 8px rgba(255, 75, 134, .45) !important;

    cursor: pointer !important;
    z-index: 30 !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}

/* Not bookmarked */
html body .ow_ulist_big_avatar_bookmark::after {
    content: "\2661" !important;

    position: absolute !important;
    inset: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-indent: 0 !important;
}

/* Bookmarked */
html body .ow_ulist_big_avatar_bookmark.bookmarked {
    background: rgba(75, 8, 35, .95) !important;
    border-color: #ff356f !important;

    box-shadow:
        0 0 10px rgba(255, 53, 111, .65),
        inset 0 0 8px rgba(255, 53, 111, .15) !important;
}

html body .ow_ulist_big_avatar_bookmark.bookmarked::after {
    content: "\2665" !important;

    color: #ff356f !important;

    text-shadow:
        0 0 6px rgba(255, 53, 111, .95),
        0 0 12px rgba(255, 53, 111, .65) !important;
}

/* Hover */
html body .ow_ulist_big_avatar_bookmark:hover {
    background: #ff4b86 !important;
    border-color: #ff77a6 !important;

    box-shadow: 0 0 14px rgba(255, 75, 134, .8) !important;

    transform: scale(1.08) !important;
}

html body .ow_ulist_big_avatar_bookmark:hover::after {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* ======================================================================
   07. DISCOVER / MATCH GAME PLUGIN

   Discover cards, detail panel, filters, action buttons, and control guide.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - DISCOVER EMPTY STATE
   ========================================================== */

.discover-cards-empty-wrapper .discover-cards-empty-img {
    display: block !important;
    width: 320px !important;
    max-width: 75% !important;
    height: auto !important;
    margin: 10px auto 18px !important;
}

.discover-cards-empty-title {
    font-size: 27px !important;
    line-height: 1.3 !important;
}

.discover-cards-empty-text {
    font-size: 21px !important;
    line-height: 1.4 !important;
}

/* ==========================================================
   TABOO! DATING - DISCOVER BUTTONS
   ========================================================== */

.discover-panel-action {
    width: 82px !important;
    height: 82px !important;
    padding: 8px !important;

    background-color: rgba(15, 15, 15, 0.65) !important;
    background-size: 64px 64px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    border: 2px solid rgba(255, 70, 120, 0.25) !important;
    border-radius: 50% !important;

    box-shadow:
        0 0 12px rgba(255, 0, 80, 0.35),
        inset 0 0 8px rgba(255, 255, 255, 0.08);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.discover-panel.active .discover-panel-action:hover {
    transform: scale(1.12);
    border-color: rgba(255, 90, 140, 0.75) !important;

    box-shadow:
        0 0 22px rgba(255, 0, 110, 0.65),
        inset 0 0 10px rgba(255, 255, 255, 0.15);
}

/* ==========================================================
   TABOO! DATING - DISCOVER CARDS
   ========================================================== */

.discover-card,
.ow_discover_game_cards_display:before,
.ow_discover_game_cards_display:after {
    border: 8px solid #2b1b24 !important;
    border-bottom: 16px solid #2b1b24 !important;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.55),
        0 0 12px rgba(255, 0, 80, 0.18) !important;
}

.discover-card-info-name {
    font-size: 27px !important;
    line-height: 1.25 !important;
}

.discover-card-info-distance,
.discover-card-extra-info-about-text,
.discover-card-extra-info-compatibility-title {
    font-size: 19px !important;
    line-height: 1.4 !important;
}

.discover_sex_form,
.discover_sex_form select {
    font-size: 21px !important;
    line-height: 1.4 !important;
}

/* ==========================================================
   TABOO! DATING - DISCOVER CARD INFORMATION
   Normal name bar and expanded profile panel
   ========================================================== */

/* ==========================================================
   NORMAL BOTTOM INFORMATION BAR
   ========================================================== */

html body .discover-card-info {
    position: absolute !important;

    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    width: auto !important;
    height: auto !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 10px 12px 10px 16px !important;

    background: linear-gradient(
        90deg,
        rgba(37, 9, 19, 0.94) 0%,
        rgba(75, 23, 48, 0.92) 55%,
        rgba(37, 9, 19, 0.94) 100%
    ) !important;

    border: 1px solid rgba(255, 90, 145, 0.42) !important;
    border-left: 4px solid #ff4b86 !important;
    border-radius: 12px !important;

    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.48),
        0 0 14px rgba(255, 40, 110, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}


/* Name and age in normal bottom bar */
html body .discover-card-info > .discover-card-info-name {
    display: block !important;
    flex: 1 1 auto !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: left !important;

    text-shadow:
        0 2px 3px rgba(0, 0, 0, 0.90),
        0 0 7px rgba(255, 70, 130, 0.28) !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ==========================================================
   PROFILE INFORMATION BUTTON
   ========================================================== */

html body .discover-card-info > .discover-panel-extra-info {
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 38px !important;

    width: 38px !important;
    height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #8e1845 0%,
        #621330 55%,
        #39091b 100%
    ) !important;

    border: 2px solid #ff6a9f !important;
    border-radius: 50% !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.42),
        0 0 11px rgba(255, 60, 130, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;

    cursor: pointer !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


/* Keep the information icon centered */
html body .discover-card-info > .discover-panel-extra-info,
html body .discover-card-info > .discover-panel-extra-info * {
    color: #ffffff !important;
    fill: #ffffff !important;

    font-size: 19px !important;
    line-height: 1 !important;
}


/* Information button hover */
html body .discover-card-info > .discover-panel-extra-info:hover {
    background: linear-gradient(
        180deg,
        #b21f57 0%,
        #7d1840 55%,
        #4d0d25 100%
    ) !important;

    border-color: #ffc1d8 !important;

    transform: translateY(-2px) scale(1.06) !important;

    box-shadow:
        0 6px 13px rgba(0, 0, 0, 0.52),
        0 0 18px rgba(255, 70, 140, 0.62),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}


/* Information button pressed */
html body .discover-card-info > .discover-panel-extra-info:active {
    transform: translateY(1px) scale(0.96) !important;
}

/* ==========================================================
   EXPANDED INFORMATION PANEL
   Activates when the plugin removes display:none
   ========================================================== */

html body
.discover-card-info:has(
    > .discover-card-extra-info[style*="display: block"]
){
    top: 18px !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;

    width: auto !important;
    height: auto !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 18px !important;

    background: linear-gradient(
        145deg,
        rgba(47, 7, 27, 0.98) 0%,
        rgba(22, 3, 13, 0.98) 100%
    ) !important;

    border: 1px solid rgba(255, 90, 145, 0.48) !important;
    border-left: 4px solid #ff4b86 !important;
    border-radius: 12px !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.62),
        0 0 20px rgba(255, 45, 115, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

    overflow: hidden !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ==========================================================
   EXPANDED PANEL — NAME AT TOP
   ========================================================== */

html body
.discover-card-info:has(
    > .discover-card-extra-info[style*="display: block"]
)
> .discover-card-info-name {
    position: static !important;

    display: block !important;
    flex: 0 0 auto !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 0 14px !important;
    padding: 0 0 12px !important;

    color: #ffffff !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;

    font-family: Arial, sans-serif !important;
    font-size: 23px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    text-shadow:
        0 2px 3px rgba(0, 0, 0, 0.90),
        0 0 8px rgba(255, 70, 135, 0.35) !important;
}

/* ==========================================================
   EXPANDED PANEL CONTENT
   ========================================================== */

html body
.discover-card-info:has(
    > .discover-card-extra-info[style*="display: block"]
)
> .discover-card-extra-info {
    position: static !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    flex: 1 1 auto !important;

    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    overflow: hidden !important;
}


/* Hide the normal information circle while panel is expanded */
html body
.discover-card-info:has(
    > .discover-card-extra-info[style*="display: block"]
)
> .discover-panel-extra-info {
    display: none !important;
}


/* Reset expanded panel box sizing */
html body
.discover-card-info:has(
    > .discover-card-extra-info[style*="display: block"]
)
> .discover-card-extra-info {
    box-sizing: border-box !important;
}

/* Reset box sizing for everything inside expanded panel */
html body
.discover-card-info:has(
    > .discover-card-extra-info[style*="display: block"]
)
> .discover-card-extra-info * {
    box-sizing: border-box !important;
}

/* ==========================================================
   COMPATIBILITY SECTION
   ========================================================== */

html body .discover-card-extra-info-compatibility {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 0 14px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
}


/* Compatibility label */
html body .discover-card-extra-info-compatibility-title {
    display: block !important;
    flex: 1 1 auto !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffd8e7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-align: left !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}


/* Compatibility percentage */
html body .discover-card-extra-info-compatibility-value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    min-width: 62px !important;

    margin: 0 !important;
    padding: 6px 10px !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #d42063 55%,
        #9d1044 100%
    ) !important;

    border: 1px solid #ffc2d8 !important;
    border-radius: 7px !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-align: center !important;
    white-space: nowrap !important;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.38),
        0 0 9px rgba(255, 70, 140, 0.35) !important;
}

/* ==========================================================
   ABOUT ME SECTION
   ========================================================== */

html body .discover-card-extra-info-about {
    display: block !important;
    flex: 1 1 auto !important;

    width: 100% !important;
    min-height: 0 !important;

    margin: 14px 0 !important;
    padding: 0 0 14px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;

    overflow: hidden !important;
}


/* About Me title */
html body .discover-card-extra-info-about-title {
    display: block !important;

    width: 100% !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #ffb7d0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;
}


/* About Me text */
html body .discover-card-extra-info-about-text {
    display: block !important;

    width: 100% !important;
    max-height: 105px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 5px !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    text-align: center !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* ==========================================================
   VIEW PROFILE BUTTON
   ========================================================== */

html body .discover-card-extra-info a {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;

    width: fit-content !important;
    min-width: 150px !important;
    min-height: 42px !important;
    box-sizing: border-box !important;

    margin: auto auto 0 !important;
    padding: 8px 18px !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #8e1845 0%,
        #621330 55%,
        #39091b 100%
    ) !important;

    border: 2px solid #ff5b95 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.42),
        0 0 11px rgba(255, 60, 130, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}


/* View Profile hover */
html body .discover-card-extra-info a:hover {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #b21f57 0%,
        #7d1840 55%,
        #4d0d25 100%
    ) !important;

    border-color: #ffc1d8 !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.50),
        0 0 16px rgba(255, 70, 140, 0.52),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

/* ==========================================================
   TABOO! DATING - DISCOVER USER FILTER
   "Show users" selector
   ========================================================== */

html body .discover_sex_form {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;

    float: none !important;

    width: fit-content !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    margin: 8px auto 18px !important;
    padding: 10px 14px !important;

    color: #ffffff !important;

    background: linear-gradient(
        90deg,
        #250913 0%,
        #4b1730 50%,
        #250913 100%
    ) !important;

    border: 1px solid rgba(255, 70, 120, 0.30) !important;
    border-left: 4px solid #ff3b7a !important;
    border-radius: 12px !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.45),
        0 0 14px rgba(255, 30, 90, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* "Show users" label */
html body .discover_sex_form {
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.85),
        0 0 6px rgba(255, 70, 120, 0.25) !important;
}

/* Dropdown */
html body .discover_sex_form select,
html body #discover-gender-select {
    display: inline-block !important;

    width: auto !important;
    min-width: 190px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 7px 42px 7px 14px !important;

    color: #111111 !important;
    caret-color: #111111 !important;

    background-color: #ffffff !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.18),
        0 0 9px rgba(255, 50, 120, 0.28) !important;

    outline: none !important;
    cursor: pointer !important;

    transition:
        border-color 0.20s ease,
        box-shadow 0.20s ease,
        transform 0.15s ease !important;
}

/* Hover */
html body .discover_sex_form select:hover,
html body #discover-gender-select:hover {
    border-color: #ff8ab6 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.16),
        0 0 14px rgba(255, 70, 140, 0.48) !important;
}

/* Focus */
html body .discover_sex_form select:focus,
html body #discover-gender-select:focus {
    border-color: #ffc2d8 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.14),
        0 0 17px rgba(255, 70, 140, 0.65) !important;
}

/* ==========================================================
   TABOO! DATING - DISCOVER / MATCH CONTROL GUIDE
   Hide / Nope / Like / Super Like
   Keep this block at the END of the site's Custom CSS.
   ========================================================== */

/* ---------- Toolbar panel ---------- */

html body .discover-toolbar-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: fit-content !important;
    max-width: calc(100% - 20px) !important;
    box-sizing: border-box !important;

    margin: 24px auto 12px !important;
    padding: 9px !important;

    color: #fff3f8 !important;

    background: linear-gradient(
        145deg,
        rgba(79, 9, 46, 0.98) 0%,
        rgba(39, 3, 25, 0.98) 100%
    ) !important;

    border: 1px solid rgba(255, 81, 151, 0.68) !important;
    border-radius: 14px !important;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.46),
        0 0 18px rgba(255, 35, 125, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* ---------- Hide / Show button ---------- */

html body .discover-toolbar-wrap .discover-toolbar-control {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 88px !important;
    min-height: 44px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 9px 15px !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #9e1a50 0%,
        #6c0e39 58%,
        #420720 100%
    ) !important;

    border: 1px solid #ff6da5 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.02em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72) !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;

    cursor: pointer !important;
    appearance: none !important;

    transition:
        transform 0.15s ease,
        background 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease !important;
}

/* Add a directional indicator. */
html body .discover-toolbar-wrap .discover-toolbar-control::before {
    content: "" !important;
    display: inline-block !important;

    color: #ffd3e3 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    transition: transform 0.18s ease !important;
}

/* Point downward when the guide is collapsed. */
html body .discover-toolbar-wrap:not(.discover-cards-tips-show)
.discover-toolbar-control::before {
    transform: rotate(180deg) !important;
}

html body .discover-toolbar-wrap .discover-toolbar-control:hover,
html body .discover-toolbar-wrap .discover-toolbar-control:focus-visible {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #d62b6c 0%,
        #a01650 58%,
        #680c32 100%
    ) !important;

    border-color: #ffd0e1 !important;

    box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.48),
        0 0 15px rgba(255, 63, 137, 0.44),
        inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;

    transform: translateY(-1px) !important;
    outline: none !important;
}

/* ---------- Nope / Like / Super Like guide ---------- */

html body .discover-toolbar-wrap .discover-toolbar-body {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: auto !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #fff3f8 !important;
}

/*
 * Each direct guide item becomes its own pill.
 * This supports spans, divs, labels, and anchors used by
 * different releases of the Discover plugin.
 */
html body .discover-toolbar-wrap .discover-toolbar-body > * {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    min-height: 40px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 11px !important;

    color: #ffeef5 !important;
    background: rgba(255, 255, 255, 0.055) !important;

    border: 1px solid rgba(255, 115, 169, 0.40) !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.025em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 2px 6px rgba(0, 0, 0, 0.25) !important;
}

/* Keep nested icon and label elements properly aligned. */
html body .discover-toolbar-wrap .discover-toolbar-body > * > * {
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Existing keyboard-key graphics */
html body .discover-toolbar-wrap .discover-toolbar-body kbd,
html body .discover-toolbar-wrap .discover-toolbar-body [class*="key"],
html body .discover-toolbar-wrap .discover-toolbar-body i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 23px !important;
    height: 23px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 2px 5px !important;

    color: #ffffff !important;
    background: #73113d !important;

    border: 1px solid #ff82af !important;
    border-radius: 5px !important;

    font-style: normal !important;
    font-size: 14px !important;
    line-height: 1 !important;

    box-shadow:
        0 2px 0 #3d071f,
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* ---------- Color-code the three actions ---------- */

/* First item: Nope */
html body .discover-toolbar-wrap .discover-toolbar-body > *:nth-child(1) {
    color: #ffd7e1 !important;
    background: linear-gradient(
        180deg,
        rgba(142, 25, 58, 0.82),
        rgba(75, 8, 30, 0.92)
    ) !important;
    border-color: rgba(255, 104, 135, 0.68) !important;
}

/* Second item: Like */
html body .discover-toolbar-wrap .discover-toolbar-body > *:nth-child(2) {
    color: #fff2f8 !important;
    background: linear-gradient(
        180deg,
        rgba(204, 30, 102, 0.88),
        rgba(119, 12, 57, 0.94)
    ) !important;
    border-color: rgba(255, 108, 164, 0.82) !important;

    box-shadow:
        0 0 10px rgba(255, 40, 120, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* Third item: Super Like */
html body .discover-toolbar-wrap .discover-toolbar-body > *:nth-child(3) {
    color: #fff4fb !important;
    background: linear-gradient(
        180deg,
        rgba(133, 47, 159, 0.86),
        rgba(73, 17, 91, 0.94)
    ) !important;
    border-color: rgba(229, 139, 255, 0.78) !important;

    box-shadow:
        0 0 11px rgba(209, 82, 255, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* ---------- Smooth reveal when supported ---------- */

html body .discover-toolbar-wrap.discover-cards-tips-show
.discover-toolbar-body {
    animation: tabooDiscoverGuideOpen 0.20s ease-out both !important;
}

@keyframes tabooDiscoverGuideOpen {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ---------- Smaller screens ---------- */

@media (max-width: 600px) {
    html body .discover-toolbar-wrap {
        width: calc(100% - 16px) !important;
        padding: 8px !important;
    }

    html body .discover-toolbar-wrap .discover-toolbar-control {
        width: 100% !important;
    }

    html body .discover-toolbar-wrap .discover-toolbar-body {
        width: 100% !important;
    }

    html body .discover-toolbar-wrap .discover-toolbar-body > * {
        flex: 1 1 110px !important;
    }
}

/* ======================================================================
   08. PHOTOS, ALBUMS & PHOTO CONTESTS

   Photo lists, viewers, navigation, uploads, cards, contests, and comments.
   ====================================================================== */


/* ==========================================================
   TABOO! DATING - PHOTO LISTS
   ========================================================== */

.ow_photo_list_item {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 12px 0 !important;
}

.ow_photo_list_item_thumb,
.ow_photo_list_item_thumb img {
    width: 160px !important;
    height: 160px !important;
}

/* ==========================================================
   TABOO! DATING - PHOTO VIEW
   ========================================================== */

.ow_photoview_user {
    min-height: 78px !important;
    overflow: visible !important;
}

.ow_photoview_user .ow_user_list_picture {
    float: left !important;
    width: 70px !important;
    margin-right: -70px !important;
}

.ow_photoview_user .ow_user_list_picture .ow_avatar,
.ow_photoview_user .ow_user_list_picture .ow_avatar img {
    width: 60px !important;
    height: 60px !important;
}

.ow_photoview_user .ow_user_list_data {
    margin-left: 82px !important;
    min-height: 70px !important;
    display: block !important;
}

/* ==========================================================
   TABOO! DATING - LARGER PROFILE THUMBNAILS
   ========================================================== */

/* Photo albums */
.ow_lp_photos .ow_lp_wrapper,
.ow_lp_albums .ow_lp_wrapper {
    width: 80px !important;
    height: 80px !important;
    padding: 2px !important;
}

.ow_lp_photos img,
.ow_lp_albums img {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover !important;
    display: block !important;
}

/* Friends */
.ow_lp_avatars .ow_avatar,
.ow_lp_avatars .ow_avatar img {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover !important;
}

.ow_lp_avatars .ow_avatar {
    margin: 3px !important;
}

/* ==========================================================
   TABOO! DATING - PHOTO ALBUM FORM
   ========================================================== */

#photo-album-form {
    padding-bottom: 70px !important;
}

#ow_photo_upload_submit {
    display: block !important;
    clear: both !important;
    float: none !important;
    margin-top: 30px !important;
    text-align: right !important;
    position: relative !important;
    z-index: 50 !important;
}

#ow_photo_privacy_settings {
    display: block !important;
    clear: both !important;
    margin-bottom: 25px !important;
}

#photo-album-list {
    margin-bottom: 20px !important;
}

/* ==========================================================
   TABOO! DATING - PHOTO BROWSE HEADER
   ========================================================== */

html body .ow_box_menu.ow_fw_menu {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;

    margin: 0 0 18px !important;
    padding: 10px 14px !important;

    background: linear-gradient(
        90deg,
        #250913 0%,
        #4b1730 50%,
        #250913 100%
    ) !important;

    border: 1px solid rgba(255,70,120,.30) !important;
    border-left: 4px solid #ff3b7a !important;
    border-radius: 12px !important;

    box-shadow:
        0 3px 8px rgba(0,0,0,.45),
        0 0 14px rgba(255,30,90,.18),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Show: label */

html body .ow_explore_photos_show {
    color: #ffffff !important;

    font-size: 19px !important;
    font-weight: 700 !important;

    margin-right: 8px !important;
}

/* Button row */

html body .ow_fw_btns {
    display: flex !important;
    gap: 8px !important;
}

/* Individual buttons */

html body .ow_fw_btns a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 7px 16px !important;

    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 55%,
        #2b0816 100%
    ) !important;

    color: #ffffff !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 8px !important;

    text-decoration: none !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    transition: all .18s ease !important;

    box-shadow:
        0 2px 6px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* Hover */

html body .ow_fw_btns a:hover {
    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 55%,
        #340a1a 100%
    ) !important;

    border-color: #ff8ab6 !important;

    transform: translateY(-1px);

    box-shadow:
        0 4px 10px rgba(0,0,0,.55),
        0 0 12px rgba(255,60,130,.45) !important;
}

/* Active button */

html body .ow_fw_btns a.active {
    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #d42063 55%,
        #9d1044 100%
    ) !important;

    border-color: #ffc2d8 !important;

    box-shadow:
        0 0 14px rgba(255,80,140,.60),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}

/* ==========================================================
   TABOO! DATING - PHOTO NAVIGATION TABS
   Explore / My Photos
   ========================================================== */

html body .ow_content_menu_wrap {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

html body ul.ow_content_menu {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 8px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px !important;

    background: linear-gradient(
        90deg,
        #250913 0%,
        #4b1730 50%,
        #250913 100%
    ) !important;

    border: 1px solid rgba(255, 70, 120, 0.30) !important;
    border-left: 4px solid #ff3b7a !important;
    border-radius: 12px !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.45),
        0 0 14px rgba(255, 30, 90, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body ul.ow_content_menu > li {
    display: block !important;
    float: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

html body ul.ow_content_menu > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-height: 42px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 16px !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 55%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;

    transition:
        transform 0.15s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease,
        background 0.20s ease !important;
}

/* Icons inside Explore / My Photos */
html body ul.ow_content_menu > li > a span {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Hovered tab */
html body ul.ow_content_menu > li > a:hover {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 55%,
        #340a1a 100%
    ) !important;

    border-color: #ff8ab6 !important;

    transform: translateY(-1px);

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.55),
        0 0 12px rgba(255, 60, 130, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* Selected tab */
html body ul.ow_content_menu > li.active > a,
html body ul.ow_content_menu > li > a.active {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #d42063 55%,
        #9d1044 100%
    ) !important;

    border-color: #ffc2d8 !important;

    box-shadow:
        0 0 14px rgba(255, 80, 140, 0.60),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* Remove any stock backgrounds from the menu icons */
html body ul.ow_content_menu .ow_ic_lens,
html body ul.ow_content_menu .ow_ic_picture,
html body ul.ow_content_menu [class*="ow_ic_"] {
    background-color: transparent !important;
}

/* ==========================================================
   TABOO! DATING - PHOTO SEARCH FIELD
   ========================================================== */

html body #photo-list-search {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    float: none !important;

    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    margin: 8px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

/* Search input */
html body #photo-list-search input[type="text"],
html body #photo-list-search input[type="search"] {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 48px 8px 14px !important;

    color: #111111 !important;
    caret-color: #111111 !important;

    background: #ffffff !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.20),
        0 0 8px rgba(255, 50, 120, 0.22) !important;

    outline: none !important;

    transition:
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}

html body #photo-list-search input[type="text"]::placeholder,
html body #photo-list-search input[type="search"]::placeholder {
    color: #666666 !important;
    opacity: 1 !important;
}

/* Focused search field */
html body #photo-list-search input[type="text"]:focus,
html body #photo-list-search input[type="search"]:focus {
    border-color: #ff8ab6 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.18),
        0 0 14px rgba(255, 70, 140, 0.55) !important;
}

/* Search icon/button on the right */
html body #photo-list-search a,
html body #photo-list-search button,
html body #photo-list-search input[type="submit"] {
    position: absolute !important;
    top: 50% !important;
    right: 6px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #4b0d26 100%
    ) !important;

    border: 1px solid #ff78aa !important;
    border-radius: 7px !important;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.35),
        0 0 7px rgba(255, 60, 130, 0.30) !important;

    cursor: pointer !important;
}

/* Hover search button */
html body #photo-list-search a:hover,
html body #photo-list-search button:hover,
html body #photo-list-search input[type="submit"]:hover {
    background: linear-gradient(
        180deg,
        #a51d50 0%,
        #651132 100%
    ) !important;

    border-color: #ffc2d8 !important;

    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.45),
        0 0 11px rgba(255, 70, 140, 0.55) !important;
}

/* ==========================================================
   TABOO! DATING - PHOTO BROWSE CARDS
   Photo image, information panel, links, ratings, comments
   ========================================================== */


/* ----------------------------------------------------------
   Complete photo card
   ---------------------------------------------------------- */

html body .ow_photo_item {
    box-sizing: border-box !important;

    background-color: #240413 !important;

    border: 1px solid rgba(255, 75, 135, 0.62) !important;
    border-radius: 10px !important;

    overflow: hidden !important;

    box-shadow:
        0 5px 13px rgba(0, 0, 0, 0.52),
        0 0 12px rgba(255, 45, 115, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}


/* ----------------------------------------------------------
   Photo itself
   ---------------------------------------------------------- */

html body .ow_photo_item img {
    display: block !important;

    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;

    border: 0 !important;
    border-bottom: 2px solid #ff4b86 !important;

    border-radius: 0 !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.38) !important;
}


/* ----------------------------------------------------------
   Information area beneath the photo
   Removes the stock white panel
   ---------------------------------------------------------- */

html body .ow_photo_item_info,
html body .ow_photo_item_info_user,
html body .ow_photo_item_info_album,
html body .ow_photo_item_info_description,
html body .ow_photo_comment_count {
    box-sizing: border-box !important;

    color: #f5dce8 !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}


/* Main information panel */
html body .ow_photo_item_info {
    width: 100% !important;

    margin: 0 !important;
    padding: 12px 11px 13px !important;

    background: linear-gradient(
        145deg,
        rgba(62, 8, 34, 0.98) 0%,
        rgba(29, 3, 16, 0.99) 100%
    ) !important;
}


/* ----------------------------------------------------------
   Photographer and album rows
   ---------------------------------------------------------- */

html body .ow_photo_item_info_user,
html body .ow_photo_item_info_album {
    display: block !important;

    width: 100% !important;

    margin: 0 0 8px !important;
    padding: 0 0 8px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.13) !important;

    color: #ffd9e8 !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
}


/* Links */
html body .ow_photo_item_info a,
html body .ow_photo_item_info_user a,
html body .ow_photo_item_info_album a,
html body .ow_photo_comment_count a {
    color: #ff83b8 !important;

    font-family: Arial, sans-serif !important;
    font-size: inherit !important;
    font-weight: 700 !important;
    line-height: inherit !important;

    text-decoration: none !important;

    transition:
        color 0.18s ease,
        text-shadow 0.18s ease !important;
}


html body .ow_photo_item_info a:hover,
html body .ow_photo_item_info_user a:hover,
html body .ow_photo_item_info_album a:hover,
html body .ow_photo_comment_count a:hover {
    color: #ffffff !important;

    text-shadow:
        0 0 8px rgba(255, 85, 155, 0.65) !important;
}


/* ----------------------------------------------------------
   Rating area
   ---------------------------------------------------------- */

html body .ow_photo_item .ow_rates_wrap {
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 8px 0 !important;
    padding: 8px 0 !important;

    color: #ffd26b !important;
    background: transparent !important;

    border-top: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11) !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}


/* Rating stars and surrounding elements */
html body .ow_photo_item .ow_rates_wrap *,
html body .ow_photo_item .ow_rate_score,
html body .ow_photo_item .ow_rate_score * {
    color: #ffd26b !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}


/* ----------------------------------------------------------
   Comment count
   ---------------------------------------------------------- */

html body .ow_photo_comment_count {
    display: block !important;

    width: 100% !important;

    margin: 5px 0 0 !important;
    padding: 4px 0 0 !important;

    color: #ffd9e8 !important;

    font-weight: 700 !important;
}


/* ----------------------------------------------------------
   Small selection/control button on photo corner
   ---------------------------------------------------------- */

html body .ow_photo_item .ow_photo_context_action,
html body .ow_photo_item .ow_context_action {
    background-color: rgba(29, 3, 16, 0.92) !important;

    border: 1px solid #ff659e !important;
    border-radius: 6px !important;

    box-shadow:
        0 2px 7px rgba(0, 0, 0, 0.48),
        0 0 8px rgba(255, 55, 125, 0.32) !important;
}


/* ----------------------------------------------------------
   Card hover
   ---------------------------------------------------------- */

html body .ow_photo_item {
    transition:
        transform 0.17s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


html body .ow_photo_item:hover {
    border-color: #ff8cba !important;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.58),
        0 0 18px rgba(255, 55, 130, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}

/* ==========================================================
   TABOO! DATING - THEMED PHOTO UPLOAD WINDOW
   Consolidated photo-upload treatment.
   ========================================================== */

/* ---------- Popup shell ---------- */

/*
 * Oxwall normally centers this canvas with calculated offsets. Replacing the
 * upload canvas with a viewport-sized flex layer prevents those old offsets
 * from pushing a resized popup off the left side of the screen.
 */
html body .floatbox_canvas.floatbox_canvas_active {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow: auto !important;
    transform: none !important;
}

html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container {
    position: relative !important;
    width: min(746px, calc(100vw - 28px)) !important;
    max-height: calc(100vh - 28px) !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    color: #f8eaf2 !important;
    background: linear-gradient(160deg, #31001f 0%, #1d0013 100%) !important;
    border: 1px solid #ff4fa6 !important;
    border-radius: 14px !important;
    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.72),
        0 0 28px rgba(255, 35, 132, 0.22) !important;
}

html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container .floatbox_header {
    position: relative !important;
    min-height: 54px !important;
    padding: 14px 58px 10px 18px !important;
    box-sizing: border-box !important;
    background: linear-gradient(90deg, #5c002f, #32001f) !important;
    border-bottom: 1px solid rgba(255, 79, 166, 0.55) !important;
}

html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container .floatbox_title {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.02em !important;
    text-shadow: 0 0 14px rgba(255, 79, 166, 0.34) !important;
}

html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container .floatbox_header .ow_box_cap_icons {
    position: absolute !important;
    top: 13px !important;
    right: 14px !important;
    z-index: 20 !important;
    float: none !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container .floatbox_header .ow_box_cap_icons a.ow_ic_delete.close {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #ff4fa6 !important;
    border-radius: 50% !important;
    background-color: #53002e !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 0 12px rgba(255, 79, 166, 0.25) !important;
}

/* The body scrolls; the popup itself never extends beyond the viewport. */
html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container .floatbox_body {
    max-height: calc(100vh - 98px) !important;
    padding: 18px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    box-sizing: border-box !important;
    color: #f8eaf2 !important;
    background: transparent !important;
    scrollbar-color: #ff4fa6 #260018 !important;
}

html body #add-new-photo-container,
html body #add-new-photo-container form[name="ajax-upload"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

html body #add-new-photo-container form[name="ajax-upload"] {
    display: flow-root !important;
}

/* ---------- Drag-and-drop area ---------- */

html body #add-new-photo-container .ow_photo_dragndrop {
    min-height: 112px !important;
    margin: 0 0 18px !important;
    padding: 18px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff2f8 !important;
    background:
        linear-gradient(135deg, rgba(255, 31, 132, 0.16), rgba(74, 0, 48, 0.48)) !important;
    border: 2px dashed rgba(255, 104, 178, 0.78) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 0 22px rgba(255, 38, 139, 0.10) !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    cursor: pointer !important;
}

html body #add-new-photo-container .ow_photo_dragndrop:hover {
    background:
        linear-gradient(135deg, rgba(255, 31, 132, 0.26), rgba(92, 0, 54, 0.58)) !important;
    border-color: #ff4fa6 !important;
    box-shadow:
        inset 0 0 24px rgba(255, 38, 139, 0.15),
        0 0 16px rgba(255, 79, 166, 0.18) !important;
}

/* ---------- Album and privacy controls ---------- */

html body #photo-album-form {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body #photo-album-form .ow_suggest_field,
html body #photo-album-form .ow_dropdown_btn,
html body #photo-album-form input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
    color: #311020 !important;
    background: #fff7fb !important;
    border: 1px solid #ff86bf !important;
    border-radius: 8px !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    box-shadow: inset 0 1px 3px rgba(44, 0, 25, 0.15) !important;
}

html body #add-new-photo-container .ow_photo_privacy_settings {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    color: #f8eaf2 !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(255, 103, 178, 0.34) !important;
    border-radius: 9px !important;
}

html body #add-new-photo-container .ow_photo_privacy_settings select {
    min-height: 38px !important;
    padding: 6px 34px 6px 10px !important;
    color: #311020 !important;
    background-color: #fff7fb !important;
    border: 1px solid #ff86bf !important;
    border-radius: 7px !important;
    font-size: 15px !important;
}

/* ---------- Submit area ---------- */

/* Normal document flow prevents the action from covering Privacy. */
html body #add-new-photo-container .ow_photo_upload_submit {
    position: static !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 18px 0 0 !important;
    padding: 14px 0 2px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 79, 166, 0.42) !important;
    box-shadow: none !important;
    text-align: right !important;
    transform: none !important;
}

html body #add-new-photo-container .ow_photo_upload_submit .ow_button,
html body #add-new-photo-container .ow_photo_upload_submit span.ow_button {
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body #add-new-photo-container .ow_photo_upload_submit input[type="submit"] {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    min-width: 150px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 10px 24px !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #f72f91 0%, #a90055 100%) !important;
    border: 1px solid #ff8dc5 !important;
    border-radius: 9px !important;
    box-shadow:
        0 5px 16px rgba(185, 0, 83, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.035em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 2px rgba(45, 0, 25, 0.55) !important;
    cursor: pointer !important;
}

html body #add-new-photo-container .ow_photo_upload_submit input[type="submit"]:hover,
html body #add-new-photo-container .ow_photo_upload_submit input[type="submit"]:focus-visible {
    background: linear-gradient(180deg, #ff55a9 0%, #c00062 100%) !important;
    border-color: #ffd0e7 !important;
    box-shadow:
        0 7px 20px rgba(210, 0, 96, 0.45),
        0 0 0 3px rgba(255, 113, 184, 0.22) !important;
    outline: none !important;
}

/* ---------- Smaller windows ---------- */

@media (max-width: 700px), (max-height: 650px) {
    html body .floatbox_canvas.floatbox_canvas_active {
        padding: 8px !important;
    }

    html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container {
        width: calc(100vw - 16px) !important;
        left: auto !important;
        right: auto !important;
        max-height: calc(100vh - 16px) !important;
        margin: 0 !important;
    }

    html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container .floatbox_body {
        max-height: calc(100vh - 80px) !important;
        padding: 12px !important;
    }

    html body #add-new-photo-container .ow_photo_dragndrop {
        min-height: 88px !important;
        padding: 12px !important;
        font-size: 14px !important;
    }

    html body #add-new-photo-container .ow_photo_upload_submit input[type="submit"] {
        width: 100% !important;
    }
}

/* ==========================================================
   TABOO! DATING - PHOTO CONTEST ACTION BUTTONS
   Delete / Edit / Flag / I'm Joining / No
   Keep this block at the END of the site's Custom CSS.
   ========================================================== */

/* ---------- Shared button styling ---------- */

html body .ow_content > .ow_stdmargin.ow_txtright ul.ow_bl,
html body .ow_content .attend_buttons .buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
}

html body .ow_content > .ow_stdmargin.ow_txtright ul.ow_bl {
    justify-content: flex-start !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    text-align: left !important;
}

html body .ow_content .attend_buttons .buttons {
    justify-content: flex-end !important;
}

/* Remove the old tightly connected list-button appearance. */
html body .ow_content > .ow_stdmargin.ow_txtright ul.ow_bl > li {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .ow_content > .ow_stdmargin.ow_txtright ul.ow_bl > li > a,
html body .ow_content .attend_buttons .buttons input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 105px !important;
    min-height: 48px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 10px 20px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #7c1744 0%,
        #560d31 55%,
        #320619 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72) !important;
    white-space: nowrap !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.42),
        0 0 12px rgba(255, 45, 115, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;

    cursor: pointer !important;
    opacity: 1 !important;
    appearance: none !important;

    transition:
        transform 0.15s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease !important;
}

/* ---------- Hover and keyboard focus ---------- */

html body .ow_content > .ow_stdmargin.ow_txtright ul.ow_bl > li > a:hover,
html body .ow_content > .ow_stdmargin.ow_txtright ul.ow_bl > li > a:focus-visible,
html body .ow_content .attend_buttons .buttons input[type="submit"]:hover,
html body .ow_content .attend_buttons .buttons input[type="submit"]:focus-visible {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #a42059 0%,
        #74113e 55%,
        #440821 100%
    ) !important;

    border-color: #ffc0d7 !important;

    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.50),
        0 0 18px rgba(255, 60, 130, 0.46),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;

    transform: translateY(-1px) !important;
    outline: none !important;
}

html body .ow_content > .ow_stdmargin.ow_txtright ul.ow_bl > li > a:active,
html body .ow_content .attend_buttons .buttons input[type="submit"]:active {
    transform: translateY(1px) !important;
    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.48),
        inset 0 2px 4px rgba(0, 0, 0, 0.22) !important;
}

/* ---------- Delete: visually identify the destructive action ---------- */

html body .ow_content > .ow_stdmargin.ow_txtright
ul.ow_bl > li > a.ow_mild_red {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #d52b4f 0%,
        #a51035 58%,
        #68051d 100%
    ) !important;

    border-color: #ff829d !important;
}

html body .ow_content > .ow_stdmargin.ow_txtright
ul.ow_bl > li > a.ow_mild_red:hover,
html body .ow_content > .ow_stdmargin.ow_txtright
ul.ow_bl > li > a.ow_mild_red:focus-visible {
    background: linear-gradient(
        180deg,
        #f04468 0%,
        #c51743 58%,
        #820826 100%
    ) !important;

    border-color: #ffd0da !important;
    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.50),
        0 0 18px rgba(255, 50, 95, 0.52),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

/* ---------- Attendance controls ---------- */

/* Remove Oxwall's old gray button wrappers. */
html body .ow_content .attend_buttons .buttons span.ow_blitem,
html body .ow_content .attend_buttons .buttons span.ow_button,
html body .ow_content .attend_buttons .buttons span.ow_button > span {
    display: inline-block !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* "I'm joining" is the emphasized positive choice. */
html body .ow_content .attend_buttons .buttons
input[id*="attend_yes_btn"] {
    min-width: 150px !important;

    background: linear-gradient(
        180deg,
        #ff559b 0%,
        #d51d68 55%,
        #941044 100%
    ) !important;

    border-color: #ffc0d8 !important;

    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.45),
        0 0 16px rgba(255, 55, 135, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}

/* "No" remains themed but visually secondary. */
html body .ow_content .attend_buttons .buttons
input[id*="attend_no_btn"] {
    min-width: 85px !important;

    color: #ffeaf2 !important;
    background: linear-gradient(
        180deg,
        #57142f 0%,
        #3b0b22 58%,
        #260615 100%
    ) !important;

    border-color: #c94a78 !important;
}

/* ---------- Smaller screens ---------- */

@media (max-width: 600px) {
    html body .ow_content .attend_buttons .buttons {
        justify-content: stretch !important;
    }

    html body .ow_content .attend_buttons .buttons span.ow_blitem {
        flex: 1 1 auto !important;
    }

    html body .ow_content .attend_buttons .buttons input[type="submit"] {
        width: 100% !important;
    }
}

/* ==========================================================
   TABOO! DATING - PHOTO CONTEST COMMENTS
   Composer, empty state, comment list, and attachment button
   Keep this block at the END of the site's Custom CSS.
   ========================================================== */

/* ---------- Entire comment component ---------- */

html body .ow_comments_ipc {
    width: 100% !important;
    box-sizing: border-box !important;
    color: #fff2f7 !important;
}

/* Empty-state text: "No comments" */
html body .ow_comments_ipc .comments_list_cont:empty::before {
    content: "No comments";
    display: block !important;
    padding: 20px !important;
    color: #ead8e0 !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

/* ---------- Comment composer ---------- */

html body .ow_comments_ipc .ow_comments_form_wrap {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;

    margin: 14px 0 20px !important;
    padding: 12px !important;

    color: #fff2f7 !important;
    background: linear-gradient(
        145deg,
        rgba(82, 12, 47, 0.98) 0%,
        rgba(42, 4, 27, 0.98) 100%
    ) !important;

    border: 1px solid rgba(255, 78, 143, 0.62) !important;
    border-left: 4px solid #ff3f80 !important;
    border-radius: 11px !important;

    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.40),
        0 0 15px rgba(255, 40, 115, 0.17),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* Layout the avatar beside the input. */
html body .ow_comments_ipc .ow_comments_input_wrap {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;

    width: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* ---------- Composer avatar ---------- */

html body .ow_comments_ipc
.ow_comments_input_wrap .ow_comments_item_picture {
    display: block !important;
    position: static !important;
    float: none !important;
    flex: 0 0 72px !important;

    width: 72px !important;
    height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .ow_comments_ipc
.ow_comments_input_wrap .ow_comments_item_picture .ow_avatar,
html body .ow_comments_ipc
.ow_comments_input_wrap .ow_comments_item_picture img {
    display: block !important;
    width: 72px !important;
    height: 72px !important;
    box-sizing: border-box !important;

    border-radius: 8px !important;
    object-fit: cover !important;
}

html body .ow_comments_ipc
.ow_comments_input_wrap .ow_comments_item_picture .ow_avatar {
    border: 2px solid #ff5793 !important;
    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.45),
        0 0 10px rgba(255, 45, 120, 0.25) !important;
}

/* ---------- Text-entry area ---------- */

html body .ow_comments_ipc
.ow_comments_input_wrap .ow_comments_item_info {
    display: block !important;
    position: relative !important;
    float: none !important;
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 72px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff2f7 !important;
    background: transparent !important;
}

html body .ow_comments_ipc
.ow_comments_input_wrap textarea,
html body .ow_comments_ipc
.ow_comments_input_wrap input[type="text"],
html body .ow_comments_ipc
.ow_comments_input_wrap .comments_fake_autoclick {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 72px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 12px 48px 12px 14px !important;

    color: #30101f !important;
    caret-color: #8e1747 !important;
    background: #fff7fb !important;

    border: 2px solid #ff75aa !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    resize: vertical !important;
    outline: none !important;

    box-shadow:
        inset 0 2px 5px rgba(45, 0, 25, 0.15),
        0 0 10px rgba(255, 55, 130, 0.20) !important;

    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body .ow_comments_ipc
.ow_comments_input_wrap textarea::placeholder,
html body .ow_comments_ipc
.ow_comments_input_wrap input[type="text"]::placeholder {
    color: #795766 !important;
    opacity: 1 !important;
}

html body .ow_comments_ipc
.ow_comments_input_wrap textarea:focus,
html body .ow_comments_ipc
.ow_comments_input_wrap input[type="text"]:focus,
html body .ow_comments_ipc
.ow_comments_input_wrap .comments_fake_autoclick:focus {
    border-color: #ffc2d9 !important;

    box-shadow:
        inset 0 2px 5px rgba(45, 0, 25, 0.12),
        0 0 16px rgba(255, 65, 140, 0.46) !important;
}

/* ---------- Photo attachment control ---------- */

html body .ow_comments_ipc
.ow_comments_input_wrap .ow_photo_attachment_btn,
html body .ow_comments_ipc
.ow_comments_input_wrap [id^="attch_photo_button"],
html body .ow_comments_ipc
.ow_comments_input_wrap .ow_comments_attach {
    position: absolute !important;
    top: 18px !important;
    right: 12px !important;
    z-index: 3 !important;

    display: block !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background-color: #8d1748 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    border: 1px solid #ff8db8 !important;
    border-radius: 7px !important;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.35),
        0 0 8px rgba(255, 50, 125, 0.20) !important;

    cursor: pointer !important;
}

/* ---------- Existing posted comments ---------- */

html body .ow_comments_ipc .comments_list_cont .ow_comments_item {
    display: flow-root !important;
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 10px 0 !important;
    padding: 12px !important;

    color: #fff2f7 !important;
    background: linear-gradient(
        145deg,
        rgba(75, 12, 44, 0.92) 0%,
        rgba(38, 5, 25, 0.96) 100%
    ) !important;

    border: 1px solid rgba(255, 91, 151, 0.36) !important;
    border-radius: 10px !important;

    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html body .ow_comments_ipc
.comments_list_cont .ow_comments_item_picture {
    float: left !important;
    width: 64px !important;
    height: 64px !important;
    margin: 0 !important;
}

html body .ow_comments_ipc
.comments_list_cont .ow_comments_item_picture .ow_avatar,
html body .ow_comments_ipc
.comments_list_cont .ow_comments_item_picture img {
    width: 64px !important;
    height: 64px !important;
    border-radius: 8px !important;
    object-fit: cover !important;
}

html body .ow_comments_ipc
.comments_list_cont .ow_comments_item_info {
    min-height: 64px !important;
    margin: 0 0 0 78px !important;
    padding: 2px 0 !important;

    color: #fff2f7 !important;
    font-size: 19px !important;
    line-height: 1.42 !important;
}

html body .ow_comments_ipc
.comments_list_cont .ow_comments_item_info a {
    color: #ff91ba !important;
    font-weight: 800 !important;
}

html body .ow_comments_ipc
.comments_list_cont .ow_comments_item_info a:hover {
    color: #ffd1e2 !important;
}

/* ---------- Phone layout ---------- */

@media (max-width: 520px) {
    html body .ow_comments_ipc .ow_comments_form_wrap {
        padding: 9px !important;
    }

    html body .ow_comments_ipc .ow_comments_input_wrap {
        gap: 8px !important;
    }

    html body .ow_comments_ipc
    .ow_comments_input_wrap .ow_comments_item_picture {
        flex-basis: 54px !important;
        width: 54px !important;
        height: 54px !important;
    }

    html body .ow_comments_ipc
    .ow_comments_input_wrap .ow_comments_item_picture .ow_avatar,
    html body .ow_comments_ipc
    .ow_comments_input_wrap .ow_comments_item_picture img {
        width: 54px !important;
        height: 54px !important;
    }

    html body .ow_comments_ipc
    .ow_comments_input_wrap textarea,
    html body .ow_comments_ipc
    .ow_comments_input_wrap input[type="text"],
    html body .ow_comments_ipc
    .ow_comments_input_wrap .comments_fake_autoclick {
        min-height: 58px !important;
        padding: 10px 43px 10px 11px !important;
        font-size: 17px !important;
    }

    html body .ow_comments_ipc
    .ow_comments_input_wrap .ow_photo_attachment_btn,
    html body .ow_comments_ipc
    .ow_comments_input_wrap [id^="attch_photo_button"],
    html body .ow_comments_ipc
    .ow_comments_input_wrap .ow_comments_attach {
        top: 12px !important;
        right: 8px !important;
    }
}

/* ======================================================================
   09. QUESTIONS PLUGIN
   Standalone question-list presentation; feed polls remain with Newsfeed.
   ====================================================================== */
/* ==========================================================
   TABOO! DATING - QUESTIONS
   ========================================================== */
.questions-list .ql_item {
    overflow: visible !important;
}
.questions-list .ql_avatar {
    float: left !important;
    width: 90px !important;
    margin-right: -90px !important;
}
.questions-list .ql_avatar .ow_avatar,
.questions-list .ql_avatar .ow_avatar img {
    width: 80px !important;
    height: 80px !important;
}
.questions-list .ql_body {
    margin-left: 105px !important;
    min-height: 90px !important;
    font-size: 21px !important;
    line-height: 1.45 !important;
}
.questions-list .questions-answers {
    width: 100% !important;
    margin-top: 16px !important;
}
.questions-list .questions-answer {
    display: block !important;
    width: 100% !important;
    margin: 12px 0 !important;
    clear: both !important;
}
.questions-list .qa-check {
    float: left !important;
    width: 24px !important;
    margin-top: 10px !important;
}
.questions-list .qa-users {
    display: none !important;
}
.questions-list .qa-content {
    margin-left: 34px !important;
    width: auto !important;
    font-size: 21px !important;
    line-height: 1.45 !important;
}
.questions-list .qa-content-clip {
    width: 100% !important;
    box-sizing: border-box !important;
}


/* ======================================================================
   10. CONFESSIONS PLUGIN

   Confession lists and widget actions.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - CONFESSIONS LIST
   ========================================================== */

.confessions_list .ow_ipc_picture,
.confession_list .ow_ipc_picture,
.ow_ipc_picture {
    width: 90px !important;
    margin-right: -90px !important;
}

.confessions_list .ow_ipc_picture img,
.confession_list .ow_ipc_picture img,
.ow_ipc_picture img {
    width: 80px !important;
    height: 80px !important;
}

.confessions_list .ow_ipc_info,
.confession_list .ow_ipc_info,
.ow_ipc_info {
    margin-left: 105px !important;
    min-height: 90px !important;
    font-size: 21px !important;
    line-height: 1.45 !important;
}

/* ==========================================================
   TABOO! DATING - CONFESSIONS WIDGET BUTTONS
   Write new confession / Go to Confessions
   ========================================================== */

html body
.dashboard-CONFESSIONS_CMP_ConfessionWidget
.ow_box_toolbar_cont {
    float: none !important;
    clear: both !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 14px 0 0 !important;
    padding: 0 !important;
}

html body
.dashboard-CONFESSIONS_CMP_ConfessionWidget
ul.ow_box_toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 9px !important;

    float: none !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

html body
.dashboard-CONFESSIONS_CMP_ConfessionWidget
ul.ow_box_toolbar > li {
    display: block !important;
    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

html body
.dashboard-CONFESSIONS_CMP_ConfessionWidget
ul.ow_box_toolbar > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 44px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 9px 18px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 50%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.2px !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.45),
        0 0 10px rgba(255, 50, 120, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;

    cursor: pointer !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}

html body
.dashboard-CONFESSIONS_CMP_ConfessionWidget
ul.ow_box_toolbar > li > a:hover {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 50%,
        #340a1a 100%
    ) !important;

    border-color: #ff78aa !important;
    transform: translateY(-2px) !important;

    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.55),
        0 0 18px rgba(255, 70, 140, 0.60),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

html body
.dashboard-CONFESSIONS_CMP_ConfessionWidget
ul.ow_box_toolbar > li > a:focus-visible {
    color: #ffffff !important;
    border-color: #ffd2e3 !important;
    outline: 2px solid #ffffff !important;
    outline-offset: 3px !important;

    box-shadow:
        0 0 0 3px rgba(255, 75, 135, 0.40),
        0 0 18px rgba(255, 70, 140, 0.60) !important;
}

html body
.dashboard-CONFESSIONS_CMP_ConfessionWidget
ul.ow_box_toolbar > li > a:active {
    transform: translateY(1px) scale(0.98) !important;

    box-shadow:
        inset 0 3px 6px rgba(0, 0, 0, 0.45),
        0 0 8px rgba(255, 50, 120, 0.25) !important;
}

@media (max-width: 520px) {
    html body
    .dashboard-CONFESSIONS_CMP_ConfessionWidget
    ul.ow_box_toolbar {
        justify-content: center !important;
    }

    html body
    .dashboard-CONFESSIONS_CMP_ConfessionWidget
    ul.ow_box_toolbar > li {
        width: 100% !important;
    }

    html body
    .dashboard-CONFESSIONS_CMP_ConfessionWidget
    ul.ow_box_toolbar > li > a {
        width: 100% !important;
        white-space: normal !important;
    }
}

/* ======================================================================
   11. HOTLIST PLUGIN

   Hotlist call-to-action styling.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - HOTLIST BUTTON
   ========================================================== */

.hotlist_footer {
    text-align: center !important;
    margin: 18px 0 8px !important;
}

.hotlist_footer #add_to_list,
.hotlist_footer a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    min-width: 240px !important;
    min-height: 46px !important;

    padding: 10px 26px !important;
    box-sizing: border-box !important;

    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    color: #ffffff !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85) !important;

    background: linear-gradient(
        180deg,
        #8e1845 0%,
        #621330 55%,
        #39091b 100%
    ) !important;

    border: 2px solid #ff5b95 !important;
    border-radius: 12px !important;

    box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.45),
        0 0 16px rgba(255, 50, 120, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;

    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease !important;
}

/* Safe SVG heart icon. Avoids broken text-encoding artifacts. */
.hotlist_footer #add_to_list::before,
.hotlist_footer a::before {
    content: "" !important;

    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;

    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cdefs%3E%3Cfilter%20id='g'%20x='-40%25'%20y='-40%25'%20width='180%25'%20height='180%25'%3E%3CfeGaussianBlur%20stdDeviation='1.6'%20result='b'/%3E%3CfeMerge%3E%3CfeMergeNode%20in='b'/%3E%3CfeMergeNode%20in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient%20id='p'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23ffffff'/%3E%3Cstop%20offset='0.35'%20stop-color='%23ff9ec5'/%3E%3Cstop%20offset='1'%20stop-color='%23ff2f78'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20filter='url(%23g)'%20fill='url(%23p)'%20stroke='%23ffffff'%20stroke-width='1.2'%20d='M12%2021s-7.4-4.7-9.7-9.1C0.3%208.1%202.4%204%206.5%204c2.1%200%203.7%201.1%205.5%203.2C13.8%205.1%2015.4%204%2017.5%204c4.1%200%206.2%204.1%204.2%207.9C19.4%2016.3%2012%2021%2012%2021z'/%3E%3C/svg%3E") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/* Hover */
.hotlist_footer #add_to_list:hover,
.hotlist_footer a:hover {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #b21f57 0%,
        #7d1840 55%,
        #4d0d25 100%
    ) !important;

    border-color: #ffc1d8 !important;

    transform: translateY(-2px) scale(1.02) !important;

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.55),
        0 0 24px rgba(255, 70, 140, 0.70),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

/* Pressed */
.hotlist_footer #add_to_list:active,
.hotlist_footer a:active {
    transform: translateY(1px) scale(0.98) !important;
}

/* ======================================================================
   12. MEMBERSHIP & CREDITS PLUGINS

   Dashboard widgets, purchase actions, and membership comparison tables.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - MEMBERSHIP & CREDITS DASHBOARD WIDGETS
   ========================================================== */

/* ==========================================================
   SHARED WIDGET PANELS
   ========================================================== */

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget,

html body
.dashboard-USERCREDITS_CMP_MyCreditsWidget {
    overflow: visible !important;
}

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget
.ow_box_empty,

html body
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.ow_box_empty {
    width: 100% !important;
    box-sizing: border-box !important;

    padding: 20px !important;

    background: linear-gradient(
        145deg,
        rgba(45, 4, 24, 0.96) 0%,
        rgba(20, 2, 12, 0.98) 100%
    ) !important;

    border: 1px solid rgba(255, 70, 120, 0.26) !important;
    border-radius: 0 0 12px 12px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 5px 14px rgba(0, 0, 0, 0.30) !important;
}

/* ==========================================================
   MEMBERSHIP DETAILS
   ========================================================== */

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget
table.ow_table_3 {
    width: 100% !important;
    max-width: 440px !important;

    margin: 0 auto 20px !important;

    border-collapse: separate !important;
    border-spacing: 0 9px !important;

    background: transparent !important;
}

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget
table.ow_table_3 tr,

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget
table.ow_table_3 td {
    background: transparent !important;
    border: 0 !important;
}

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget
table.ow_table_3 tr {
    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}


/* Type / Expires */

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget
table.ow_table_3 td.ow_label {
    width: 44% !important;

    padding: 11px 14px !important;

    color: #ffd9e7 !important;

    background: linear-gradient(
        90deg,
        #651132 0%,
        #451023 100%
    ) !important;

    border-left: 3px solid #ff4b86 !important;
    border-radius: 8px 0 0 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: right !important;
    white-space: nowrap !important;
}


/* VIP / expiration date */

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget
table.ow_table_3 td.ow_value {
    padding: 11px 16px !important;

    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.07) !important;

    border-radius: 0 8px 8px 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: left !important;
}

/* ==========================================================
   MEMBERSHIP SUBSCRIBE BUTTON
   ========================================================== */

/* Toolbar containing Subscribe */

html body
.ow_box_toolbar_cont:has(
    a[href*="/membership/subscribe"]
) {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* Subscribe toolbar list */

html body
.ow_box_toolbar_cont:has(
    a[href*="/membership/subscribe"]
)
ul.ow_box_toolbar {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
    list-style: none !important;
}


/* Subscribe toolbar item */

html body
.ow_box_toolbar_cont:has(
    a[href*="/membership/subscribe"]
)
ul.ow_box_toolbar > li {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    background: transparent !important;
    border: 0 !important;
}


/* Actual Subscribe button */

html body
.ow_bl a[href*="/membership/subscribe"] {
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    float: none !important;

    width: auto !important;
    min-width: 155px !important;
    min-height: 46px !important;
    box-sizing: border-box !important;

    margin: 18px auto 0 !important;
    padding: 9px 22px !important;

    color: #ffffff !important;

    background-color: #621330 !important;
    background-image: linear-gradient(
        180deg,
        #8e1845 0%,
        #621330 55%,
        #39091b 100%
    ) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    border: 2px solid #ff5b95 !important;
    border-radius: 10px !important;

    outline: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    white-space: nowrap !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.45),
        0 0 13px rgba(255, 50, 120, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;

    cursor: pointer !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


/* Subscribe hover */

html body
.ow_bl a[href*="/membership/subscribe"]:hover {
    color: #ffffff !important;

    background-color: #7d1840 !important;
    background-image: linear-gradient(
        180deg,
        #b21f57 0%,
        #7d1840 55%,
        #4d0d25 100%
    ) !important;

    border-color: #ffc1d8 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 7px 16px rgba(0, 0, 0, 0.52),
        0 0 21px rgba(255, 70, 140, 0.58),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}


html body
.ow_bl a[href*="/membership/subscribe"]:active {
    transform: translateY(1px) scale(0.98) !important;
}

/* ==========================================================
   CREDITS DETAILS
   ========================================================== */

html body
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.ow_user_credits {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 auto 18px !important;
    padding: 16px !important;

    color: #ffffff !important;

    background: linear-gradient(
        90deg,
        rgba(101, 17, 50, 0.38) 0%,
        rgba(75, 13, 38, 0.22) 50%,
        rgba(101, 17, 50, 0.38) 100%
    ) !important;

    border: 1px solid rgba(255, 75, 135, 0.28) !important;
    border-left: 4px solid #ff4b86 !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}


/* Credit balance number */

html body
.dashboard-USERCREDITS_CMP_MyCreditsWidget
h3.ow_credits_count {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: fit-content !important;
    min-width: 95px !important;

    margin: 10px auto 0 !important;
    padding: 9px 20px !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #8e1845 0%,
        #5b102e 55%,
        #310818 100%
    ) !important;

    border: 2px solid #ff5b95 !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 31px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-align: center !important;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.42),
        0 0 15px rgba(255, 55, 125, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* ==========================================================
   CREDITS LINKS
   ========================================================== */

html body
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.ow_credits_links {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 0 !important;
}


/* Cost of actions / History */

html body
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.ow_credits_links a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 7px 12px !important;

    color: #ffacd0 !important;
    background: rgba(255, 75, 135, 0.10) !important;

    border: 1px solid rgba(255, 85, 145, 0.38) !important;
    border-radius: 7px !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 2px 5px rgba(0, 0, 0, 0.22) !important;
}


html body
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.ow_credits_links a:hover {
    color: #ffffff !important;

    background: rgba(255, 75, 135, 0.22) !important;
    border-color: #ff8ab6 !important;

    box-shadow:
        0 0 11px rgba(255, 65, 135, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* ==========================================================
   BUY MORE BUTTON
   ========================================================== */

/* Toolbar containing Buy more */

html body
.ow_box_toolbar_cont:has(
    a[href*="/user-credits/buy-credits"]
) {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;

    margin: 18px 0 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* Buy more toolbar list */

html body
.ow_box_toolbar_cont:has(
    a[href*="/user-credits/buy-credits"]
)
ul.ow_box_toolbar {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
    list-style: none !important;
}


/* Buy more toolbar item */

html body
.ow_box_toolbar_cont:has(
    a[href*="/user-credits/buy-credits"]
)
ul.ow_box_toolbar > li {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    background: transparent !important;
    border: 0 !important;
}


/* Actual Buy more button */

html body
.ow_bl a[href*="/user-credits/buy-credits"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    float: none !important;

    width: auto !important;
    min-width: 155px !important;
    min-height: 46px !important;
    box-sizing: border-box !important;

    margin: 0 auto !important;
    padding: 9px 22px !important;

    color: #ffffff !important;

    background-color: #621330 !important;
    background-image: linear-gradient(
        180deg,
        #8e1845 0%,
        #621330 55%,
        #39091b 100%
    ) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    border: 2px solid #ff5b95 !important;
    border-radius: 10px !important;

    outline: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    white-space: nowrap !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.45),
        0 0 13px rgba(255, 50, 120, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;

    cursor: pointer !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


/* Buy more hover */

html body
.ow_bl a[href*="/user-credits/buy-credits"]:hover {
    color: #ffffff !important;

    background-color: #7d1840 !important;
    background-image: linear-gradient(
        180deg,
        #b21f57 0%,
        #7d1840 55%,
        #4d0d25 100%
    ) !important;

    border-color: #ffc1d8 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 7px 16px rgba(0, 0, 0, 0.52),
        0 0 21px rgba(255, 70, 140, 0.58),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}


html body
.ow_bl a[href*="/user-credits/buy-credits"]:active {
    transform: translateY(1px) scale(0.98) !important;
}

/* ==========================================================
   TABOO! DATING - MEMBERSHIP COMPARISON TABLE
   ========================================================== */

/* Keep the comparison usable if the viewport becomes narrow. */
html body .ow_content form[id$="membership-subscribe-form"] {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-bottom: 5px !important;
}

html body .ow_content form[id$="membership-subscribe-form"] table.ow_subscribe_table {
    width: 100% !important;
    min-width: 660px !important;
    box-sizing: border-box !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;

    margin: 10px 0 24px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #3d071f 0%,
        #210310 60%,
        #140108 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 14px !important;
    overflow: hidden !important;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.55),
        0 0 20px rgba(255, 45, 115, 0.27),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Main comparison header: Permissions / Member / VIP */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table > tbody > tr:first-child > :is(th, td) {
    box-sizing: border-box !important;
    padding: 14px 12px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #68143a 0%,
        #3e0a24 58%,
        #250513 100%
    ) !important;

    border: 0 !important;
    border-bottom: 2px solid #ff4b86 !important;
    border-right: 1px solid rgba(255, 124, 172, 0.34) !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.6px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.72) !important;
}

html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table > tbody > tr:first-child > :is(th, td):last-child {
    border-right: 0 !important;
}

/* Section bars: Mailbox, Photo, Users, Virtual Gifts, etc. */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr.ow_tr_first > td:not(.ow_txtleft):not(.ow_highbox),
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr.ow_tr_first > th,
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr > td[colspan] {
    padding: 12px 16px !important;

    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        #2a0616 0%,
        #57112f 50%,
        #2a0616 100%
    ) !important;

    border: 0 !important;
    border-top: 10px solid #25010f !important;
    border-bottom: 1px solid rgba(255, 109, 163, 0.37) !important;
    border-left: 5px solid #ff3f80 !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.65px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.72) !important;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* Standard permission rows */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr:not(.ow_tr_delimiter) > td.ow_txtleft {
    width: 70% !important;
    box-sizing: border-box !important;
    padding: 12px 15px !important;

    color: #fff2f7 !important;
    background: rgba(82, 13, 45, 0.56) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 116, 166, 0.22) !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.62) !important;
}

html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr:nth-child(even):not(.ow_tr_delimiter) > td.ow_txtleft {
    background: rgba(60, 8, 33, 0.68) !important;
}

/* Member and VIP availability cells */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr:not(.ow_tr_delimiter) > td.ow_highbox {
    width: 15% !important;
    min-width: 94px !important;
    box-sizing: border-box !important;
    padding: 12px 10px !important;

    color: #ffffff !important;
    background: rgba(46, 7, 28, 0.90) !important;

    border: 0 !important;
    border-left: 1px solid rgba(255, 128, 176, 0.28) !important;
    border-bottom: 1px solid rgba(255, 116, 166, 0.22) !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    vertical-align: middle !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.78),
        0 0 7px rgba(255, 255, 255, 0.16) !important;
}

/* Give the VIP column a subtle premium tint. */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr:not(.ow_tr_delimiter) > td.ow_highbox:last-child {
    background: linear-gradient(
        145deg,
        rgba(113, 17, 60, 0.88) 0%,
        rgba(60, 7, 34, 0.94) 100%
    ) !important;

    box-shadow: inset 3px 0 0 rgba(255, 79, 139, 0.32) !important;
}

/* Row hover helps the eye track across all three columns. */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr:not(.ow_tr_first):not(.ow_tr_delimiter):hover > td.ow_txtleft {
    color: #ffffff !important;
    background: rgba(139, 22, 68, 0.70) !important;
}

html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr:not(.ow_tr_first):not(.ow_tr_delimiter):hover > td.ow_highbox {
    background-color: rgba(94, 13, 52, 0.96) !important;
}

html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr:not(.ow_tr_first):not(.ow_tr_delimiter):hover > td.ow_highbox:last-child {
    background: linear-gradient(
        145deg,
        rgba(157, 28, 81, 0.94) 0%,
        rgba(82, 10, 44, 0.98) 100%
    ) !important;
}

/* Spacer rows should disappear into the page background. */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr.ow_tr_delimiter > td {
    height: 9px !important;
    padding: 0 !important;
    background: #25010f !important;
    border: 0 !important;
}

/* Keep any explanatory or price text readable. */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table :is(.ow_small, .ow_remark, .ow_txt_value) {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Accessible focus treatment for controls inside the purchase form. */
html body .ow_content form[id$="membership-subscribe-form"]
:is(a, button, input, select):focus-visible {
    outline: 2px solid #ffd0e1 !important;
    outline-offset: 3px !important;
}

/* The comparison stays a real table on phones so plan columns remain aligned. */
@media (max-width: 700px) {
    html body .ow_content form[id$="membership-subscribe-form"] table.ow_subscribe_table {
        min-width: 590px !important;
    }

    html body .ow_content form[id$="membership-subscribe-form"]
    table.ow_subscribe_table tr:not(.ow_tr_delimiter) > td.ow_txtleft {
        padding: 10px 12px !important;
        font-size: 14px !important;
    }

    html body .ow_content form[id$="membership-subscribe-form"]
    table.ow_subscribe_table tr:not(.ow_tr_delimiter) > td.ow_highbox {
        min-width: 88px !important;
        padding: 10px 8px !important;
    }
}

/* ==========================================================
   DIRECT OXWALL MEMBERSHIP TABLE OVERRIDES
   The membership plugin may move/render table fragments outside
   its original form wrapper. These selectors deliberately use
   the plugin's unique table class instead of relying on the form.
   Keep this section last.
   ========================================================== */

html body .ow_page .ow_content table.ow_subscribe_table {
    width: 100% !important;
    box-sizing: border-box !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;

    color: #ffffff !important;
    background-color: #210310 !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 13px !important;
    overflow: hidden !important;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.55),
        0 0 20px rgba(255, 45, 115, 0.27) !important;
}

/* Feature names */
html body .ow_page .ow_content
table.ow_subscribe_table td.ow_txtleft {
    box-sizing: border-box !important;
    padding: 12px 15px !important;

    color: #fff2f7 !important;
    background-color: #54102f !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 116, 166, 0.24) !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.68) !important;
}

html body .ow_page .ow_content
table.ow_subscribe_table tr:nth-child(even) td.ow_txtleft {
    background-color: #3d0923 !important;
}

/* Member and VIP cells */
html body .ow_page .ow_content
table.ow_subscribe_table td.ow_highbox {
    box-sizing: border-box !important;
    padding: 12px 10px !important;

    color: #ffffff !important;
    background-color: #2d071c !important;

    border: 0 !important;
    border-left: 1px solid rgba(255, 128, 176, 0.30) !important;
    border-bottom: 1px solid rgba(255, 116, 166, 0.24) !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

html body .ow_page .ow_content
table.ow_subscribe_table tr > td.ow_highbox:last-child {
    background-color: #5d1037 !important;
    box-shadow: inset 3px 0 0 rgba(255, 79, 139, 0.34) !important;
}

/* Mailbox / Photo / Users / Gifts section bars */
html body .ow_page .ow_content
table.ow_subscribe_table tr.ow_tr_first > td:not(.ow_txtleft):not(.ow_highbox),
html body .ow_page .ow_content
table.ow_subscribe_table tr.ow_tr_first > th,
html body .ow_page .ow_content
table.ow_subscribe_table td[colspan] {
    padding: 12px 16px !important;

    color: #ffffff !important;
    background-color: #3f0b26 !important;
    background-image: linear-gradient(
        90deg,
        #260513 0%,
        #5b1233 50%,
        #260513 100%
    ) !important;

    border: 0 !important;
    border-top: 9px solid #25010f !important;
    border-bottom: 1px solid rgba(255, 109, 163, 0.38) !important;
    border-left: 5px solid #ff3f80 !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.6px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.72) !important;
}

/* Hover tracks the selected feature across the plan columns. */
html body .ow_page .ow_content
table.ow_subscribe_table tr:hover > td.ow_txtleft {
    color: #ffffff !important;
    background-color: #861744 !important;
}

html body .ow_page .ow_content
table.ow_subscribe_table tr:hover > td.ow_highbox {
    background-color: #5b0e35 !important;
}

html body .ow_page .ow_content
table.ow_subscribe_table tr:hover > td.ow_highbox:last-child {
    background-color: #861747 !important;
}

/* Clean spacer rows */
html body .ow_page .ow_content
table.ow_subscribe_table tr.ow_tr_delimiter > td {
    height: 9px !important;
    padding: 0 !important;
    background-color: #25010f !important;
    background-image: none !important;
    border: 0 !important;
}

/* ======================================================================
   13. MAILBOX & CHAT PLUGINS

   Chat dock, contact list, dialogs, dropdowns, and the full mailbox page.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - BOTTOM CHAT DOCK
   ========================================================== */

/* Main dock shell */
html body .ow_chat_wrap .ow_chat_block_wrap {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 54%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-bottom: 0 !important;
    border-radius: 10px 10px 0 0 !important;

    box-shadow:
        0 -4px 14px rgba(0, 0, 0, 0.48),
        0 0 14px rgba(255, 50, 120, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

html body .ow_chat_wrap .ow_chat_block,
html body .ow_chat_wrap form,
html body .ow_chat_wrap .ow_bot_panel {
    color: #ffffff !important;
    background-color: transparent !important;
    border-color: rgba(255, 105, 155, 0.32) !important;
}

/* The visible bottom bar */
html body .ow_chat_wrap .ow_bot_panel {
    display: flex !important;
    align-items: stretch !important;

    min-height: 42px !important;
    box-sizing: border-box !important;

    background: linear-gradient(
        180deg,
        #72143a 0%,
        #4f0e29 55%,
        #300818 100%
    ) !important;

    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
}

/* Chat label and online count area */
html body .ow_chat_wrap .ow_count_block {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    order: 2 !important;

    min-height: 42px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.25px !important;
}

html body .ow_chat_wrap .ow_count_block a.btn2_panel {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 42px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 13px !important;

    color: #ffffff !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 8px 0 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;

    text-decoration: none !important;

    transition:
        color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body .ow_chat_wrap .ow_count_block a.btn2_panel:hover {
    color: #ffffff !important;
    background-color: rgba(255, 75, 135, 0.20) !important;

    box-shadow:
        inset 0 0 14px rgba(255, 80, 145, 0.18),
        0 0 11px rgba(255, 55, 125, 0.22) !important;
}

html body .ow_chat_wrap .ow_count_block a.btn2_panel:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: -4px !important;
}

/* Sound control on the left */
html body .ow_chat_wrap a.ow_btn_sound {
    display: block !important;
    flex: 0 0 42px !important;
    order: 1 !important;

    width: 42px !important;
    height: 42px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: rgba(255, 255, 255, 0.045) !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 135, 180, 0.34) !important;
    border-radius: 8px 0 0 0 !important;

    filter: brightness(1.75) saturate(1.25) !important;

    transition:
        background-color 0.18s ease,
        filter 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body .ow_chat_wrap a.ow_btn_sound:hover {
    background-color: rgba(255, 75, 135, 0.23) !important;
    filter: brightness(2.25) saturate(1.45) !important;

    box-shadow: inset 0 0 12px rgba(255, 85, 150, 0.20) !important;
}

html body .ow_chat_wrap a.ow_btn_sound:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: -4px !important;
}

/* Small online/unread count badge */
html body .ow_chat_wrap .ow_count_block .ow_count_wrap,
html body .ow_chat_wrap .ow_count_block .ow_count_bg,
html body .ow_chat_wrap .ow_count_block .ow_count {
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
}

html body .ow_chat_wrap .ow_count_block .ow_count_wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 21px !important;
    height: 21px !important;
    box-sizing: border-box !important;

    margin-left: 7px !important;
    padding: 1px 5px !important;

    background: #e51f63 !important;
    border: 2px solid #ffc2d8 !important;
    border-radius: 999px !important;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.42),
        0 0 8px rgba(255, 55, 125, 0.55) !important;
}

html body .ow_chat_wrap .ow_count_block .ow_count_bg,
html body .ow_chat_wrap .ow_count_block .ow_count {
    min-width: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

/* Expanded chat/friends area */
html body .ow_chat_wrap .ow_chat_block_main {
    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        rgba(55, 6, 29, 0.99) 0%,
        rgba(22, 2, 12, 0.99) 100%
    ) !important;

    border-color: rgba(255, 75, 135, 0.38) !important;
}

html body .ow_chat_wrap .ow_puller {
    background-color: #ff4b86 !important;
    box-shadow: 0 0 8px rgba(255, 65, 135, 0.55) !important;
}

/* ==========================================================
   EXPANDED CONTACT LIST
   ========================================================== */

/* Oxwall otherwise forces the Chat label back to black */
html body .ow_chat_wrap .ow_count_block .ow_count_txt {
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.3px !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.95),
        0 0 8px rgba(255, 105, 165, 0.38) !important;
}

/* Dark interior behind the contact list */
html body .ow_chat_wrap .ow_chat_in_block,
html body .ow_chat_wrap .ow_chat_list,
html body .ow_chat_wrap .ow_chat_list .jspContainer,
html body .ow_chat_wrap .ow_chat_list .jspPane,
html body .ow_chat_wrap .ow_chat_list ul {
    color: #ffffff !important;
    background: #210310 !important;
    border-color: rgba(255, 75, 135, 0.30) !important;
}

/* Search area */
html body .ow_chat_wrap .ow_chat_search {
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px !important;

    background: linear-gradient(
        180deg,
        #4f0e29 0%,
        #320819 100%
    ) !important;

    border-top: 1px solid rgba(255, 125, 175, 0.28) !important;
    border-bottom: 1px solid rgba(255, 75, 135, 0.40) !important;
}

html body .ow_chat_wrap .ow_chat_search input[type="text"],
html body .ow_chat_wrap .ow_chat_search input[type="search"] {
    width: 100% !important;
    height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 34px 7px 11px !important;

    color: #1a0710 !important;
    caret-color: #b51650 !important;
    background: #fff7fa !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 7px !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    outline: 0 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.16),
        0 0 8px rgba(255, 55, 125, 0.27) !important;
}

html body .ow_chat_wrap .ow_chat_search input::placeholder {
    color: #765465 !important;
    opacity: 1 !important;
}

html body .ow_chat_wrap .ow_chat_search input:focus {
    border-color: #ff9ac0 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.13),
        0 0 12px rgba(255, 70, 140, 0.55) !important;
}

/* Search-clear control */
html body .ow_chat_wrap .ow_chat_search a,
html body .ow_chat_wrap .ow_chat_search span {
    color: #8e1845 !important;
}

/* Individual contacts */
html body .ow_chat_wrap .ow_chat_list li {
    display: list-item !important;

    margin: 0 !important;
    padding: 0 !important;

    background: linear-gradient(
        90deg,
        rgba(91, 14, 47, 0.34) 0%,
        rgba(34, 3, 17, 0.78) 100%
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.17) !important;
}

html body .ow_chat_wrap .ow_chat_list li:nth-child(even) {
    background: linear-gradient(
        90deg,
        rgba(71, 10, 37, 0.30) 0%,
        rgba(25, 2, 13, 0.82) 100%
    ) !important;
}

html body .ow_chat_wrap .ow_chat_list a.ow_chat_item {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    min-height: 47px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 6px 10px !important;

    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;

    text-decoration: none !important;

    transition:
        background-color 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body .ow_chat_wrap .ow_chat_list a.ow_chat_item:hover,
html body .ow_chat_wrap .ow_chat_list a.ow_chat_item:focus-visible {
    color: #ffffff !important;
    background-color: rgba(255, 75, 135, 0.18) !important;

    outline: 0 !important;

    box-shadow:
        inset 3px 0 0 #ff4b86,
        inset 0 0 13px rgba(255, 75, 135, 0.11) !important;
}

/* Contact avatar */
html body .ow_chat_wrap .ow_chat_item_photo_wrap {
    flex: 0 0 36px !important;

    width: 36px !important;
    height: 36px !important;
    box-sizing: border-box !important;

    margin: 0 10px 0 0 !important;

    border: 1px solid #ff6da3 !important;
    border-radius: 6px !important;
    overflow: hidden !important;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.46),
        0 0 7px rgba(255, 55, 125, 0.24) !important;
}

html body .ow_chat_wrap .ow_chat_item_photo_wrap img {
    display: block !important;

    width: 36px !important;
    height: 36px !important;

    object-fit: cover !important;
    border: 0 !important;
}

/* Contact name */
html body .ow_chat_wrap .ow_chat_item_author,
html body .ow_chat_wrap .ow_chat_item_author * {
    min-width: 0 !important;

    color: #fff3f8 !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
}

html body .ow_chat_wrap .ow_chat_list li.offline .ow_chat_item_author,
html body .ow_chat_wrap .ow_chat_list li.offline .ow_chat_item_author * {
    color: #d9b7c6 !important;
}

html body .ow_chat_wrap .ow_chat_list li:not(.offline) .ow_chat_item_author,
html body .ow_chat_wrap .ow_chat_list li:not(.offline) .ow_chat_item_author * {
    color: #ffffff !important;
}

/* Online/unread badge within a contact row */
html body .ow_chat_wrap .ow_chat_list .ow_count_wrap {
    margin-left: auto !important;

    color: #ffffff !important;
    background: #e51f63 !important;

    border: 1px solid #ffc2d8 !important;
    border-radius: 999px !important;

    box-shadow: 0 0 7px rgba(255, 55, 125, 0.48) !important;
}

/* Custom scrollbar used by the chat list */
html body .ow_chat_wrap .jspVerticalBar {
    width: 8px !important;
    background: #1a020c !important;
}

html body .ow_chat_wrap .jspTrack {
    background: #2c0718 !important;
}

html body .ow_chat_wrap .jspDrag {
    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #9d1044 100%
    ) !important;

    border-radius: 999px !important;

    box-shadow: 0 0 7px rgba(255, 65, 135, 0.48) !important;
}

/* ==========================================================
   OPEN CONVERSATION WINDOW
   ========================================================== */

/* Complete floating conversation */
html body .ow_chat_dialog_wrap .ow_chat_dialog {
    color: #ffffff !important;
    background: #1b020d !important;

    border: 2px solid #ff4b86 !important;
    border-bottom: 0 !important;
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden !important;

    box-shadow:
        0 -5px 18px rgba(0, 0, 0, 0.55),
        0 0 17px rgba(255, 50, 120, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body .ow_chat_dialog_wrap .ow_chat_dialog > .ow_chat_block {
    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #35061c 0%,
        #19020c 100%
    ) !important;

    border: 0 !important;
}

/* Conversation header: avatar, username, status, close control */
html body .ow_chat_dialog .ow_author_block {
    position: relative !important;

    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 6px 31px 6px 8px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #75143b 0%,
        #4d0d28 55%,
        #300818 100%
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 125, 175, 0.44) !important;
    overflow: hidden !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 3px 9px rgba(0, 0, 0, 0.36) !important;
}

html body .ow_chat_dialog .ow_author_block .ow_avatar {
    display: block !important;
    float: left !important;

    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 8px 0 0 !important;
    padding: 0 !important;

    border-color: #ff8ab6 !important;
    border-radius: 6px !important;
    overflow: hidden !important;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.46),
        0 0 8px rgba(255, 70, 140, 0.34) !important;
}

/* In this header, the "photo wrap" is the complete identity link—not
   merely the avatar—so leave room for both the photo and the name. */
html body
.ow_chat_dialog
.ow_author_block
a.ow_chat_in_item_author_href.ow_chat_in_item_photo_wrap {
    position: absolute !important;
    top: 5px !important;
    right: 29px !important;
    bottom: auto !important;
    left: 7px !important;

    display: block !important;
    float: none !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: none !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 1px 0 1px 47px !important;

    color: #ffffff !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: 2px center !important;
    background-size: 38px 38px !important;

    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;

    box-shadow: none !important;
    transform: none !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: left !important;
    text-decoration: none !important;
    text-indent: 0 !important;
}

html body
.ow_chat_dialog
.ow_author_block
.ow_chat_item_author_wrap {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    transform: none !important;

    text-align: left !important;
    text-indent: 0 !important;
}

html body
.ow_chat_dialog
.ow_author_block
.ow_chat_item_media_buttons {
    position: static !important;

    flex: 0 0 auto !important;
    float: none !important;
    margin: 0 5px 0 0 !important;
}

html body
.ow_chat_dialog
.ow_author_block
.ow_chat_item_author {
    position: static !important;

    display: block !important;
    flex: 1 1 auto !important;
    float: none !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;

    color: #ffffff !important;
    text-align: left !important;
    text-indent: 0 !important;
}

html body
.ow_chat_dialog
.ow_author_block
.ow_chat_in_item_author {
    position: static !important;

    display: block !important;
    float: none !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    visibility: visible !important;
    opacity: 1 !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: left !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: none !important;
}

html body
.ow_chat_dialog
.ow_author_block
.ow_chat_status {
    display: inline-block !important;
    float: none !important;

    margin: 2px 0 0 !important;
}

html body .ow_chat_dialog .ow_author_block .ow_chat_item_photo_wrap img,
html body .ow_chat_dialog .ow_author_block .ow_avatar img,
html body .ow_chat_dialog .ow_author_block img {
    display: block !important;

    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
    border-radius: 5px !important;
}

html body .ow_chat_dialog .ow_author_block .ow_chat_item_author,
html body .ow_chat_dialog .ow_author_block .ow_chat_item_author *,
html body .ow_chat_dialog .ow_author_block .ow_chat_author,
html body .ow_chat_dialog .ow_author_block .ow_chat_author * {
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.95),
        0 0 7px rgba(255, 115, 170, 0.32) !important;
}

/* Header links, including the close X */
html body .ow_chat_dialog .ow_author_block a {
    color: #ffffff !important;
}

html body .ow_chat_dialog .ow_author_block a:hover {
    color: #ffc2d8 !important;
    text-shadow: 0 0 8px rgba(255, 95, 155, 0.72) !important;
}

html body .ow_chat_dialog .ow_author_block a.ow_btn_close {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    z-index: 3 !important;

    display: block !important;
    float: none !important;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;
}

/* Message-history canvas */
html body .ow_chat_dialog .ow_chat_in_dialog_wrap,
html body .ow_chat_dialog .ow_dialog_items_wrap,
html body .ow_chat_dialog .ow_chat_message_block {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #250311 0%,
        #160109 100%
    ) !important;

    border-color: rgba(255, 75, 135, 0.24) !important;
}

/* Day/date separators */
html body .ow_chat_dialog .ow_dialog_date_cap,
html body .ow_chat_dialog .ow_time_block {
    margin: 8px 0 !important;
    padding: 5px 8px !important;

    color: #e7b8cb !important;
    background: rgba(255, 75, 135, 0.075) !important;

    border-top: 1px solid rgba(255, 105, 160, 0.15) !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.15) !important;

    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

html body .ow_chat_dialog .ow_time_block p,
html body .ow_chat_dialog .ow_time_block p span,
html body .ow_chat_dialog .ow_time_block .ow_time_text {
    color: #dba8bd !important;
    background: transparent !important;

    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Shared message-row spacing */
html body .ow_chat_dialog .ow_dialog_item {
    box-sizing: border-box !important;

    margin: 7px 8px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

/* Message bubbles */
html body .ow_chat_dialog .ow_dialog_item .ow_dialog_in_item {
    width: fit-content !important;
    max-width: 86% !important;
    box-sizing: border-box !important;

    padding: 7px 9px !important;

    color: #ffffff !important;

    border: 1px solid rgba(255, 125, 175, 0.34) !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;

    overflow-wrap: anywhere !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* One participant */
html body .ow_chat_dialog .ow_dialog_item.odd .ow_dialog_in_item {
    margin-right: auto !important;

    color: #fff4f8 !important;
    background: linear-gradient(
        145deg,
        #53102f 0%,
        #35091e 100%
    ) !important;

    border-radius: 4px 10px 10px 10px !important;
}

/* The other participant */
html body .ow_chat_dialog .ow_dialog_item.even .ow_dialog_in_item {
    margin-left: auto !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #9d1044 0%,
        #6a1236 58%,
        #480b25 100%
    ) !important;

    border-color: #ff6da3 !important;
    border-radius: 10px 4px 10px 10px !important;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.40),
        0 0 9px rgba(255, 55, 125, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

html body .ow_chat_dialog .ow_dialog_in_item,
html body .ow_chat_dialog .ow_dialog_in_item *,
html body .ow_chat_dialog .ow_dialog_in_item p,
html body .ow_chat_dialog .ow_dialog_in_item span,
html body .ow_chat_dialog .ow_dialog_in_item a {
    color: inherit !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

/* Composer at the bottom of the conversation */
html body .ow_chat_dialog .ow_chat_message {
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #4c0d27 0%,
        #2b0716 100%
    ) !important;

    border-top: 1px solid rgba(255, 105, 160, 0.38) !important;
}

html body .ow_chat_dialog .ow_chat_message textarea,
html body .ow_chat_dialog .ow_chat_message input[type="text"] {
    width: 100% !important;
    min-height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 56px 7px 9px !important;

    color: #19050e !important;
    caret-color: #b51650 !important;
    background: #fff8fb !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    outline: 0 !important;
    resize: none !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.15),
        0 0 8px rgba(255, 55, 125, 0.28) !important;
}

html body .ow_chat_dialog .ow_chat_message textarea::placeholder,
html body .ow_chat_dialog .ow_chat_message input::placeholder {
    color: #765465 !important;
    opacity: 1 !important;
}

html body .ow_chat_dialog .ow_chat_message textarea:focus,
html body .ow_chat_dialog .ow_chat_message input[type="text"]:focus {
    border-color: #ff9ac0 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.12),
        0 0 12px rgba(255, 70, 140, 0.54) !important;
}

/* Emoji and attachment controls */
html body .ow_chat_dialog .ow_chat_message a,
html body .ow_chat_dialog .ow_chat_message button {
    color: #8e1845 !important;
    border-color: #ff8ab6 !important;
}

html body .ow_chat_dialog .ow_chat_message a:hover,
html body .ow_chat_dialog .ow_chat_message button:hover {
    color: #d42063 !important;
    filter: saturate(1.3) brightness(1.05) !important;
}

/* Conversation scrollbar */
html body .ow_chat_dialog .jspVerticalBar {
    width: 8px !important;
    background: #160109 !important;
}

html body .ow_chat_dialog .jspTrack {
    background: #2c0718 !important;
}

html body .ow_chat_dialog .jspDrag {
    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #9d1044 100%
    ) !important;

    border-radius: 999px !important;

    box-shadow: 0 0 7px rgba(255, 65, 135, 0.48) !important;
}

/* ==========================================================
   EXACT ACTIVE-DIALOG HEADER OVERRIDES
   These IDs are supplied by the chat plugin.
   ========================================================== */

html body .ow_chat_dialog #dialogProfileUrl {
    position: absolute !important;
    top: 5px !important;
    right: 29px !important;
    bottom: auto !important;
    left: 7px !important;
    z-index: 2 !important;

    display: block !important;
    float: none !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: 0 center !important;
    background-size: 38px 38px !important;

    border: 0 !important;
    overflow: visible !important;

    transform: none !important;
    text-align: left !important;
    text-indent: 0 !important;
}

html body .ow_chat_dialog #dialogProfileUrl .ow_chat_item_author_wrap,
html body .ow_chat_dialog #dialogProfileUrl .ow_chat_item_author {
    position: static !important;

    display: block !important;
    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
    text-align: left !important;
    text-indent: 0 !important;
}

html body .ow_chat_dialog #dialogProfileDisplayName {
    position: absolute !important;
    top: 15px !important;
    right: 3px !important;
    bottom: auto !important;
    left: 47px !important;
    z-index: 10 !important;

    display: block !important;
    float: none !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: transparent !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 20px !important;

    clip: auto !important;
    clip-path: none !important;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
    text-align: left !important;
    text-indent: 0 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.95),
        0 0 7px rgba(255, 115, 170, 0.38) !important;
}

html body .ow_chat_dialog #dialogProfileDisplayName::before,
html body .ow_chat_dialog #dialogProfileDisplayName::after {
    display: none !important;
    content: none !important;
}

html body .ow_chat_dialog #dialogProfileStatus {
    position: absolute !important;
    top: 36px !important;
    right: auto !important;
    bottom: auto !important;
    left: 47px !important;
    z-index: 10 !important;

    display: block !important;
    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}

html body .ow_chat_dialog #dialogCloseBtn {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 20 !important;

    display: block !important;
    float: none !important;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(-50%) !important;
}

/* ==========================================================
   TABOO! DATING - ALL MESSAGES PAGE
   Restores the desktop conversation selector and themes the
   complete mailbox.
   ========================================================== */

/* ----------------------------------------------------------
   DESKTOP TWO-PANE MAILBOX
   ---------------------------------------------------------- */

html body .ow_mailbox_table,
html body .ow_mailbox_table.ow_mailbox_table_single {
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 12px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 0 20px !important;
    padding: 12px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        rgba(61, 7, 31, 0.98) 0%,
        rgba(27, 2, 13, 0.99) 100%
    ) !important;

    border: 1px solid rgba(255, 75, 135, 0.46) !important;
    border-radius: 13px !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.46),
        0 0 18px rgba(255, 45, 115, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* Restore the conversation selector suppressed by single mode */
html body .ow_mailbox_table .ow_mailbox_left,
html body .ow_mailbox_table .ow_mailbox_left.ow_mailbox_single_mode,
html body #conversationListControl {
    position: relative !important;

    display: block !important;
    float: none !important;

    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #3b071f 0%,
        #210310 100%
    ) !important;

    border: 1px solid rgba(255, 75, 135, 0.44) !important;
    border-radius: 10px !important;
    overflow: hidden !important;

    visibility: visible !important;
    opacity: 1 !important;
}

html body .ow_mailbox_table .ow_mailbox_right,
html body #conversationContainer {
    position: relative !important;

    display: block !important;
    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #33051a 0%,
        #170109 100%
    ) !important;

    border: 1px solid rgba(255, 75, 135, 0.44) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* ----------------------------------------------------------
   LEFT CONVERSATION SELECTOR
   ---------------------------------------------------------- */

html body .ow_mailbox_left .ow_mailbox_search {
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 9px !important;

    background: linear-gradient(
        180deg,
        #5b102e 0%,
        #35091c 100%
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.34) !important;
}

html body .ow_mailbox_left .ow_mailbox_search input[type="text"],
html body .ow_mailbox_left .ow_mailbox_search input[type="search"] {
    width: 100% !important;
    height: 40px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 34px 7px 11px !important;

    color: #19050e !important;
    caret-color: #b51650 !important;
    background: #fff8fb !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    outline: 0 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.15),
        0 0 8px rgba(255, 55, 125, 0.26) !important;
}

html body .ow_mailbox_left .ow_mailbox_search input:focus {
    border-color: #ff9ac0 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.12),
        0 0 12px rgba(255, 70, 140, 0.52) !important;
}

html body .ow_mailbox_left .ow_mailbox_conv_options {
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 11px !important;

    color: #ffd9e7 !important;
    background: rgba(255, 75, 135, 0.09) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.24) !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

html body .ow_mailbox_left .ow_mailbox_left_body,
html body #conversationItemListSub {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: #20020f !important;

    border: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Conversation rows */
html body .ow_mailbox_left .ow_mailbox_convers_info {
    position: relative !important;

    min-height: 72px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 9px 9px 9px 64px !important;

    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        rgba(91, 14, 47, 0.38) 0%,
        rgba(31, 3, 16, 0.82) 100%
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.20) !important;

    transition:
        background 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body .ow_mailbox_left .ow_mailbox_convers_info:hover,
html body .ow_mailbox_left .ow_mailbox_convers_info_selected {
    background: linear-gradient(
        90deg,
        rgba(145, 25, 72, 0.70) 0%,
        rgba(64, 7, 33, 0.94) 100%
    ) !important;

    box-shadow:
        inset 4px 0 0 #ff4b86,
        inset 0 0 13px rgba(255, 80, 145, 0.11) !important;
}

html body .ow_mailbox_left .ow_mailbox_convers_info_string,
html body .ow_mailbox_left .ow_mailbox_convers_info_string a {
    color: #ff91bd !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;

    text-decoration: none !important;
}

html body .ow_mailbox_left .ow_mailbox_convers_info_date {
    color: #d9a9bd !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* ----------------------------------------------------------
   ACTIVE CONVERSATION HEADER
   ---------------------------------------------------------- */

html body .ow_mailbox_right .ow_mailbox_cap {
    position: relative !important;

    min-height: 66px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 9px 48px 9px 72px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #75143b 0%,
        #4d0d28 55%,
        #300818 100%
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 125, 175, 0.42) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 3px 9px rgba(0, 0, 0, 0.34) !important;
}

html body .ow_mailbox_right .ow_mailbox_username,
html body .ow_mailbox_right .ow_mailbox_username a {
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.92),
        0 0 7px rgba(255, 115, 170, 0.32) !important;
}

html body .ow_mailbox_right .ow_mailbox_convers_actions {
    margin: 0 !important;
}

/* ----------------------------------------------------------
   MESSAGE HISTORY
   ---------------------------------------------------------- */

html body .ow_mailbox_log_wrap,
html body .ow_mailbox_log,
html body .ow_mailbox_log .jspContainer,
html body .ow_mailbox_log .jspPane {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #250311 0%,
        #160109 100%
    ) !important;

    border: 0 !important;
}

html body .ow_mailbox_log {
    min-height: 430px !important;
}

html body .ow_mailbox_log .ow_mailbox_date_cap,
html body .ow_mailbox_log .ow_dialog_date_cap,
html body .ow_mailbox_log .ow_time_block {
    margin: 9px 0 !important;
    padding: 5px 9px !important;

    color: #dba8bd !important;
    background: rgba(255, 75, 135, 0.075) !important;

    border-top: 1px solid rgba(255, 105, 160, 0.14) !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.14) !important;

    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

html body .ow_mailbox_log .ow_dialog_item,
html body .ow_mailbox_log .message {
    box-sizing: border-box !important;

    margin: 8px 10px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

html body .ow_mailbox_log .ow_dialog_in_item,
html body .ow_mailbox_log .ow_dialog_in_item *,
html body .ow_mailbox_log .ow_mailbox_message_content,
html body .ow_mailbox_log .ow_mailbox_message_content * {
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.38 !important;

    overflow-wrap: anywhere !important;
}

html body .ow_mailbox_log .ow_dialog_item .ow_dialog_in_item,
html body .ow_mailbox_log .message .ow_dialog_in_item {
    width: fit-content !important;
    max-width: 76% !important;
    box-sizing: border-box !important;

    padding: 8px 11px !important;

    border: 1px solid rgba(255, 125, 175, 0.34) !important;
    border-radius: 10px !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

html body .ow_mailbox_log .ow_dialog_item.odd .ow_dialog_in_item,
html body .ow_mailbox_log .message.odd .ow_dialog_in_item {
    margin-right: auto !important;

    color: #fff4f8 !important;
    background: linear-gradient(
        145deg,
        #53102f 0%,
        #35091e 100%
    ) !important;

    border-radius: 4px 10px 10px 10px !important;
}

html body .ow_mailbox_log .ow_dialog_item.even .ow_dialog_in_item,
html body .ow_mailbox_log .message.even .ow_dialog_in_item {
    margin-left: auto !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #9d1044 0%,
        #6a1236 58%,
        #480b25 100%
    ) !important;

    border-color: #ff6da3 !important;
    border-radius: 10px 4px 10px 10px !important;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.40),
        0 0 9px rgba(255, 55, 125, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* ----------------------------------------------------------
   MESSAGE COMPOSER
   ---------------------------------------------------------- */

html body .ow_mailbox_right .ow_chat_message_block,
html body #conversationChatFormBlock,
html body #conversationMessageFormBlock {
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #4c0d27 0%,
        #2b0716 100%
    ) !important;

    border: 0 !important;
    border-top: 1px solid rgba(255, 105, 160, 0.38) !important;
}

html body #conversationTextarea,
html body .ow_mailbox_right .ow_chat_message_block textarea,
html body .ow_mailbox_right .ow_chat_message_block input[type="text"] {
    display: block !important;

    width: 100% !important;
    min-height: 42px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 62px 8px 10px !important;

    color: #19050e !important;
    caret-color: #b51650 !important;
    background: #fff8fb !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    outline: 0 !important;
    resize: none !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.15),
        0 0 8px rgba(255, 55, 125, 0.28) !important;
}

html body #conversationTextarea:focus,
html body .ow_mailbox_right .ow_chat_message_block textarea:focus {
    border-color: #ff9ac0 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.12),
        0 0 12px rgba(255, 70, 140, 0.54) !important;
}

/* Mailbox scrollbars */
html body .ow_mailbox_table .jspVerticalBar {
    width: 8px !important;
    background: #160109 !important;
}

html body .ow_mailbox_table .jspTrack {
    background: #2c0718 !important;
}

html body .ow_mailbox_table .jspDrag {
    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #9d1044 100%
    ) !important;

    border-radius: 999px !important;

    box-shadow: 0 0 7px rgba(255, 65, 135, 0.48) !important;
}

/* ----------------------------------------------------------
   NARROW SCREENS
   Keep the selector visible above the conversation.
   ---------------------------------------------------------- */

@media (max-width: 780px) {
    html body .ow_mailbox_table,
    html body .ow_mailbox_table.ow_mailbox_table_single {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 8px !important;
    }

    html body .ow_mailbox_table .ow_mailbox_left,
    html body .ow_mailbox_table .ow_mailbox_left.ow_mailbox_single_mode,
    html body #conversationListControl,
    html body .ow_mailbox_table .ow_mailbox_right,
    html body #conversationContainer {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html body .ow_mailbox_left .ow_mailbox_left_body {
        max-height: 260px !important;
    }
}

/* ==========================================================
   TABOO! DATING - CHAT MESSAGE WRAPPING FIX
   ========================================================== */

/* Oxwall floats and shrink-wraps each message row. Give every
   row the full chat width so the bubble has room to size itself. */
html body .ow_chat_dialog .ow_dialog_items_wrap .ow_dialog_item,
html body .ow_chat_dialog .ow_dialog_items_wrap > .message,
html body .ow_chat_dialog .ow_dialog_items_wrap > .clearfix.message {
    display: block !important;
    float: none !important;
    clear: both !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;

    overflow: visible !important;
}

/* Size the bubble from its text, capped to the available width. */
html body .ow_chat_dialog .ow_dialog_item .ow_dialog_in_item,
html body .ow_chat_dialog .message .ow_dialog_in_item {
    display: block !important;

    width: max-content !important;
    min-width: 0 !important;
    max-width: 86% !important;
    box-sizing: border-box !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
}

/* Prevent normal words and short actions such as *Licks* from
   being split character-by-character by inherited global rules. */
html body .ow_chat_dialog .ow_dialog_in_item p,
html body .ow_chat_dialog .ow_dialog_in_item span {
    max-width: 100% !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
}

/* Very long links still need permission to wrap safely. */
html body .ow_chat_dialog .ow_dialog_in_item a {
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

/* Preserve left/right participant alignment after removing
   Oxwall's floats from the surrounding message row. */
html body .ow_chat_dialog .ow_dialog_item.odd .ow_dialog_in_item,
html body .ow_chat_dialog .message.odd .ow_dialog_in_item {
    margin-right: auto !important;
    margin-left: 0 !important;
}

html body .ow_chat_dialog .ow_dialog_item.even .ow_dialog_in_item,
html body .ow_chat_dialog .message.even .ow_dialog_in_item {
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* ==========================================================
   TABOO! DATING - FULL MAILBOX CLEAN FIX
   Scoped compatibility fix for the full
   /messages mailbox without touching the top Messages dropdown.
   ========================================================== */

/* Keep the full mailbox two-column layout visible. */
html body .ow_mailbox_table {
    overflow: visible !important;
}

html body .ow_mailbox_table .ow_mailbox_left,
html body .ow_mailbox_table .ow_mailbox_left.ow_mailbox_single_mode,
html body .ow_mailbox_table #conversationListControl {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden !important;
}

html body .ow_mailbox_table .ow_mailbox_left_body,
html body .ow_mailbox_table #conversationItemListSub,
html body .ow_mailbox_table .ow_mailbox_left_body .jspContainer,
html body .ow_mailbox_table .ow_mailbox_left_body .jspPane {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-height: 260px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Conversation row: avatar left, name/date top, last message below. */
html body .ow_mailbox_table .ow_mailbox_convers_info {
    position: relative !important;
    display: block !important;
    min-height: 82px !important;
    box-sizing: border-box !important;
    padding: 11px 10px 11px 72px !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info .ow_mailbox_avatar,
html body .ow_mailbox_table .ow_mailbox_convers_info .ow_avatar,
html body .ow_mailbox_table .ow_mailbox_convers_info .ow_avatar_image {
    position: absolute !important;
    left: 10px !important;
    top: 12px !important;
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info .ow_mailbox_avatar img,
html body .ow_mailbox_table .ow_mailbox_convers_info .ow_avatar img,
html body .ow_mailbox_table .ow_mailbox_convers_info .ow_avatar_image img {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    object-fit: cover !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info_body {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "name date"
        "message message" !important;
    column-gap: 8px !important;
    row-gap: 3px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info_string {
    grid-area: name !important;
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info_string a,
html body .ow_mailbox_table .ow_mailbox_convers_info_string b,
html body .ow_mailbox_table #conversationItemProfileUrl {
    display: block !important;
    max-width: 100% !important;
    color: #ff91bd !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info_date,
html body .ow_mailbox_table #conversationItemDateTime {
    grid-area: date !important;
    position: static !important;
    justify-self: end !important;
    align-self: start !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 46px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: transparent !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 16px !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info_content {
    grid-area: message !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffd7e5 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 17px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Undo the site's global .ow_left/.ow_right 100% rule inside mailbox rows. */
html body .ow_mailbox_table .ow_mailbox_convers_info_content .ow_left,
html body .ow_mailbox_table .ow_mailbox_convers_info_content .ow_right,
html body .ow_mailbox_table .ow_mailbox_convers_info_content * {
    position: static !important;
    float: none !important;
    clear: none !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

/* Empty mailbox placeholders were showing as a stray paperclip. */
html body .ow_mailbox_table .ow_mailbox_convers_count_new,
html body .ow_mailbox_table .ow_mailbox_convers_info_attach,
html body .ow_mailbox_table .ow_mailbox_convers_info_attach::before,
html body .ow_mailbox_table .ow_mailbox_convers_info_attach::after {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info_selected,
html body .ow_mailbox_table .ow_mailbox_convers_info:hover {
    box-shadow:
        inset 4px 0 0 #ff4b86,
        inset 0 0 14px rgba(255, 80, 145, 0.18) !important;
}

/* Active conversation header avatar. */
html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap {
    min-height: 74px !important;
    padding: 13px 52px 12px 84px !important;
    overflow: visible !important;
}

html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_avatar,
html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_avatar_image {
    position: absolute !important;
    left: 18px !important;
    top: 13px !important;
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_avatar img,
html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_avatar_image img {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    object-fit: cover !important;
}

html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_mailbox_username,
html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_mailbox_username_text {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_mailbox_username a,
html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_mailbox_username_text a {
    color: #ffffff !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
}

/* Compact "Open in chat" action in the active conversation header. */
html body .ow_mailbox_table .ow_mailbox_switch_to_chat,
html body .ow_mailbox_table #conversationSwitchToChatBlock {
    display: block !important;
    width: fit-content !important;
    margin: 3px 0 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

html body .ow_mailbox_table #conversationSwitchToChatBtn,
html body .ow_mailbox_table .ow_mailbox_switch_to_chat a,
html body .ow_mailbox_table a.ow_mailbox_switch_to_chat_btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 180px !important;
    height: 26px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 10px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #b51650 0%, #7d103a 100%) !important;
    border: 1px solid #ff69a0 !important;
    border-radius: 7px !important;
    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75) !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: top !important;
}

html body .ow_mailbox_table #conversationSwitchToChatBtn:hover,
html body .ow_mailbox_table .ow_mailbox_switch_to_chat a:hover,
html body .ow_mailbox_table a.ow_mailbox_switch_to_chat_btn:hover {
    background: linear-gradient(180deg, #e02b6f 0%, #961549 100%) !important;
    border-color: #ff91bd !important;
}

/* Message bubbles should not crush normal words into vertical chunks. */
html body .ow_mailbox_table .ow_mailbox_log .ow_dialog_item,
html body .ow_mailbox_table .ow_mailbox_log .message {
    clear: both !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

html body .ow_mailbox_table .ow_mailbox_log .ow_dialog_in_item,
html body .ow_mailbox_table .ow_mailbox_log .ow_mailbox_message_content {
    min-width: 120px !important;
    max-width: min(76%, 680px) !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

html body .ow_mailbox_table .ow_mailbox_log .ow_dialog_in_item *,
html body .ow_mailbox_table .ow_mailbox_log .ow_mailbox_message_content * {
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

html body .ow_mailbox_table .ow_mailbox_log .ow_dialog_item.odd .ow_dialog_in_item,
html body .ow_mailbox_table .ow_mailbox_log .message.odd .ow_dialog_in_item {
    float: left !important;
    margin-left: 10px !important;
    margin-right: auto !important;
}

html body .ow_mailbox_table .ow_mailbox_log .ow_dialog_item.even .ow_dialog_in_item,
html body .ow_mailbox_table .ow_mailbox_log .message.even .ow_dialog_in_item {
    float: right !important;
    margin-left: auto !important;
    margin-right: 10px !important;
}

html body .ow_mailbox_table .ow_mailbox_log .ow_dialog_in_item p,
html body .ow_mailbox_table .ow_mailbox_log .ow_mailbox_message_content p {
    margin: 0 !important;
}

@media (max-width: 780px) {
    html body .ow_mailbox_table .ow_mailbox_log .ow_dialog_in_item,
    html body .ow_mailbox_table .ow_mailbox_log .ow_mailbox_message_content {
        min-width: 96px !important;
        max-width: 86% !important;
    }
}

/* ======================================================================
   14. BLOGS & TEXT CONTENT

   Readability fixes for long-form content.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - BLOG READABILITY
   ========================================================== */

.ow_box_empty.ow_no_cap.ow_break_word,
.ow_blogpost_compose,
.ow_content .p1,
.ow_content .p2 {
    color: #f2ddea !important;
    caret-color: #f2ddea !important;
}

.ow_box_empty.ow_no_cap.ow_break_word a,
.ow_blogpost_compose a {
    color: #4da3ff !important;
}

.ow_box_empty.ow_no_cap.ow_break_word b,
.ow_box_empty.ow_no_cap.ow_break_word strong {
    color: #ffffff !important;
}
/* ==========================================================
   TABOO! SOCIAL � BLOG POST ACTION BUTTONS
   Flag / Edit / Delete
   ========================================================== */

/* Align the action group */
html body .ow_superwide
.ow_box_empty
.ow_box_toolbar_cont {
    display: flex !important;
    justify-content: flex-end !important;
    clear: both !important;
    margin-top: 20px !important;
}

/* Remove the old list/button styling */
html body .ow_superwide
.ow_box_empty
ul.ow_box_toolbar.ow_bl {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

html body .ow_superwide
.ow_box_empty
ul.ow_box_toolbar.ow_bl > li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
}

/* Shared button appearance */
html body .ow_superwide
.ow_box_empty
ul.ow_box_toolbar.ow_bl > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;
    box-sizing: border-box !important;
    padding: 8px 18px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #651132 0%,
        #450b24 55%,
        #270614 100%
    ) !important;

    border: 2px solid #ff4381 !important;
    border-radius: 9px !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.42),
        0 0 10px rgba(255, 67, 129, 0.25) !important;

    transition:
        transform 0.15s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

/* Hover */
html body .ow_superwide
.ow_box_empty
ul.ow_box_toolbar.ow_bl > li > a:hover {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #8b1745 0%,
        #62102f 55%,
        #390819 100%
    ) !important;
    border-color: #ff91b7 !important;
    transform: translateY(-2px) !important;

    box-shadow:
        0 7px 15px rgba(0, 0, 0, 0.5),
        0 0 16px rgba(255, 67, 129, 0.48) !important;
}

/* Delete � last button */
html body .ow_superwide
.ow_box_empty
ul.ow_box_toolbar.ow_bl > li:last-child > a {
    background: linear-gradient(
        180deg,
        #791c2c 0%,
        #55101e 55%,
        #300810 100%
    ) !important;
    border-color: #ff6476 !important;
}

/* Delete hover */
html body .ow_superwide
.ow_box_empty
ul.ow_box_toolbar.ow_bl > li:last-child > a:hover {
    background: linear-gradient(
        180deg,
        #a3293f 0%,
        #75182b 55%,
        #430d18 100%
    ) !important;
    border-color: #ffa0ac !important;
}

/* Keyboard focus */
html body .ow_superwide
.ow_box_empty
ul.ow_box_toolbar.ow_bl > li > a:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: 3px !important;
}

/* ==========================================================
   TABOO! DATING � LARGER CHAT TEXT
   ========================================================== */

/* Messages in the full Messages page and popup chat */
html body .ow_mailbox_log .ow_dialog_in_item,
html body .ow_mailbox_log .ow_dialog_in_item *,
html body .ow_mailbox_log .ow_mailbox_message_content,
html body .ow_mailbox_log .ow_mailbox_message_content *,
html body .ow_chat_dialog .ow_dialog_in_item,
html body .ow_chat_dialog .ow_dialog_in_item *,
html body .ow_chat_dialog .ow_dialog_in_item p,
html body .ow_chat_dialog .ow_dialog_in_item span {
    font-size: 18px !important;
    line-height: 1.5 !important;
}

/* Text users type into the message box */
html body #conversationTextarea,
html body .ow_mailbox_right .ow_chat_message_block textarea,
html body .ow_mailbox_right .ow_chat_message_block input[type="text"],
html body .ow_chat_dialog textarea,
html body .ow_chat_dialog input[type="text"] {
    min-height: 50px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;

    font-size: 18px !important;
    line-height: 1.4 !important;
}
/* ==========================================================
   TABOO! SOCIAL � FOOTER NAVIGATION PILLS
   ========================================================== */

html body #taboo-site-links {
    width: calc(100% - 20px) !important;
    max-width: 1050px !important;
    box-sizing: border-box !important;

    margin: 45px auto 20px !important;
    padding: 28px 20px 22px !important;

    color: #fff7fc !important;

    background:
        radial-gradient(
            circle at top center,
            rgba(255, 60, 158, 0.20),
            transparent 65%
        ),
        linear-gradient(
            180deg,
            #27142b 0%,
            #120a15 100%
        ) !important;

    border: 1px solid rgba(255, 91, 166, 0.45) !important;
    border-radius: 20px !important;

    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.40),
        0 0 22px rgba(255, 60, 158, 0.14) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    text-align: center !important;
}

html body #taboo-site-links .taboo-links-title {
    margin: 0 0 7px !important;

    color: #ff9bdd !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
}

html body #taboo-site-links .taboo-links-tagline {
    margin: 0 0 22px !important;

    color: #cbb4c7 !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
}

html body #taboo-site-links .taboo-links-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 11px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Individual pill */
html body #taboo-site-links a.taboo-link-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    width: auto !important;
    min-height: 42px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 9px 17px !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 50%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 999px !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.2px !important;

    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72) !important;
    white-space: nowrap !important;

    cursor: pointer !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.45),
        0 0 10px rgba(255, 50, 120, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;

    transition:
        transform 0.15s ease,
        box-shadow 0.20s ease,
        border-color 0.20s ease,
        background 0.20s ease !important;
}

/* Hover and keyboard focus */
html body #taboo-site-links a.taboo-link-pill:hover,
html body #taboo-site-links a.taboo-link-pill:focus-visible {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 50%,
        #340a1a 100%
    ) !important;

    border-color: #ff9ac0 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.55),
        0 0 18px rgba(255, 70, 140, 0.60),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;

    outline: none !important;
}

/* Pressed */
html body #taboo-site-links a.taboo-link-pill:active {
    transform: translateY(1px) scale(0.98) !important;

    box-shadow:
        inset 0 3px 6px rgba(0, 0, 0, 0.45),
        0 0 8px rgba(255, 50, 120, 0.25) !important;
}

/* Slightly brighter in-world vendor pill */
html body #taboo-site-links a.taboo-link-pill--featured {
    background: linear-gradient(
        180deg,
        #b51c60 0%,
        #7d103e 55%,
        #480820 100%
    ) !important;

    border-color: #ff8fbe !important;
}

html body #taboo-site-links .taboo-links-divider {
    width: 110px !important;
    height: 1px !important;

    margin: 24px auto 17px !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 155, 221, 0.90),
        transparent
    ) !important;
}

html body #taboo-site-links .taboo-links-copyright {
    color: #a993a5 !important;

    font-size: 12px !important;
    line-height: 1.5 !important;
}

/* Blue In-World Store pill */
html body #taboo-site-links a.taboo-link-pill--store {
    background: linear-gradient(
        180deg,
        #167fbd 0%,
        #0c5b91 52%,
        #07385e 100%
    ) !important;

    border-color: #62caff !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.45),
        0 0 12px rgba(48, 177, 255, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* Blue store pill hover */
html body #taboo-site-links a.taboo-link-pill--store:hover,
html body #taboo-site-links a.taboo-link-pill--store:focus-visible {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #28a9ed 0%,
        #1175b5 52%,
        #084d7e 100%
    ) !important;

    border-color: #b3e8ff !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.55),
        0 0 20px rgba(54, 190, 255, 0.70),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;

    outline: none !important;
}

/* Blue store pill pressed */
html body #taboo-site-links a.taboo-link-pill--store:active {
    transform: translateY(1px) scale(0.98) !important;

    box-shadow:
        inset 0 3px 6px rgba(0, 0, 0, 0.45),
        0 0 9px rgba(48, 177, 255, 0.38) !important;
}
/* ==========================================================
   TABOO! SOCIAL � LARGER FOOTER TEXT
   ========================================================== */

html body #taboo-site-links .taboo-links-title {
    font-size: 22px !important;
    line-height: 1.25 !important;
}

html body #taboo-site-links .taboo-links-tagline {
    font-size: 18px !important;
    line-height: 1.4 !important;
}

html body #taboo-site-links a.taboo-link-pill {
    min-height: 52px !important;
    padding: 12px 22px !important;

    font-size: 20px !important;
    line-height: 1.15 !important;
    letter-spacing: 0.3px !important;
}

html body #taboo-site-links .taboo-links-copyright {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Maintain comfortable spacing around the larger pills */
html body #taboo-site-links .taboo-links-buttons {
    gap: 14px !important;
}

/* Slightly reduce them on narrow screens */
@media (max-width: 600px) {
    html body #taboo-site-links a.taboo-link-pill {
        min-height: 48px !important;
        padding: 11px 18px !important;
        font-size: 18px !important;
        white-space: normal !important;
    }

    html body #taboo-site-links .taboo-links-title {
        font-size: 20px !important;
    }

    html body #taboo-site-links .taboo-links-tagline {
        font-size: 17px !important;
    }
}

/* ==========================================================
   WEB LOGIN PASSWORD LAUNCH BUTTON
   ========================================================== */

/* Remove the oversized Oxwall wrapper styling */
html body .ow_right:has(#change_password_button) {
    float: none !important;
    width: auto !important;
    margin: 12px 0 22px !important;
    text-align: left !important;
}

html body .ow_right:has(#change_password_button) > span.ow_button,
html body .ow_right:has(#change_password_button) > span.ow_button > span {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Actual button */
html body input#change_password_button {
    display: inline-block !important;

    width: auto !important;
    min-width: 330px !important;
    max-width: 100% !important;
    height: 50px !important;

    margin: 0 !important;
    padding: 0 28px !important;

    background: linear-gradient(
        180deg,
        #36c8ff 0%,
        #078fe8 55%,
        #006fbe 100%
    ) !important;

    border: 2px solid #9eeaff !important;
    border-radius: 10px !important;

    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 46px !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.6) !important;
    text-transform: uppercase !important;

    box-shadow:
        0 0 13px rgba(44, 193, 255, 0.65),
        0 5px 12px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;

    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        filter 0.18s ease !important;
}

html body input#change_password_button:hover {
    filter: brightness(1.12) !important;
    transform: translateY(-1px) !important;

    box-shadow:
        0 0 20px rgba(44, 193, 255, 0.9),
        0 7px 15px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

html body input#change_password_button:active {
    transform: translateY(1px) !important;
}

/* ==========================================================
   WEB PASSWORD POPUP
   ========================================================== */

.web-password-popup {
    box-sizing: border-box !important;
    padding: 5px !important;
}

.web-password-intro {
    margin: 0 0 18px !important;
    padding: 18px 20px !important;

    background: linear-gradient(
        135deg,
        rgba(0, 126, 204, 0.22),
        rgba(255, 42, 139, 0.12)
    ) !important;

    border: 1px solid rgba(91, 210, 255, 0.7) !important;
    border-radius: 12px !important;

    color: #ffffff !important;
    line-height: 1.5 !important;
}

.web-password-intro-title {
    margin-bottom: 10px !important;

    color: #70d9ff !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.web-password-intro p {
    margin: 8px 0 !important;
    color: #ffffff !important;
    font-size: 15px !important;
}

.web-password-login-details {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    margin: 12px 0 !important;
    padding: 11px 14px !important;

    background: rgba(0, 0, 0, 0.32) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 8px !important;
}

.web-password-detail-label {
    flex: 0 0 auto !important;

    color: #d7d7d7 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.web-password-username {
    flex: 1 1 auto !important;

    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-align: right !important;
    word-break: break-word !important;
}

.web-password-hud-note {
    color: #bdeeff !important;
    font-weight: 700 !important;
}

/* Password fields */
.web-password-form td.ow_label {
    width: 38% !important;
}

.web-password-form input[type="password"] {
    width: 100% !important;
    max-width: 270px !important;
    box-sizing: border-box !important;
}

/* Submit button aligned bottom-left */
.web-password-submit {
    margin-top: 16px !important;
    text-align: left !important;
}

.web-password-submit span.ow_button,
.web-password-submit span.ow_button > span {
    float: none !important;
    display: inline-block !important;
}

.web-password-submit input[type="submit"] {
    min-width: 150px !important;
}
/* ==========================================================
   SECOND LIFE-ONLY REGISTRATION MESSAGE
   ========================================================== */

.ow_sign_in_wrap .ow_sign_up {
    box-sizing: border-box !important;
    padding: 34px 30px !important;
    text-align: center !important;

    border: 1px solid rgba(255, 63, 145, 0.45) !important;
    border-radius: 16px !important;

    background:
        radial-gradient(
            circle at 50% 0,
            rgba(255, 63, 145, 0.20),
            transparent 45%
        ),
        linear-gradient(
            145deg,
            rgba(82, 0, 57, 0.92),
            rgba(33, 0, 25, 0.96)
        ) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.07),
        0 15px 40px rgba(0, 0, 0, 0.32),
        0 0 24px rgba(255, 63, 145, 0.13) !important;
}

/* Hide Oxwall's original welcome text, separator, and Join link */
.ow_sign_in_wrap .ow_sign_up > p,
.ow_sign_in_wrap .ow_sign_up > hr,
.ow_sign_in_wrap .ow_sign_up > a {
    display: none !important;
}

/* Replacement content */
.ow_sign_in_wrap .ow_sign_up::before {
    content:
        "SECOND LIFE MEMBERS ONLY\A\A"
        "Taboo! Social accounts must be created from inside Second Life.\A\A"
        "Use the Taboo! Social HUD in-world to create your profile. After your account is created, use the HUD to set your Web Login Password.\A\A"
        "You cannot sign in here until both steps have been completed.";

    display: block !important;
    white-space: pre-line !important;

    color: #ead4e2 !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    text-align: center !important;
}

/* Emphasized heading generated separately */
.ow_sign_in_wrap .ow_sign_up::after {
    content:
        "CREATE PROFILE IN SECOND LIFE  �  SET WEB PASSWORD IN THE HUD";

    display: block !important;
    margin-top: 24px !important;
    padding-top: 18px !important;

    border-top: 1px solid rgba(255, 255, 255, 0.13) !important;

    color: #ff8dbe !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
}

/* Extra protection in case another template produces a Join link */
.ow_sign_up a[href$="/join"],
.ow_sign_up a[href*="/join?"] {
    display: none !important;
}

@media (max-width: 700px) {
    .ow_sign_in_wrap .ow_sign_up {
        padding: 26px 20px !important;
    }

    .ow_sign_in_wrap .ow_sign_up::before {
        font-size: 16px !important;
    }

    .ow_sign_in_wrap .ow_sign_up::after {
        font-size: 12px !important;
    }
}
/* Hide Oxwall's Forgot Password link */
.ow_sign_in_wrap a[href*="forgot-password"],
.ow_sign_in_wrap a[href*="reset-password"],
.ow_sign_in_wrap .ow_forgot_pass {
    display: none !important;
}
/* ==========================================================
   REPAIR LOGIN PAGE TWO-COLUMN LAYOUT
   ========================================================== */

/* Give the complete login panel enough room */
.ow_sign_in_cont,
.ow_sign_in_wrap {
    width: min(920px, calc(100vw - 40px)) !important;
    max-width: 920px !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}

/* Replace Oxwall's floated columns with a proper grid */
.ow_sign_in_wrap form#form_base_sign_in > .clearfix {
    display: grid !important;
    grid-template-columns: minmax(310px, 0.9fr) minmax(410px, 1.1fr) !important;
    align-items: start !important;
    gap: 34px !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Cancel the original float/position rules */
.ow_sign_in_wrap .ow_sign_in,
.ow_sign_in_wrap .ow_sign_up {
    position: relative !important;
    float: none !important;
    left: auto !important;
    right: auto !important;

    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Keep the login form contained in its column */
.ow_sign_in_wrap .ow_sign_in {
    min-width: 0 !important;
}

.ow_sign_in_wrap .ow_sign_in > div,
.ow_sign_in_wrap .ow_sign_in input[type="text"],
.ow_sign_in_wrap .ow_sign_in input[type="password"] {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Improve the instruction panel */
.ow_sign_in_wrap .ow_sign_up {
    min-width: 0 !important;
    padding: 34px 30px !important;
}

/* Make the main instruction slightly easier to scan */
.ow_sign_in_wrap .ow_sign_up::before {
    font-size: 17px !important;
    line-height: 1.55 !important;
}

/* Keep the footer instruction from wrapping awkwardly */
.ow_sign_in_wrap .ow_sign_up::after {
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

/* Remove the unnecessary large empty area */
.ow_sign_in_cont,
.ow_sign_in_wrap,
.ow_sign_in_wrap form,
.ow_sign_in_wrap form#form_base_sign_in > .clearfix {
    padding-bottom: 0 !important;
}

/* Stack the sections on narrower screens */
@media (max-width: 780px) {
    .ow_sign_in_cont,
    .ow_sign_in_wrap {
        width: calc(100vw - 24px) !important;
    }

    .ow_sign_in_wrap form#form_base_sign_in > .clearfix {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .ow_sign_in_wrap .ow_sign_in,
    .ow_sign_in_wrap .ow_sign_up {
        width: 100% !important;
    }

    .ow_sign_in_wrap .ow_sign_up {
        padding: 27px 22px !important;
    }
}
/* ==========================================================
   GUEST HEADER CONTROLS
   ========================================================== */

/*
 * Hide only the console item whose DIRECT child is the
 * public Sign Up link. This avoids hiding the Sign In popup,
 * which also contains a nested /join link.
 */
html body .ow_console_item:has(> a[href*="/join"]) {
    display: none !important;
}


/* Make sure the Sign In console item remains visible */
html body .ow_console_item:has(> .ow_signin_label) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;
    height: auto !important;
    margin: 7px 10px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
}


/* Turn the existing Sign In label into a proper button */
html body .ow_console_item > .ow_signin_label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    visibility: visible !important;
    opacity: 1 !important;

    min-width: 112px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 22px !important;

    background: linear-gradient(
        180deg,
        #c92565 0%,
        #7b0632 100%
    ) !important;

    border: 2px solid #ff5798 !important;
    border-radius: 11px !important;

    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.7) !important;

    box-shadow:
        0 0 15px rgba(255, 56, 132, 0.65),
        0 5px 12px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;

    box-sizing: border-box !important;
    cursor: pointer !important;

    transition:
        transform 0.18s ease,
        filter 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body .ow_console_item > .ow_signin_label:hover {
    background: linear-gradient(
        180deg,
        #ef3b7f 0%,
        #a20b48 100%
    ) !important;

    color: #ffffff !important;
    filter: brightness(1.08) !important;
    transform: translateY(-1px) !important;

    box-shadow:
        0 0 23px rgba(255, 56, 132, 0.9),
        0 7px 15px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
/* ==========================================================
   REPAIR WEBSITE LOGIN POPUP LAYOUT
   Fits inside the existing 746px themed floatbox
   ========================================================== */

/* The login content must follow the floatbox width */
.ow_sign_in_cont,
.ow_sign_in_wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Two contained columns */
.ow_sign_in_wrap form#form_base_sign_in > .clearfix {
    display: grid !important;

    grid-template-columns:
        minmax(225px, 0.85fr)
        minmax(300px, 1.15fr) !important;

    align-items: start !important;
    gap: 22px !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* Cancel Oxwall's original floated columns */
.ow_sign_in_wrap .ow_sign_in,
.ow_sign_in_wrap .ow_sign_up {
    position: relative !important;
    float: none !important;

    left: auto !important;
    right: auto !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}

/* Left login panel */
.ow_sign_in_wrap .ow_sign_in {
    padding: 0 !important;
    overflow: visible !important;
}

.ow_sign_in_wrap .ow_sign_in > div {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Keep form controls inside the left column */
.ow_sign_in_wrap .ow_sign_in input[type="text"],
.ow_sign_in_wrap .ow_sign_in input[type="email"],
.ow_sign_in_wrap .ow_sign_in input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}

/* Second Life information panel */
.ow_sign_in_wrap .ow_sign_up {
    padding: 25px 22px !important;
    overflow: hidden !important;
}

.ow_sign_in_wrap .ow_sign_up::before {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.ow_sign_in_wrap .ow_sign_up::after {
    padding-right: 4px !important;
    padding-left: 4px !important;

    font-size: 11px !important;
    line-height: 1.5 !important;
}

/* Stack both panels when the available screen becomes narrow */
@media (max-width: 720px) {
    .ow_sign_in_wrap form#form_base_sign_in > .clearfix {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .ow_sign_in_wrap .ow_sign_in,
    .ow_sign_in_wrap .ow_sign_up {
        width: 100% !important;
    }

    .ow_sign_in_wrap .ow_sign_up {
        padding: 24px 18px !important;
    }
}

/* ==========================================================
   TABOO PROFILE DATA — FINAL AUTHORITATIVE LAYOUT
   Must remain at the end of base.css to outrank legacy table rules.
   ========================================================== */
html body .user_profile_data {
    box-sizing: border-box !important;
    width: min(1100px, calc(100% - 32px)) !important;
    max-width: 1100px !important;
    margin: 18px auto 28px !important;
    padding: 14px !important;
    overflow: visible !important;
}

html body .user_profile_data table.ow_table_3.data_table {
    table-layout: auto !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* Preserve Oxwall's tab controller: inactive profile sections are hidden
   with an inline display:none value. */
html body .user_profile_data table.ow_table_3.data_table[style*="display:none"],
html body .user_profile_data table.ow_table_3.data_table[style*="display: none"] {
    display: none !important;
}

html body .user_profile_data table.ow_table_3.data_table > tbody {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
}

html body .user_profile_data table.ow_table_3.data_table tr {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(135px, 34%) minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 62px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 77, 145, .34) !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(107, 12, 52, .62), rgba(54, 2, 27, .72)) !important;
}

html body .user_profile_data table.ow_table_3.data_table td,
html body .user_profile_data table.ow_table_3.data_table td.ow_label,
html body .user_profile_data table.ow_table_3.data_table td.ow_value {
    box-sizing: border-box !important;
    position: static !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 11px 13px !important;
    float: none !important;
    clear: none !important;
    border: 0 !important;
    background: transparent !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
}

html body .user_profile_data table.ow_table_3.data_table td.ow_label {
    border-right: 1px solid rgba(255, 77, 145, .24) !important;
    color: #ffabc9 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
    letter-spacing: .045em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

html body .user_profile_data table.ow_table_3.data_table td.ow_value,
html body .user_profile_data table.ow_table_3.data_table td.ow_value span {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 820px) {
    html body .user_profile_data table.ow_table_3.data_table > tbody {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 480px) {
    html body .user_profile_data {
        width: min(100%, calc(100% - 16px)) !important;
        padding: 10px !important;
    }

    html body .user_profile_data table.ow_table_3.data_table tr {
        grid-template-columns: minmax(112px, 38%) minmax(0, 1fr) !important;
    }
}

/* Profile and Dashboard share one explicit Base wrapper and layout. */
html body .taboo-widget-page {
    box-sizing: border-box !important;
    width: min(1100px, calc(100% - 32px)) !important;
    max-width: 1100px !important;
    margin: 18px auto !important;
}

html body .taboo-widget-page #place_sections,
html body .taboo-widget-page #place_sections > .clearfix,
html body .taboo-widget-page .place_section,
html body .taboo-widget-page .top_section,
html body .taboo-widget-page .left_section,
html body .taboo-widget-page .right_section,
html body .taboo-widget-page .bottom_section {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    float: none !important;
}

html body .taboo-widget-page .ow_dnd_widget {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 18px 0 !important;
    float: none !important;
}

html body .taboo-widget-page .ow_dnd_widget > .ow_box,
html body .taboo-widget-page .ow_dnd_widget > .ow_box_empty,
html body .taboo-widget-page .ow_box_cap,
html body .taboo-widget-page .ow_box_cap_empty {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

@media (max-width: 600px) {
    html body .taboo-widget-page {
        width: min(100%, calc(100% - 16px)) !important;
        margin: 12px auto !important;
    }
}

/* The complete profile widget stack shares one centered content column. */
/*
 * Normal Oxwall widget panels all use this id, but not every installed Base
 * build supplies our profile wrapper class. This fallback catches the live
 * markup while excluding the drag-and-drop editor.
 */
html body #place_sections.ow_stdmargin:not(.ow_dragndrop_sections) {
    box-sizing: border-box !important;
    width: min(1100px, calc(100% - 32px)) !important;
    max-width: 1100px !important;
    margin: 18px auto !important;
}

html body #place_sections.ow_stdmargin:not(.ow_dragndrop_sections) > .clearfix,
html body #place_sections.ow_stdmargin:not(.ow_dragndrop_sections) .place_section,
html body #place_sections.ow_stdmargin:not(.ow_dragndrop_sections) .top_section,
html body #place_sections.ow_stdmargin:not(.ow_dragndrop_sections) .left_section,
html body #place_sections.ow_stdmargin:not(.ow_dragndrop_sections) .right_section,
html body #place_sections.ow_stdmargin:not(.ow_dragndrop_sections) .bottom_section {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
}

html body #place_sections.ow_stdmargin:not(.ow_dragndrop_sections) .ow_dnd_widget {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 18px auto !important;
    float: none !important;
}

html body .taboo-profile-page-widgets {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/*
 * Oxwall's profile panel can retain the old Velvet left/right scheme even
 * after every widget has been styled as a centered card.  Center the panel
 * itself so captions and widget bodies always share the same outer edge.
 */
html body .taboo-profile-page-widgets #place_sections {
    box-sizing: border-box !important;
    width: min(1100px, calc(100% - 32px)) !important;
    max-width: 1100px !important;
    margin: 18px auto !important;
}

html body .taboo-profile-page-widgets #place_sections > .clearfix,
html body .taboo-profile-page-widgets #place_sections .place_section,
html body .taboo-profile-page-widgets #place_sections .top_section,
html body .taboo-profile-page-widgets #place_sections .left_section,
html body .taboo-profile-page-widgets #place_sections .right_section,
html body .taboo-profile-page-widgets #place_sections .bottom_section {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
}

html body .taboo-profile-page-widgets .ow_dnd_widget {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 18px auto !important;
    float: none !important;
}

html body .taboo-profile-page-widgets .ow_dnd_widget:has(.taboo-profile-hero) {
    width: 100% !important;
    max-width: none !important;
}

html body .taboo-profile-page-widgets .ow_dnd_widget > .ow_box,
html body .taboo-profile-page-widgets .ow_dnd_widget > .ow_box_empty {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html body .taboo-profile-page-widgets .ow_box_cap,
html body .taboo-profile-page-widgets .ow_box_cap_empty {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 14px 14px 0 0 !important;
}

html body .taboo-profile-page-widgets .ow_box,
html body .taboo-profile-page-widgets .ow_box_empty {
    border-radius: 0 0 14px 14px !important;
}

html body .taboo-profile-page-widgets .ow_avatar,
html body .taboo-profile-page-widgets .ow_avatar img,
html body .taboo-profile-page-widgets .ow_user_list img,
html body .taboo-profile-page-widgets .ow_avatar_list img {
    border-radius: 50% !important;
}

html body .taboo-profile-page-widgets .ow_box_toolbar_cont {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 8px 0 0 !important;
}

@media (max-width: 600px) {
    html body #place_sections.ow_stdmargin:not(.ow_dragndrop_sections) {
        width: min(100%, calc(100% - 16px)) !important;
        margin: 12px auto !important;
    }

    html body .taboo-profile-page-widgets #place_sections {
        width: min(100%, calc(100% - 16px)) !important;
        margin: 12px auto !important;
    }

    html body .taboo-profile-page-widgets .ow_dnd_widget {
        width: 100% !important;
        margin: 12px auto !important;
    }
}

/* The dashboard uses the same centered single-column rhythm as profiles. */
html body .taboo-dashboard-page-widgets {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 auto !important;
}

html body .taboo-dashboard-page-widgets .ow_dnd_widget {
    box-sizing: border-box !important;
    width: min(1100px, calc(100% - 32px)) !important;
    max-width: 1100px !important;
    margin: 18px auto !important;
    float: none !important;
}

html body .taboo-dashboard-page-widgets .ow_dnd_widget > .ow_box,
html body .taboo-dashboard-page-widgets .ow_dnd_widget > .ow_box_empty {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html body .taboo-dashboard-page-widgets .ow_box_cap,
html body .taboo-dashboard-page-widgets .ow_box_cap_empty {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 14px 14px 0 0 !important;
}

html body .taboo-dashboard-page-widgets .ow_box,
html body .taboo-dashboard-page-widgets .ow_box_empty {
    border-radius: 0 0 14px 14px !important;
}

html body .taboo-dashboard-page-widgets .ow_avatar,
html body .taboo-dashboard-page-widgets .ow_avatar img,
html body .taboo-dashboard-page-widgets .ow_user_list img,
html body .taboo-dashboard-page-widgets .ow_avatar_list img {
    border-radius: 50% !important;
}

html body .taboo-dashboard-page-widgets .ow_box_toolbar_cont {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 8px 0 0 !important;
}

/* Match cards retain a roomy grid while staying inside the dashboard column. */
html body .taboo-dashboard-page-widgets .taboo-matches-panel {
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important;
}

/* Compact dashboard/profile "My Profile" identity widget. */
html body .taboo-widget-page .ow_my_avatar_widget {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    width: min(100%, 430px) !important;
    min-height: 126px !important;
    margin: 0 auto !important;
    padding: 15px 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 77, 145, .48) !important;
    border-radius: 16px !important;
    background: radial-gradient(circle at 0 0, rgba(255, 75, 134, .17), transparent 42%), linear-gradient(145deg, rgba(80, 7, 37, .88), rgba(31, 0, 16, .96)) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .32) !important;
}
html body .taboo-widget-page .ow_my_avatar_widget .ow_my_avatar_img {
    flex: 0 0 94px !important;
    width: 94px !important;
    height: 94px !important;
    margin: 0 !important;
    float: none !important;
}
html body .taboo-widget-page .ow_my_avatar_widget .ow_avatar,
html body .taboo-widget-page .ow_my_avatar_widget .ow_avatar img {
    box-sizing: border-box !important;
    width: 94px !important;
    height: 94px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}
html body .taboo-widget-page .ow_my_avatar_widget .ow_avatar {
    overflow: hidden !important;
    border: 3px solid #ff4d91 !important;
    background: #300016 !important;
    box-shadow: 0 0 16px rgba(255, 46, 126, .3) !important;
}
html body .taboo-widget-page .ow_my_avatar_widget .ow_my_avatar_cont {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body .taboo-widget-page .ow_my_avatar_widget .ow_my_avatar_username {
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

/* Compact membership Upgrade card, independent of plugin CSS loading. */
html body .taboo-widget-page .ow_mship_widget_block {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px 22px !important;
    width: min(100%, 720px) !important;
    margin: 0 auto !important;
    padding: 20px 22px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 77, 145, .5) !important;
    border-radius: 17px !important;
    background: radial-gradient(circle at 0 0, rgba(255, 75, 134, .16), transparent 38%), linear-gradient(145deg, rgba(82, 7, 38, .9), rgba(31, 0, 16, .97)) !important;
    box-shadow: 0 11px 28px rgba(0, 0, 0, .34) !important;
}
html body .taboo-widget-page .ow_mship_widget_current {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    grid-column: 1 !important;
}
html body .taboo-widget-page .ow_mship_widget_label {
    color: #d9aabd !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}
html body .taboo-widget-page .ow_mship_widget_value {
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}
html body .taboo-widget-page .ow_mship_widget_txt {
    grid-column: 1 !important;
    margin: 0 !important;
    color: #f4d9e4 !important;
    font-size: 14px !important;
}
html body .taboo-widget-page .ow_mship_widget_benefits {
    grid-column: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
}
html body .taboo-widget-page .ow_mship_widget_benefits ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    gap: 8px 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
html body .taboo-widget-page .ow_mship_widget_benefits li {
    position: relative !important;
    margin: 0 !important;
    padding: 9px 10px 9px 29px !important;
    border: 1px solid rgba(255, 77, 145, .27) !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: rgba(42, 1, 20, .55) !important;
    font-size: 14px !important;
}
html body .taboo-widget-page .ow_mship_widget_benefits li::before {
    position: absolute !important;
    top: 9px !important;
    left: 10px !important;
    content: "\2713" !important;
    color: #ff72a9 !important;
    font-weight: 900 !important;
}
html body .taboo-widget-page .ow_mship_widget_more {
    margin-top: 8px !important;
    padding-left: 3px !important;
    color: #d7a6ba !important;
    font-size: 12px !important;
}
html body .taboo-widget-page .ow_mship_widget_btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    grid-column: 2 !important;
    grid-row: 1 / 4 !important;
    margin: 0 !important;
}

/* Build 15: stable selectors supplied by the live widget templates. */
html body .taboo-my-profile-card {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    width: min(100%, 430px) !important;
    min-height: 126px !important;
    margin: 0 auto !important;
    padding: 15px 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 77, 145, .48) !important;
    border-radius: 16px !important;
    background: radial-gradient(circle at 0 0, rgba(255, 75, 134, .17), transparent 42%), linear-gradient(145deg, rgba(80, 7, 37, .88), rgba(31, 0, 16, .96)) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .32) !important;
}
html body .taboo-my-profile-card .ow_my_avatar_img {
    flex: 0 0 94px !important;
    width: 94px !important;
    height: 94px !important;
    margin: 0 !important;
    float: none !important;
}
html body .taboo-my-profile-card .ow_avatar,
html body .taboo-my-profile-card .ow_avatar img {
    box-sizing: border-box !important;
    width: 94px !important;
    height: 94px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}
html body .taboo-my-profile-card .ow_avatar {
    overflow: hidden !important;
    border: 3px solid #ff4d91 !important;
    background: #300016 !important;
    box-shadow: 0 0 16px rgba(255, 46, 126, .3) !important;
}
html body .taboo-my-profile-card .ow_my_avatar_cont {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body .taboo-my-profile-card .ow_my_avatar_username {
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

html body .taboo-upgrade-card {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px 22px !important;
    width: min(100%, 720px) !important;
    margin: 0 auto !important;
    padding: 20px 22px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 77, 145, .5) !important;
    border-radius: 17px !important;
    background: radial-gradient(circle at 0 0, rgba(255, 75, 134, .16), transparent 38%), linear-gradient(145deg, rgba(82, 7, 38, .9), rgba(31, 0, 16, .97)) !important;
    box-shadow: 0 11px 28px rgba(0, 0, 0, .34) !important;
}
html body .taboo-upgrade-card .ow_mship_widget_current {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    grid-column: 1 !important;
}
html body .taboo-upgrade-card .ow_mship_widget_label {
    color: #d9aabd !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}
html body .taboo-upgrade-card .ow_mship_widget_value {
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}
html body .taboo-upgrade-card .ow_mship_widget_txt {
    grid-column: 1 !important;
    margin: 0 !important;
    color: #f4d9e4 !important;
    font-size: 14px !important;
}
html body .taboo-upgrade-card .ow_mship_widget_benefits {
    grid-column: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
}
html body .taboo-upgrade-card .ow_mship_widget_benefits ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    gap: 8px 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
html body .taboo-upgrade-card .ow_mship_widget_benefits li {
    position: relative !important;
    margin: 0 !important;
    padding: 9px 10px 9px 29px !important;
    border: 1px solid rgba(255, 77, 145, .27) !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: rgba(42, 1, 20, .55) !important;
    font-size: 14px !important;
}
html body .taboo-upgrade-card .ow_mship_widget_benefits li::before {
    position: absolute !important;
    top: 9px !important;
    left: 10px !important;
    content: "\2713" !important;
    color: #ff72a9 !important;
    font-weight: 900 !important;
}
html body .taboo-upgrade-card .ow_mship_widget_more {
    margin-top: 8px !important;
    color: #d7a6ba !important;
    font-size: 12px !important;
}
html body .taboo-upgrade-card .ow_mship_widget_btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    grid-column: 2 !important;
    grid-row: 1 / 4 !important;
    margin: 0 !important;
}
@media (max-width: 650px) {
    html body .taboo-upgrade-card {
        display: block !important;
        padding: 16px !important;
    }
    html body .taboo-upgrade-card .ow_mship_widget_txt,
    html body .taboo-upgrade-card .ow_mship_widget_benefits,
    html body .taboo-upgrade-card .ow_mship_widget_btn {
        margin-top: 12px !important;
    }
}
@media (max-width: 650px) {
    html body .taboo-widget-page .ow_mship_widget_block {
        display: block !important;
        padding: 16px !important;
    }
    html body .taboo-widget-page .ow_mship_widget_txt,
    html body .taboo-widget-page .ow_mship_widget_benefits,
    html body .taboo-widget-page .ow_mship_widget_btn {
        margin-top: 12px !important;
    }
}

@media (max-width: 600px) {
    html body .taboo-dashboard-page-widgets .ow_dnd_widget {
        width: min(100%, calc(100% - 16px)) !important;
        margin: 12px auto !important;
    }

    html body .taboo-dashboard-page-widgets .taboo-matches-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Search and search results share the site's centered content column. */
html body .taboo-search-page {
    box-sizing: border-box !important;
    width: min(1100px, calc(100% - 32px)) !important;
    max-width: 1100px !important;
    margin: 18px auto !important;
    padding: 16px !important;
    border: 1px solid rgba(255, 77, 145, .48) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(73, 6, 33, .9), rgba(29, 0, 15, .96)) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .32) !important;
}

html body .taboo-search-page__layout {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
}

html body .taboo-search-page__form,
html body .taboo-search-page__name {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    float: none !important;
}

html body .taboo-search-page table.ow_form {
    width: 100% !important;
    table-layout: auto !important;
}

html body .taboo-search-page table.ow_form td.ow_label {
    width: 34% !important;
    min-width: 150px !important;
    white-space: normal !important;
}

html body .taboo-search-page table.ow_form td.ow_value {
    width: auto !important;
    min-width: 0 !important;
}

html body .taboo-search-page input.display_name_input {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 8px 0 !important;
}

html body .taboo-search-results .ow_user_list,
html body .taboo-search-results .ow_user_list_item,
html body .taboo-search-results .ow_box,
html body .taboo-search-results .ow_box_empty {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

html body .taboo-search-results .ow_avatar,
html body .taboo-search-results .ow_avatar img,
html body .taboo-search-results .ow_user_list img {
    border-radius: 50% !important;
}

@media (max-width: 760px) {
    html body .taboo-search-page {
        width: min(100%, calc(100% - 16px)) !important;
        margin: 12px auto !important;
        padding: 10px !important;
    }

    html body .taboo-search-page__layout {
        grid-template-columns: 1fr !important;
    }

    html body .taboo-search-page table.ow_form td.ow_label {
        width: 38% !important;
        min-width: 112px !important;
    }
}

/* ==========================================================
   TABOO PROFILE PERSONNEL FILE
   One section at a time, portrait at left, section tabs at bottom.
   ========================================================== */
html body .taboo-profile-file,
html body .taboo-profile-file .user_profile_data {
    box-sizing: border-box !important;
    width: min(1100px, calc(100% - 32px)) !important;
    max-width: 1100px !important;
    margin: 18px auto !important;
}

html body .taboo-profile-file .user_profile_data {
    width: 100% !important;
    padding: 16px !important;
    border: 1px solid rgba(255, 77, 145, .5) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(145deg, rgba(73, 6, 33, .92), rgba(29, 0, 15, .97)) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .4) !important;
}

html body .taboo-profile-file__body {
    display: block !important;
    min-width: 0 !important;
}

html body .taboo-profile-file__top {
    display: grid !important;
    grid-template-columns: clamp(190px, 24vw, 275px) minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

html body .taboo-profile-file__body::after {
    display: block !important;
    clear: both !important;
    content: "" !important;
}

html body .taboo-profile-file__portrait {
    position: relative !important;
    display: flex !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(255, 77, 145, .48) !important;
    border-radius: 15px !important;
    background: rgba(32, 0, 16, .74) !important;
    box-shadow: 0 9px 22px rgba(0, 0, 0, .34) !important;
}

html body .taboo-profile-file__portrait img {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    object-position: center top !important;
    border: 2px solid #ff4d91 !important;
    border-radius: 12px !important;
    background: #260013 !important;
}

html body .taboo-profile-file__portrait span {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    text-align: center !important;
}

html body .taboo-profile-file__sections {
    min-width: 0 !important;
}

html body .taboo-profile-file__section {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

html body .taboo-profile-file__section.is-active {
    display: block !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    pointer-events: auto !important;
}

html body .taboo-profile-file__top-fields table.ow_table_3.data_table > tbody {
    grid-template-columns: 1fr !important;
}

html body .taboo-profile-file__top-fields table.ow_table_3.data_table tr {
    grid-template-columns: minmax(145px, 30%) minmax(0, 1fr) !important;
    min-height: 58px !important;
    border-radius: 10px !important;
}

html body .taboo-profile-file__remaining-fields {
    margin-top: 12px !important;
}

html body .taboo-profile-file__remaining-fields table.ow_table_3.data_table > tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body .taboo-profile-file__remaining-fields table.ow_table_3.data_table tr {
    grid-template-columns: minmax(125px, 34%) minmax(0, 1fr) !important;
}

html body .taboo-profile-file__source {
    display: none !important;
}

html body .taboo-profile-file__tabs {
    margin: 16px 0 0 !important;
    padding: 13px 0 0 !important;
    overflow-x: auto !important;
    border-top: 1px solid rgba(255, 77, 145, .32) !important;
    border-bottom: 0 !important;
}

html body .taboo-profile-file__tabs .ow_bl {
    display: flex !important;
    justify-content: center !important;
    flex-flow: row wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .taboo-profile-file__tabs .ow_bl li {
    margin: 0 !important;
}

@media (max-width: 700px) {
    html body .taboo-profile-file__top {
        grid-template-columns: 1fr !important;
    }

    html body .taboo-profile-file__portrait {
        position: static !important;
        display: grid !important;
        float: none !important;
        grid-template-columns: 105px minmax(0, 1fr) !important;
        align-items: center !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 14px !important;
    }

    html body .taboo-profile-file__portrait img {
        width: 105px !important;
        aspect-ratio: 1 !important;
        border-radius: 50% !important;
    }

    html body .taboo-profile-file__portrait span {
        text-align: left !important;
    }

    html body .taboo-profile-file__remaining-fields table.ow_table_3.data_table > tbody {
        grid-template-columns: 1fr !important;
    }
}