/*
 {$BRAND_NAME`}
 Copyright (c) ocProducts, 2004-2016
*/

/* Web UI */

#web_notifications_button, #pts_button {
	color: {$GET,heading_text};
	display: inline-block;
	position: relative;
	text-align: center;
	min-width: 30px;
	height: 24px;
	font-size: 1.05em;
	padding: 1px 0;
	vertical-align: middle;
	background-repeat: no-repeat;
	outline: 0;
}
#web_notifications_button {
	background-image: url('{$IMG;,icons/24x24/tool_buttons/notifications}');
	background-position: 2px 2px;
}
#pts_button {
	background-image: url('{$IMG;,icons/24x24/tool_buttons/inbox}');
	background-position: 3px 3px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#web_notifications_button {
		background-image: url('{$IMG;,icons/48x48/tool_buttons/notifications}');
		background-size: 24px 24px;
	}
	#pts_button {
		background-image: url('{$IMG;,icons/48x48/tool_buttons/inbox}');
		background-size: 24px 24px;
	}
}

#web_notifications_button span, #pts_button span {
	visibility: hidden;
}

.count_0 {
	{$BETA_CSS_PROPERTY,opacity: 0.5;}
}

.notification {
	margin: 0.5em 0;
	overflow: hidden;
}

.notification_subject {
	font-weight: bold;
	margin: 0;
}

.notification_subject * {
	white-space: inherit !important;
}

.notification img, .topic_list_topic img {
	width: 40px;
}

.notification_meta, .topic_list_meta {
	margin-top: 0.8em !important;
	width: auto !important;
	font-size: 0.9em;
}

.notification_meta {
	font-size: 0.85em;
}

.notification_has_read {
	opacity: 0.8;
}

/* Setting */

.notifications_field_name_column {
	width: 100%;
}

.notifications_privileges_column {
	width: 10em;
}

.notifications_tick_column {
	width: 4em;
}

.notifications_advanced_column {
	width: 10em;
}

.notifications_form .form_table_field_spacer>th {
	border-top: 1px solid {$GET,standard_border};
}

.notifications_form h2 {
	text-align: left;
	text-decoration: none;
	border: 0;
}

.notifications_form td {
	text-align: center;
	vertical-align: middle;
}

.notifications_form td label {
	display: none;
}

.notifications_form td div {
	display: inline;
}

.notification_code th {
	text-align: left !important;
}
