/**
 * @package TinyPortal
 * @version 3.0.2
 * @author IchBin - http://www.tinyportal.net
 * @founder Bloc
 * @license MPL 2.0
 *
 * The contents of this file are subject to the Mozilla Public License Version 2.0
 * (the "License"); you may not use this package except in compliance with
 * the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 *
 * Copyright (C) - The TinyPortal Team
 *
 */

/* Page layout */
.tp_container {
	overflow: hidden;
	width: 100%;
}
.tp_twocolumn {
	float: left;
	width: 50%;
}
.tp_onecolumn {
	float: left;
	width: 100%;
}
.tp_leftcol {
	padding-right: .2em;
}
.tp_rightcol {
	padding-left: .2em;
}
.tp_tabs {
	margin: 0;
	padding: 1em;
}
.tp_tabs a.tp_active {
	font-weight: bold;
}
.dropmenu .tp_menu_horizontal {
	display: block;
	border-top: 1px solid;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	cursor: default;
	position: relative;
	top: 1em;
	opacity: 0.3;
}
.tp_2columnflex {
	width:48%;
}
/* This will take care of dropping the old */
/* clearthefloat <p> tags on main panels. */
/* Can probably drop them everywhere later. */
#tptopbarHeader, #tpbottombarHeader, #mainContainer, #mainContainer > div,
#tpcenterbarHeader, #tplowerbarHeader {
	overflow:hidden;
}
#tpleftbarHeader {
	float: left;
}
#tprightbarHeader {
	float: right;
}
#tpcenterContainer {
	padding-bottom: .3em;
}
/* styles to make panels flex */
.tp_panelrow {
	display: flex;
	flex-direction: row;
	column-gap: 4px;
}
.tp_panelrow > div {
	flex: 1 1 0px;
}
.tp_panelcolumn {
	display: flex;
	flex-direction: column;
}
.tp_panelwrap, .tp_panelftwrap2, .tp_panelftwrap3, .tp_panelftwrap4 {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.tp_panelwrap > div.horiz2, .tp_panelftwrap2 div.grid  {
	flex: 1 1 45%;
}
.tp_panelwrap > div.horiz3, .tp_panelftwrap3 div.grid  {
	flex: 1 1 30%;
}
.tp_panelwrap > div.horiz4, .tp_panelftwrap4 div.grid  {
	flex: 1 1 20%;
}
.tp_panelftwrap2 div.grid:nth-child(1), .tp_panelftwrap3 div.grid:nth-child(1), .tp_panelftwrap4 div.grid:nth-child(1) {
	flex: 1 1 100%;
}

/* This is where you set the distance between blocks, use padding and target each panel if you like */
.block_leftcontainer, .block_rightcontainer, .block_topcontainer, .block_centercontainer, .block_lowercontainer, .block_bottomcontainer {
	padding-bottom: .3em;
}
.tpbuttons > .button {
	margin: 0 .3em .3em 0;
}
/* Articles */
.tp_article {
	border-radius: 0 0 6px 6px;
	overflow: auto;
}
.tp_pad {
	padding: 1em;
}
.tp_readmore {
	margin: 0;
	padding: 2em 0 0 0;
}
.tp_article_bodytext {
	overflow-wrap: anywhere;
}
.tp_article_inner {
	line-height: 1.4em;
	overflow-wrap: anywhere;
	border-top: 1px solid var(--tp_article-border);
	padding: 1em 0 0 0;
}
.tp_article_inner a, .inner a {
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	-ms-word-wrap: break-word;
	overflow-wrap: anywhere;
}
.tp_article_inner ul, ul.disc, .tp_article_inner ol, ol.decimal {
	margin-block-end: .5em;
	margin-block-start: .5em;
	margin-inline-end: 0;
	margin-inline-start: 0;
	padding: 0 0 0 3em;
	padding-inline-start: 3em;
}
.tp_article_inner ul, ul.disc {
	list-style-type: disc;
}
.tp_article_inner ol, ol.decimal {
	list-style-type: decimal;
	}
.tp_article_info {
	opacity: .8;
	line-height: 1.4em;
	overflow: hidden;
	padding: 0 0 .5em 0;
}
.tp_dlinfo {
	opacity: .8;
	line-height: 1.4em;
	overflow: hidden;
	padding: .7em 0 .5em 0;
}
h3.tp_article_info {
	font-size: 1.2em;
}
.tp_article_extra {
	border-top: 1px solid var(--tp_article-border);
	padding: 0 .5em;
	margin-top: 12px;
}
.tp_pageindex_lower, .tp_pageindex_upper {
	padding: .5em;
}
.tp_pageindex_upper {
	display: none;
}
.tp_article_category a {
	font-weight: bold;
}
.tp_article_author span:last-of-type {
	border-right: none;
}
.tp_article_authorinfo {
	border-top: 1px solid var(--tp_article-border);
	overflow: hidden;
	margin-top: 16px;
	padding-top: 16px;
}
h2.tp_article_author {
	font-size: 1.3em;
	font-weight: normal;
	padding-bottom: 2px;
}
.tp_author_text {
	font-size: .85em;
	line-height: 1.4em;
	padding-right: 2em;
}
.tp_nodivheader {
	padding: 12px 16px;
}
.tp_noheaderstyle {
	
}
.tp_nodivbody {
	padding: 12px 16px;
}

/* Horizontal render layout */
.tp_article_info div, .tp_dlinfo div {
	border-right: 1px solid var(--tp_article-border);
	display: inline-block;
	font-size: .9em;
	padding-right: .5em;
	margin-right: .5em;
}
.tp_article_info div:first-of-type, .tp_dlinfo div:first-of-type {
	padding-left: 0;
}
.tp_article_info div:last-of-type, .tp_dlinfo div:last-of-type {
	border-right: none;
}
.tp_article_info div.tp_avatar_single {
	border: none;
	float: left;
	max-width: 80px;
}
/* Vertical layout */
.render3 .tp_article_info div, .render4 .tp_article_info div, .render2 .tp_article_info div, .render8 .tp_article_info div {
	display: block;
	border: none;
	padding: 0;
}
span.tp_article_shortdate {
	font-weight: normal;
}
/* Avatar styles */
.tp_avatar {
	float: left;
	padding: .2em .8em 0 0;
}
.tp_avatar img {
	height: auto;
	width: 40px;
}
a.tp_avatar_author {
	display: block;
	float: left;
	margin: 0;
}
a.tp_avatar_author img {
	margin-right: .7em;
	padding: .1em;
	width: 80px;
}
.tp_avatar_single img {
	float: left;
	width: 65px;
}
.tp_avatar_single2 img {
	float: left;
	height: 30px;
	margin: .3em .3em .3em 0;
	padding: .1em;
}
/* Social icons*/
.tp_article_social {
	text-align: center;
	padding-top: 12px;
}
.tp_article_social img {
	padding-left: .2em;
	width: 24px;
}
/* Rating */
.tp_article_rate {
	margin: 0;
	padding: 1em;
}
/* Comments */
.tp_owncomment, .tp_othercomment {
	clear: both;
	overflow: hidden;
}
.tp_textcomment .body {
	background: var(--tp_comment-background);
	border: 1px solid var(--tp_comment-border);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: .15em .15em .3em 0 var(--tp_comment-boxshadow);
	margin: 1.4em 1em 1em 0;
	overflow-wrap: anywhere;
	padding: 1.5em 1em;
	position: relative;
}
.tp_othercomment .tp_textcomment .body {
	font-style: italic;
}
.tp_commentsbox {
	border: 1px solid var(--tp_comment-border);
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	margin: 1em 0 0 1em;
	max-height: 30em;
	overflow: auto;
}
.tp_article_comment {
	padding: 1em 1em .3em 1em;
}
.tp_comment_author {
	display: block;
	float: left;
	margin: 0;
}
.tp_comment_author img {
	border-radius: 2px;
	margin: 0 .5em 0 0;
	width: 34px;
}
.tp_comments span.counter {
	font-size: 1.6em;
	font-style: italic;
	font-weight: normal;
	margin-left: -.5em;
	position: absolute;
}
.tp_comments span.author {
	display: block;
	font-size: .8em;
	font-weight: normal;
	padding-left: 20px;
}
.tp_comments strong.subject {
	padding-left: 20px;
}
.tp_comments div.text {
	line-height: 1.4em;
	margin: .5em .5em .5em 20px;
	padding: .5em .5em .5em 0;
}
.tp_comments a.delete {
	font-size: .8em;
	font-weight: bold;
	padding: 0 10px;
	text-transform: uppercase;
}
/* Images in articles */
.tp_article_inner img, .tp_article img, .bbc_img {
	height: auto;
	max-width: 100%;
}
.tp_thumb img, .tp_liimtile img {
	max-height: 150px;
	max-width: 150px;
	padding: 5px;
}
.tp_quicklist div {
	margin-top: .3em;
	max-height: 200px;
	overflow: auto;
	padding: .3em;
}
.youtubecontainer iframe {
	border-style: none;
}
/* RenderX */
.render1 {
	overflow: hidden;
}
.render2, .render3, .render4, .render6, .render8 {
	margin: 0;
}
.render2 h2, .render4 h2, .render6 h2, .render8 h2 {
	font-size: 1.2em;
	font-weight: bold;
	overflow: hidden;
}
/* Render2 */
.tp_article_iconcolumn {
	float: left;
	margin: 0 1em .5em 0;
	text-align: center;
	width: 100px;
}
.tp_article_iconcolumn img {
	height: auto;
	max-width: 100%;
}
.tp_article_icon {
	border: 1px solid var(--tp_article-icon-border);
	height: 98px;
	overflow: hidden;
	width: 98px;
}
.tp_admin .tp_article_icon img {
	max-width: 100%;
	width: 100%;
}
/* Render4 */
.render4 .windowbg, .render4 .roundframe {
	margin-top: 0 !important;
}
.tp_article_header {
	line-height: 1.6em;
	overflow: hidden;
	padding: 0 0 0 0;
}
.tp_article_picturecolumn {
	float: left;
	margin: 0 1em .5em 0;
	overflow: hidden;
	text-align: center;
}
.tp_article_picturecolumn img {
	width: 100%;
}
.tp_article_picture {
	background-position: top right;
	background-repeat: no-repeat;
	height: auto;
	max-height: 98px;
	width: 98px;
}
/* Render9 */
.render9 .windowbg {
	margin: .5em 0 0 0 !important;
}
.tp_article_boardnews {
	font-size: .9em;
	padding-top: 2em;
}
ul.tp_category_children {
	margin: 0;
	overflow: hidden;
	padding: .5em 0;
}
ul.tp_category_children li {
	display: inline;
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0.5em;
}
/* SSI */
#articlejump {
	padding: 1em;
}
/* Panels */
#tptopbarHeader, #tpcenterbarHeader, #tpleftbarHeader, #tprightbarHeader, #tplowerbarHeader, #tpbottombarHeader, #tpcontentHeader, #tpfrontpanel_top {
	padding-bottom: 0;
}
#tpleftbarHeader {
	padding-right: .15em;
}
#tprightbarHeader {
	padding-left: .15em;
}
#tplowerbarHeader {
	clear: both;
	margin-top: 8px;
}
#tpbottombarHeader {
	clear: both;
}
/* Blocklayout */
.tp_dummy_title {
	padding: .3em;
}
.tp_blockbody {
	line-height: 1.3em;
	min-height: 0;
	overflow: auto;
	overflow-wrap: anywhere;
	padding: .3em;
}
.tp_leftblock_noframe .tp_blockbody, .tp_rightblock_noframe .tp_blockbody, .tp_topblock_noframe .tp_blockbody, .tp_centerblock_noframe .tp_blockbody, .tp_lowerblock_noframe .tp_blockbody, .tp_bottomblock_noframe .tp_blockbody  {
	padding: 0;
}

img.tp_edit {
	float:right;
	margin: 2px 0 0 4px	;
}
/* Blocktype 1: User */
.tp_userblock .login dt, .tp_userblock .login dd {
	float: none;
	width: 100%;
	text-align: left;
}
.tp_userblock ul, .tp_statsblock ul {
	padding: 0;
	left: .25em;
	position: relative;
}
.tp_user_pm li::before {
	content: url('../images/tinyportal/TPdivider.png');
	left: -.25em;
	position: relative;
	top: -.125em;
}
.tp_user_unapproved_members li::before {
	content: url('../images/tinyportal/TPmodule2.png');
	left: -.25em;
	position: relative;
	top: -.125em;
}
.tp_user_moderate li::before {
	content: url('../images/tinyportal/TPdivider.png');
	left: -.25em;
	position: relative;
	top: -.125em;
}
.tp_user_unread li::before {
	content: url('../images/tinyportal/TPdivider.png');
	left: -.25em;
	position: relative;
	top: -.125em;
}
.tp_user_maintenance li::before {
	content: url('../images/tinyportal/TPdivider2.png');
	left: -.25em;
	position: relative;
	top: -.125em;
}
.tp_user_loggedintime li::before {
	content: url('../images/tinyportal/TPdivider2.png');
	left: -.25em;
	position: relative;
	top: -.125em;
}
.tp_user_subart li::before {
	content: url('../images/tinyportal/TPdivider3.png');
	left: -.25em;
	position: relative;
	top: -.125em;
}
.tp_user_settings li::before {
	content: url('../images/tinyportal/TPmodule2.png');
	left: -.25em;
	position: relative;
	top: -.125em;
}
/* Blocktype 3: Stats */
.tp_statsblock h5 {
	font-size: 1.1em;
	margin: .3em 0 .2em 0;
	padding: .3em 0 .3em 1.5em;
}
.tp_statsblock h5.mlist {
	background: url(../images/tinyportal/members.png) no-repeat 0 5px;
}
.tp_statsblock h5.stats {
	background: url(../images/tinyportal/stats.png) no-repeat 0 5px;
}
.tp_statsblock h5.online {
	background: url(../images/tinyportal/online.png) no-repeat 0 5px;
}
.tp_stats_members li::before {
	content: url('../images/tinyportal/TPdivider.png');
	left: -.25em;
	position: relative;
	top: -.125em;
}
.tp_stats_forum li::before {
	content: url('../images/tinyportal/TPdivider.png');
	left: -.25em;
	position: relative;
	top: -.125em;
}
.tp_stats_users li::before {
	content: url('../images/tinyportal/TPdivider2.png');
	left: -.25em;
	position: relative;
	top: -.125em;
}
li.tp_stats_online_users::before {
	content: url('../images/tinyportal/TPdivider3.png');
	position: relative;
	top: -.125em;
}
/* Blocktype 4: search */
.tp_searchblock {
	margin: 5px auto;
	width: 85%;
}
.tp_searchblock_submit {
	margin: 0 auto 5px auto;
	width: 65%;
}
/* Blocktype 9: Menu */
ul.tp_catmenu, ul.tp_catmenu li {
	line-height: 1.3em;
	list-style: none;
	margin: 0;
}
ul.tp_catmenu li.tp_catmenu_header {
	padding-top: .5em;
}
.tp_menu_0::before {
	content: url(../images/tinyportal/TPdivider2.png);
	left: -.3em;
	position: relative;
}
.tp_menu_1::before {
	content: url(../images/tinyportal/bullet3.png);
	left: -.3em;
	position: relative;
}
/* Blocktype 12: Recent Topics */
ul.tp_recentblock {
	line-height: 1.3em;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.tp_recentblock li {
	line-height: 1.3em;
	padding: .3em 0 .3em 0;
}
ul.tp_recenttopics li {
	border-bottom: 1px solid var(--tp_recenttopics-border);
	margin: 0;
	margin-bottom: .3em;
	overflow: hidden;
	padding: .3em;
}
/* blocktype 13: SSI functions*/
.tp_ssifunction, .tp_rssfunction {
	padding: 5px;
}
/* Blocktype 14: Article/Download functions */
ul.dl_recentitems {
	margin: 0;
	padding-inline-start: 1em;
}
/* Blocktype 16: Sitemap */
ul.tp_sitemap {
	margin: 0;
	padding: 0;
}
ul.tp_sitemap li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.tp_sitemap li a {
	display: block;
	margin-bottom: .1em;
	padding: .2em;
	text-decoration: none;
}
ul.tp_sitemap li a:hover {
	background: var(--tp_sitemap-background);
	color: var(--tp_sitemap-color);
	text-decoration: none;
}
ul.tp_sitemap li a.tp_sitemapheader {
	font-weight: bold;
}
/* Blocktype 18: Single Article */
.tp_articleblock h2.tp_article_title, .tp_articleblock .tp_article_info {
	display: none;
}
.tp_articleblock .tp_article_inner {
	border-top: none;
}
/* TP admin styles */
.tp_admin_content .button:not(:first-child) {
	margin-left: .3em;
}
.tp_overview {
	display: grid;
	grid-template-columns: repeat(auto-fill, 140px);
	justify-content: space-between;
	grid-gap: 20px;
}
.tp_overview div {
	height: 120px;
	text-align: center;
}
.tp_admin h3.titlebg, .tp_admin h3.catbg, .tp_admin_content h3.titlebg, .tp_admin_content h3.catbg {
	clear: right;
}
.tp_largelist {
	border: 1px solid var(--tp_border);
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	margin-bottom: .3em;
	max-height: 10em;
	overflow: auto;
	padding: .3em;
}
.tp_largelist2 {
	border: 1px solid var(--tp_border);
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	margin-bottom: .3em;
	max-height: 20em;
	overflow: auto;
	padding: .3em;
}
.tpleft {
	text-align: left;
}
.tpcenter {
	text-align: center;
}
.tpright {
	text-align: right;
}
.tptooltip::before {
	background: url(../images/tinyportal/TPquestion.png) no-repeat;
	content: '';
	display: inline-block;
	height: 16px;
	padding-right: .3em;
	vertical-align: middle;
	width: 16px;
}
.tptooltip {
	display: inline-block;
	position: relative;
}
.tpresults {
	margin: 0;
	padding: 0 .5em;
}
h4.tpresults {
	font-size: 1.3em;
	font-weight: normal;
	padding-bottom: 0;
}
.tp_liimwrapper, .tp_imagewrapper {
	max-height: 800px;
	overflow: auto;
	border-top: 1px solid var(--tp_blockopts-border);
	display: grid;
	grid-template-columns: repeat(auto-fill, 200px);
	justify-content: space-between;
	grid-gap: 1em;
	padding: 1em 0;
	margin: 1em 0;
}
.tp_imagewrapper {
	grid-template-columns: repeat(auto-fill, 120px);
}
.tp_liimwrapper div, .tp_imagewrapper div {
	margin-top: .3em;
	overflow: hidden;
}
.tp_liimtile {
	font-size: 0.7em;
	height: 220px;
	text-align: center;
	overflow-wrap: anywhere;
	border: 1px solid var(--tp_blockopts-border);
	border-radius: 6px;
}
.tp_icontile {
	width: 110px;
	height: 110px;
	text-align:center;
	overflow-wrap: anywhere;
	border: 1px solid var(--tp_blockopts-border);
	border-radius: 6px;
}
.tp_icontile img {
	width: 100%;
}
.tp_admin_menu {
	float: left;
	margin: 0;
	width: 204px;
}
.tp_admin_menu ul {
	margin: 0;
	padding: 0;
}
.tp_admin_menu ul li {
	list-style: none;
	padding-left: 5px;
	width: 180px;
}
.tp_admin_menu ul li .largetext {
	font-size: 1.2em;
	line-height: 1em;
	padding-bottom: 5px;
	padding-top: 5px;
}
.tp_admin_menu ul li .normaltext, .tp_admin_menu ul li .middletext {
	margin: 0;
	padding: .15em 0 10px 0;
}
.tp_admin_content {
	margin: .15em 0 0 214px;
	overflow: hidden;
}
fieldset#blockopts {
	margin-top: 1em;
	padding: 1em;
}
fieldset#blockopts table {
	margin: 1em 0;
}
fieldset#blockopts td {
	border: 1px solid var(--tp_blockopts-border);
}
/* Rounded headers for TP */
h2.catbg, h2.catbg2, h2.titlebg {
	font-size: 1.2em;
	font-weight: bold;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
}
h2.catbg img.icon {
	float: left;
	margin: 5px .6em 0 0;
}
/* Additional style for blocks*/
div.tp_half21 {
	background: var(--tp_half21-background);
	border-radius: 6px 6px 0 0;
	box-shadow: 0 16px 20px var(--tp_half21-box-shadow) inset;
	padding: 0;
	text-shadow: -1px -1px 1px var(--tp_half21-text-shadow);
}
.tp_half21 h3.titlebg {
	font-size: 1.1em;
	overflow: hidden;
	padding: .6em .9em .5em .9em;
}
.tp_half21 h3.catbg {
	font-size: 1.1em;
	overflow: hidden;
	padding: .6em .9em .5em .9em;
}
.tp_block21 {
	margin-bottom: 0 !important;
	margin-top: .5em;
	padding: .3em .6em .6em .6em;
}
.tp_admin_content .tpbut {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.editor {
	height: 100px;
	margin: 0.25em 0 1em 0;
	max-width: 100%;
	min-width: 90%;
	width: 635px;
}
.sceditor-container {
	margin: 0.25em 0 1em 0;
	max-width: 100%;
}
/* Style for article titles */
.tp_article .cat_bar {
	border-radius: 6px 6px 0 0;
}
.tp_article .title_bar h3.titlebg2 {
	background: none;
	padding: .6em 0 .5em 0;
}
.tp_article .title_bar h3.catbg {
	background: none;
	padding: .5em .9em .5em .9em;
}
.tp_article .title_bar h3.catbg2 {
	background: none;
	border-radius: 6px 6px 0 0;
	font-weight: bold;
	height: 31px;
	padding-right: 1em;
}
.tp_article .cat_bar h3.titlebg {
	background: none;
}
.tp_article .cat_bar h3.titlebg2 {
	background: none;
	padding: .6em 0 .5em 0;
}
img.tp_article_on {
	margin-right: .5em;
}

/* TP STYLES */
.tp_floatleft {
	float: left;
}
.tp_floatright {
	float: right;
}
.clearthefloat {
	clear:both;
	margin: 0;
	padding: 0;
}
input#searchbox {
	margin-bottom: .5em;
	max-width: 350px!important;
	padding: .5em;
	width: 100%;
}
input,select {
	max-width:100%!important;
}
.tp_upshrink, .navigate_section .tp_upshrink {
	float: right;
	padding: 0 0 .1em .2em;
	margin-top: .5em;
}
/* TP ADMIN STYLES */
.tp_admin {
	padding: 0 0 .3em 0;
}
#tpadmin .button:not(.floatnone), #tpshout_admin_settings .button:not(.floatnone), #tpshout_admin .button:not(.floatnone) {
	float: right;
}
.tp_admin img {
	max-width: 95%;
}
.tp_addborder {
	border-bottom: 1px solid var(--tp_border);
}
.tp_addborderleft div {
	border-left: 1px solid var(--tp_border);
}
.tp_artlayoutfp {
	float: left;
	margin: .3em;
}
.tp_artlayouttype {
	float: left;
	height: 100px;
	margin: .3em;
	width: 180px;
}
#tp_article_body {
	height: 300px;
	width: 98%;
	margin-bottom: 10px;
}
#tp_article_intro {
	height: 140px;
	width: 98%;
	margin-bottom: 10px;
}
.tp_customlayout {
	height: 200px;
	width: 100%;
	max-width: 900px;
}
.tp_admin_content div.information {
	border: none;
	border-radius: 0 0 0 0;
	margin: 0;
}
.padding-div {
	padding:1%;
}
.font-strong {
	font-weight:bold;
	padding:1% 0 1% 0;
}
.float-items {
	box-sizing: border-box;
	float: left;
	padding: 2px 6px;
}
.show-on-responsive {
	display:none;
}
.pos {
	border-left: 0!important;
}
.tp_details {
	flex-grow: 1;
	margin: .3em 0;
}
.tp_panelstyles {
	float: left;
	height: 120px;
	width: 160px;
	margin: .5em;
}
.tp_panelstyles-bg {
	background-color: var(--tp_panelstyles-background);
	overflow: hidden;
	padding: .5em;
}
.tp_theme_icon {
	height: 35px;
	width: 35px;
}
.tp-illu {
	max-width: 300px;
	max-height: 300px;
}
/* Added these styles for 2.1 Curve to override new styles in admin sections }*/
#tpleftbarHeader.roundframe, #tprightbarHeader.roundframe {
	padding: 10px;
}
.fullwidth-on-res-layout {
	font-size: 0.9em;
}
.tp_catname, .tp_name {
	flex-grow: 1;
}
.tp_artactions {
	width: 60px;
	flex-shrink: 0;
	text-align:center;
}
.tp_catactions {
	width: 140px;
	flex-shrink: 0;
	text-align:center;
}
.tp_pos {
	width: 50px;
	flex-shrink: 0;
}
.tp_author {
	width: 100px;
	flex-shrink: 0;
}
.tp_date {
	width: 160px;
	flex-shrink: 0;
}
.tp_articleopts {
	width: 160px;
	flex-shrink: 0;
}
.tp_articleopts80 {
	width: 80px;
	flex-shrink: 0;
}
.tp_arttype {
	width: 70px;
	flex-shrink: 0;
}
.tp_artdel {
	width: 30px;
	flex-shrink: 0;
}
.tp_counter {
	width: 100px;
	flex-shrink: 0;
}
.tp_rating {
	width: 150px;
	flex-shrink: 0;
}
.tp_filename {
	width: 220px;
	flex-shrink: 0;
}
.tp_filesize {
	width: 100px;
	flex-shrink: 0;
}
.tp_shoutip {
	width: 300px;
	flex-shrink: 0;
}
.tp_article .windowbg, .tp_article .roundframe {
	margin-bottom: .5em !important;
}
#tpfrontpanel_top .windowbg, #tpfrontpanel_bottom .windowbg {
	margin-bottom: 0 !important;
}
/* Main icons for SMF 2.1 */
.main_icons.menu_tp::before {
	background: url(../images/tinyportal/menu_tp.png) no-repeat;
}
.main_icons.menu_tparticle::before {
	background: url(../images/tinyportal/menu_tparticle.png) no-repeat;
}
.main_icons.menu_tpdownload::before {
	background: url(../images/tinyportal/menu_tpdownload.png) no-repeat;
}
.main_icons.menu_tpshout::before {
	background: url(../images/tinyportal/menu_tpshout.png) no-repeat;
}
.main_icons.menu_tpforum::before {
	background: url(../images/tinyportal/menu_tpforum.png) no-repeat;
}
/* Font awesome icons for FA themes*/
.fa-forum:before {
	content: "\f086";
}
.fa-tpadmin:before {
	content: "\f1b3";
}
code.bbc_code {
	-ms-hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	overflow-wrap: anywhere;
	white-space: normal !important;
}
/* TP rss feed styles */
.tp_rss_title {
	border-bottom: 1px solid var(--tp_rssbody-border);
	font-size: 1.3em;
	line-height: 1.4em;
	margin-bottom: .5em;
	padding: 0 0 .5em 0;
}
.tp_rss_title_normal {
	background: url(../images/tinyportal/bullet1.png) no-repeat 0 5px;
	border: none;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0;
	padding: .15em .15em .15em 16px;
}
.tp_rss_date {
	font-size: .9em;
	font-style: italic;
	padding: .5em 0;
	text-align: right;
}
.tp_rss_body {
	margin-bottom: 1em;
}
.tp_rss_body img {
	background: var(--tp_rssbody-background);
	border: 1px solid var(--tp_rssbody-border);
	margin: .8em 0;
	padding: .5em;
	vertical-align: middle;
	max-width: 100%;
}
.tp_rss_body h1, .tp_rss_body h2, .tp_rss_body h3, .tp_rss_body h4, .tp_rss_body h5, .tp_rss_body h6 {
	font-size: 1em;
	margin: 0;
	padding: .5em 0 0 0;
}
.tp_rss_body .quote, .tp_rss_body blockquote {
	background: var(--tp_rssbody-background);
	border: 1px solid var(--tp_rssbody-border);
	font-style: italic;
	margin: .5em 0;
	padding: .5em;
}
.tp_rss_body .quoteheader {
	font-style: italic;
}
/* DL manager styles */
.tp_wrapanywhere {
	overflow-wrap: anywhere !important;
}
.tp_dlcontainer {
	clear: both;
	width: 100%;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	overflow-wrap: anywhere;
}
.tp_dlpostdetails {
	line-height: 1.4em;
	margin: 0 0 .5em 0;
	padding: .2em 0 .5em 0;
}
ul.tp_dlpostdetails li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.blocks img, .box img, .tp_dlsortlinks img, .tp_admflexbox img, .tp_flexbox img, .tp_flexrow img {
	display: inline-block;
	vertical-align: middle;
}
select[name="tp_dlitem_rating"] {
	width: initial;
}
div.tp_dlfeatureshot {
	float: right;
	margin: 0 0 1em 1em;
}
.tp_dlratingoption {
	padding: 0 .5em;
}
.tp_dlmorefiles {
	border-top: 1px solid var(--tp_article-border);
	padding: 1em;
}
.tp_dlmorefiles ul {
	padding: .5em 1em;
}
.tp_dlmorefiles li {
	background: url(../images/tinyportal/glyph_download.png) no-repeat;
	list-style: none;
	margin: 0;
	padding: .15em 0 .5em 20px;
}
h3.h3dl {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0;
	padding: 0 0 .2em 0;
}
h4.h4dl {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.5em 0;
}
.tp_dlpost,.tp_dlcatpost, .tp_dlsummary {
	border-top: 1px solid var(--tp_article-border);
	padding-top: .5em;
	margin-top: 12px;
}
.tp_dlsubcats {
	border-top: 1px solid var(--tp_article-border);
	display: grid;
	grid-template-columns: auto auto auto;
	padding-top: .5em;
	margin-top: 12px;
}
.tp_dltablelist .windowbg {
	border-top: none;
	box-shadow: none;
	border-radius: 0;
	margin: 0;
	overflow: hidden;
}
.tp_flexbox {
	display: flex;
	justify-content: normal;
	align-items: center;
	flex-wrap: wrap;
	gap: .5em .5em;
}
.tp_flexrow {
	display: flex;
	justify-content: normal;
	align-items: center;
	gap: .5em .5em;
}
/* use in responsive admin tables with .box*/
.tp_admflexbox {
	display: flex;
	justify-content: normal;
	align-items: center;
}
.tp_admfirst, .tp_admlast {
	display: flex;
	justify-content: normal;
	align-items: center;
	column-gap: 0.5em;
}
.tp_admfirst {
	flex-grow: 1;
}
.tp_admlast {
	flex-shrink: 0;
}
.tp_dlsortlinks {
	text-align: right;
	padding: 1%;
}
.tp_dltablelist, .tpbottom {
	margin-bottom: .5em;
}
.tp_dlthumb {
	height: 50px;
	width: 50px;
	min-width: 50px;
	position: relative;
}
.tp_dlthumb img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.tp_dlicon {
	width: 40px;
	margin: 5px 10px;
	position: relative;
}
.tp_dlicon img {
	float: left;
	max-width: 100px;
}
.tp_dldetails {
	flex-grow: 1;
	margin: .3em 0;
}
.tp_dltitle {
	font-size: 14px;
	font-weight: bold;
}
.tp_dldetails .tp_dlinfo {
	padding: 0;
}
dl.tp_title dt {
	float: left;
	width: 39%;
}
dl.tp_title dd {
	float: right;
	width: 60%;
	margin-bottom: 10px;
}
#tp-dluploadtitle {
	width: 92%;
}
.tp_countblock {
	display: flex;
	font-size: .8em;
}
.tp_countblock_a{
	background: var(--tp_background);
	border: 1px solid var(--tp_article-border);
	margin: 0 3px;
	padding: 6px 10px;
	text-align: center;
	border-radius: 6px;
	min-width: max-content;
}
.tp_countblock_b {
	background: var(--tp_background);
	border: 1px solid var(--tp_article-border);
	margin: 0 3px;
	padding: 6px 8px;
	text-align: center;
	border-radius: 6px;
	min-width: max-content;
}
.tp_countblock_c {
	background: var(--tp_background);
	border: 1px solid var(--tp_article-border);
	margin: 0 3px;
	padding: 6px 8px;
	text-align: center;
	border-radius: 6px;
	min-width: 8em;
}
.tp_countnr {
	font-size: 14px;
	font-weight: bold;
}
.tp_dlinfo .tp_dlshow-on-responsive, .table_grid .tp_dlshow-on-responsive {
	display: none;
}
/*New switch*/
.switch-field {
	display: flex;
	margin-bottom: .5em;
	overflow: hidden;
}
.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}
.switch-field label {
	background-color: var(--tp_boxshadow);
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid var(--tp_border);
	box-shadow: 0 1px var(--tp_boxshadow);
	transition: all 0.2s ease-in-out;
	font-weight: 600;
}
.switch-field label:hover {
	cursor: pointer;
}
.switch-field input:checked + label {
	background-color: var(--tp_on);
	box-shadow: none;
}
.switch-field input.switch-off:checked + label {
	background-color: var(--tp_off);
	box-shadow: none;
}
.switch-field label:first-of-type {
	border-radius: 6px 0 0 6px;
}
.switch-field label:last-of-type {
	border-radius: 0 6px 6px 0;
}
}
/* Responsive CSS */
@media only screen and (min-width: 769px) {
.youtubecontainer {
	display: inline-block;
	height: calc(59vw/1.77);
	margin: 0 auto;
	width: 59vw;
}
}
/** screen bigger then 900px **/
@media all and (min-width: 900px) {
.clickme {
	display:none!important;
}
.box {
	display:block!important;
	width: 100%;
}
}
/** screen smaller then 900px **/
@media all and (max-width: 900px) {
.clickme {
	background-image:url(../images/tinyportal/TPsort_down.png);
	background-position:center left;
	background-repeat:no-repeat;
	clear:both;
	cursor: pointer;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding: .5em 2em;
	text-decoration:none;
}
.tp_admflexbox, .tp_admlast {
	display:block;
}
.adm-pos {
	width:60px!important;;
}
.adm-name {
	width:calc(100% - 60px)!important;
}
.fullwidth-on-res-layout {
	box-sizing: border-box;
	clear:both!important;
	float:none!important;
	text-align: left!important;
	width:98%!important;
}
.fullwidth-on-res-layout::after {
	clear:both;
	content: "";
	display:block;
}
.show-on-responsive {
	display:block;
	float: left;
	max-width: 150px;
	width: 45%!important;
	font-weight: 600;
}
.size-on-responsive {
	float: left;
}	
.title-admin-area {
	display:none;
}
.tp_admin .pos, .tp_admin .name {
	box-sizing: border-box;
	display:inline-block;
}
.tp_admin .name {
	width:78%!important;
}
.tp_admin .pos, .tp_admin .adm-pos {
	box-sizing: border-box;
	width:60px!important;
}	
.tp_admin .adm-name {
	box-sizing: border-box;
	padding:1%!important;
	width:calc(100% - 60px)!important;
}	
#new-item .show-on-responsive {
	float:none;
	padding: 0 0 1% 0!important;
	width:100%!important;
}
#any-subcats .size-on-responsive .float-items, #up-file .size-on-responsive .float-items {
	padding:0 1%;
	text-align:left;
}
#any-subcats .size-on-responsive, #up-file .size-on-responsive {
	text-align:left;
}
#new-item .float-items {
	float: none;
	width: 98%!important;
}
.tp_admin_menu {
	float: none!important;
	width: 100%!important;
}
.tp_admin_menu ul li {
	display: inline-block;
	padding-left: 1%!important;
	vertical-align: top;
	width: 31%!important;
}
.tp_admin_menu .roundframe::after {
	clear: both;
	content: "";
	display: table;
}
.tp_admin_content {
	margin: 2px 0 0 0!important;
}
.tp_article_picture {
	background-position: center;
}
.tp_dlsubcat {
	flex: 0 0 50%;
}
.tp_2columnflex {
	width:100%;
}
}
@media all and (max-width: 768px) {
.youtubecontainer {
	display: inline-block;
	height: calc(80vw/1.77);
	margin: 0 auto;
	width: 80vw;
}
.youtubecontainer iframe {
	display:block;
	height:100%;
	width:100%;
}
.padding-div {
	padding: calc(1% + 10px);
}
.tp_admin_content {
	min-width:200px;
}
}
/** screen smaller then 600px **/
@media all and (max-width: 600px) {
.tp_panelrow  {
	display: block;
}
.tp_panelrow > div {
	width: 100%;
}
.tp_hidesmall {
	display: none;
}
.tp_admin_menu{
	float: none!important;
	width: 100%!important;
}
.tp_admin_menu ul li {
	padding-left: 3%!important;
	width: 45%!important;
}
.tp_admin_menu .roundframe::after {
	clear: both;
	content: "";
	display: table;
}
.tp_admin_content {
	margin: 2px 0 0 0!important;
}
ul.tp-subcategories li {
	width: 98%;
}
.tp_dlsubcat {
	flex: 0 0 100%;
}
.tp_dlinfo .tp_dlshow-on-responsive, .table_grid .tp_dlshow-on-responsive {
	display: inline-block;
}
select.tp_blockselect {
	width:100%;
}
.tp_panelwrap > div.horiz2, .tp_panelwrap > div.horiz3, .tp_panelwrap > div.horiz4, .tp_panelftwrap2 div.grid, .tp_panelftwrap3 div.grid, .tp_panelftwrap4 div.grid {
	flex: 1 1 100%;
}
/** Fixes Curve2 **/
input[name="modify_reason"] {
	width:100%;
}
#quick_actions > select[name="qaction"] {
	width: 80px;
}
}
/** screen smaller then 500px **/
@media all and (min-width: 0) and (max-width: 500px) {
.tp_twocolumn {
	width: 100%;
}
}

/** screen smaller then 480px **/
@media all and (min-width: 0) and (max-width: 480px) {
dl.tp_title dt {
	float: none;
	width: 100%;
}
dl.tp_title dd {
	float: none;
	width: 100%;
}
}

/** screen smaller then 400px **/
@media all and (min-width: 0) and (max-width: 400px) {
/* Panel Settings */
.tp_panelstyles {
	width: 95%!important; 
}
/* width and float for left toggle menu from pages like profile page */
#left_admsection {
	float: none;
	width: 100%;
}
} 
/** screen smaller then 300px **/
@media all and (max-width: 300px) {
.tp_admin_content {
	font-size:11px;
	word-break: break-all;
}
}

/* RESPONSIVE TP: Sidebar classes
 * ONLY right side bar is enabled:	.lrs.rightpanelOn
 * ONLY left side bar is enabled:	.lrs.leftpanelOn
 * BOTH side bars are enabled:		.lrs.lrON
 * NO side bars are enabled:		.nosides
 */
@media (max-width: 900px) {
#mainContainer {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 100%;
}
#tpleftbarHeader, #tprightbarHeader {
	flex: 0 0 auto;
	order: 2;
	width: 50% !important;
	margin: 0 !important;
}
#tprightbarHeader {
	order: 3;
}
.lrs.leftpanelOn #tpleftbarHeader, .lrs.rightpanelOn #tprightbarHeader {
	width: 100% !important;
}
#tpcenterContainer {
	flex: 1 1 auto;
	order: 1;
	width: 100% !important;
}
}
@media (max-width: 500px) {
#mainContainer {
	flex-direction: column;
}
#tpleftbarHeader, #tprightbarHeader {
	width: 100% !important;
}
}
/* RESPONSIVE TP: blocks */
@media (min-width: 900px) {
.hideover900 {
	display: none!important;
}
}
@media (min-width: 600px) {
.hideover600 {
	display: none!important;
}
}
@media (max-width: 900px) {
.hideunder900 {
	display: none!important;
}
}
@media (max-width: 600px) {
.hideunder600 {
	display: none!important;
}
}