/**
 * Forums and tables
 *
 * Overwrite default categories/forums layout and common tables settings.
 * Define zebra background colours for even/odd rows and cells.
 */
.forabg,
.forumbg,
.cp-main table.table1 {
	margin-bottom: 15px;
	padding: 0;
	border-bottom: 3px solid var(--border-color-1);
	border-radius: 5px 5px 0 0;
	background: var(--forabg);
}

.panel-container .panel {
  	background-color: var(--bg5-color);
}

ul.forums,
ul.topics,
table.table1 tbody {
	background: var(--topiclist);
}

/* Row (single forum) */
ul.topiclist li {
	color: var(--color-2);
}

table.table1 tbody tr {
	border: 0;
}

table.table1 thead th {
	font-size: 0.8rem;
}

li.row,
.cp-main .panel li.row,
table.table1 tbody tr {
	border-top: 1px solid var(--border-color-1);
	border-bottom: 0;
}

.forum-image img {
	max-width: 100%;
}

ul.topics .bg1,
ul.topics .bg2,
li.row:hover,
table.table1 tr.bg1,
table.table1 tr.bg2,
table.table1 tbody tr:hover {
	background: none;
}

/* Different background for even rows */
li.row:nth-child(even),
table.table1 tbody tr:nth-child(even) {
	background: var(--topiclist);
}

.forumbg ul.topiclist li.reported dd:nth-child(even),
li.reported,
li.reported:hover {
	background: var(--bg-rule) !important;
}

li.row strong {
	color: inherit;
	font-weight: bold;
}

ul.topiclist li.header dl,
ul.topiclist li.row dl {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 0;
}

/* Cell  */
ul.topiclist dt,
ul.topiclist dd,
table.table1 tbody td {
	padding: 7px;
	border: 0;
	vertical-align: middle;
	line-height: 18px;
	font-size: 12px;
}

ul.topiclist dt,
ul.topiclist dd {
	display: table-cell;
	float: none;
}

/* Different background in odd columns */
ul.topiclist li.row dt:nth-child(even),
ul.topiclist li.row dd:nth-child(even),
.forabg ul.topiclist li.row dt:nth-child(odd),
.forabg ul.topiclist li.row dd:nth-child(odd),
.forumbg ul.topiclist li.row dt:nth-child(odd),
.forumbg ul.topiclist li.row dd:nth-child(odd),
table.table1 tbody td:nth-child(even) {
	background-color: var(--topiclist);
}

.forabg ul.topiclist li.row dt:nth-child(even),
.forabg ul.topiclist li.row dd:nth-child(even),
.forumbg ul.topiclist li.row dt:nth-child(even),
.forumbg ul.topiclist li.row dd:nth-child(even) {
	background-color: var(--row-bg);
}

ul.topiclist li.row:nth-child(even) dt:nth-child(even),
ul.topiclist li.row:nth-child(even) dd:nth-child(even),
.forabg ul.topiclist li.row:nth-child(even) dt:nth-child(odd),
.forabg ul.topiclist li.row:nth-child(even) dd:nth-child(odd),
.forumbg ul.topiclist li.row:nth-child(even) dt:nth-child(odd),
.forumbg ul.topiclist li.row:nth-child(even) dd:nth-child(odd),
table.table1 tbody tr:nth-child(even) td:nth-child(even) {
	background-color: var(--border-color-1);
}

.forabg ul.topiclist li.row:nth-child(even) dt:nth-child(even),
.forabg ul.topiclist li.row:nth-child(even) dd:nth-child(even),
.forumbg ul.topiclist li.row:nth-child(even) dt:nth-child(even),
.forumbg ul.topiclist li.row:nth-child(even) dd:nth-child(even) {
	background-color: var(--topiclist);
}

.forumbg ul.topiclist li.reported dt:nth-child(odd),
.forumbg ul.topiclist li.reported dd:nth-child(odd),
ul.topiclist li.reported dt:nth-child(even),
ul.topiclist li.reported dd:nth-child(even) {
	background-color: var(--reported-bg) !important;
}

dd.lastpost span,
ul.topiclist dd.searchby span,
ul.topiclist dd.info span,
ul.topiclist dd.time span,
dd.redirect span,
dd.moderation span {
	padding: 0;
}

/* Category header */
ul.topiclist li.header dt,
ul.topiclist li.header dd,
table.table1 thead th,
.cp-main table.table1 thead th {
	padding: 9px 7px;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
	font-weight: normal;
}

.forabg ul.topiclist li.header dt,
.forumbg ul.topiclist li.header dt {
	width: auto;
}

li.header dl.row-item dt .list-inner,
ul.topiclist dt .list-inner,
ul.topiclist.missing-column dt .list-inner,
ul.topiclist.two-long-columns dt .list-inner {
	margin: 0;
}

dl.row-item dt {
	background-position: 10px 35px;
  position: relative;
}

/* Subforums list on index */
ul.topiclist li.row a.subforum {
	padding: 0;
	background: none;
	white-space: nowrap;
}

ul.topiclist li.row a.subforum:before {
	display: inline-block;
	margin-right: 4px;
	padding-left: 1px;
	color: var(--text-color-4);
	font-family: FontAwesome;
}

ul.topiclist li.row a.subforum.unread:before {
	color: var(--color-error);
}

/* Specific colums settings */
ul.topiclist.forums li.row dt,
ul.topiclist.topics li.row dt {
	width: 55px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
  background-size: 32px;
}

/* Topic icon */
.forumbg ul.topiclist li.row dt img {
	margin-top: 25px;
	margin-left: -20px;
	max-width: 15px;
	position: relative;
}

a.lastsubject {
	font-weight: normal;
}

dd.topics,
dd.posts {
	width: 132px;
}

dd.lastpost {
	width: 250px;
}

/* Last post author and date icons */
dd.lastpost .fa {
	color: var(--text-color-4);
}

dd.redirect {
	width: 382px;
	text-align: center;
}

/* Space between last category and quick login/statistics */
.online-list {
	margin-top: 30px;
}

/* It is currently/Last visit was */
.section-index .time {
	display: none;
}

.logged-out #nav-breadcrumbs {
	margin-bottom: 29px;
}

/* Action-bars (container for post/reply buttons, pagination, etc.) */
.action-bar {
	margin-bottom: 9px;
	line-height: 19px;
	font-size: 13px;
}

/**
 * Tables
 *
 * Overwrite specific tables settings.
 */
.forumbg-table > .inner {
	margin: 0;
}

table.table1 {
	border-collapse: collapse;
}

table.table1 td {
	color: var(--color-2);
}

table.zebra-list tr:nth-child(2n+1) td, ul.zebra-list li:nth-child(2n+1) {
  	background-color: var(--color-1);
}

/* Recent searches tables */
.section-search .forumbg-table {
	margin-top: 15px;
}

.section-search .forumbg-table thead th,
.section-search .forumbg-table .active {
	text-align: center;
}

.cp-main table.table1 thead th {
	border-bottom: 0;
	color: var(--bg5-color);
	text-align: left;
}

/**
 * Panels
 */
.panel {
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 7px;
	background-color: var(--border-color-1);
	color: var(--color-3);
}

.panel-container table.table1 thead th {
  	color: var(--text-color-5);
  	border-bottom-color: var(--input-txt-color);
}

.bg1,
.bg3 {
	background-color: var(--bg1-color);
}

.bg2 {
	background-color: var(--bg2-color);
}

.content {
	color: var(--color-2);
}

/* Base font in panels */
fieldset,
dl.faq,
.content dl.faq,
.content p,
.panel p {
	line-height: 18px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Headers in panels */
.panel h2,
.panel h3,
.content h2 {
	margin-bottom: 10px;
	padding-bottom: 8px;
	color: var(--links-color);
	text-transform: none;
	font-size: 16px;
	font-weight: normal;
}

h2.solo {
	margin-bottom: 10px;
}

/**
 * FAQ
 */
dl.faq {
	margin-top: 7px;
	margin-bottom: 16px;
}

dl.faq:last-child {
	margin-bottom: 7px;
}

dl.faq dt {
	color: var(--links-color);
}

/**
 * Posts and private messages
 */
.post h3 a.first-unread, .post:target h3 a {
  color: var(--text-color-3);
}

.post {
	position: relative;
	margin-bottom: 5px;
	padding: 0;
}

.post .inner {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.online {
	background-image: none;
}

.post.bg1 {
	background: var(--bg1-color);
}

.post.bg2 {
	background: var(--bg2-color);
}

.post.bg1 .postprofile {
	background-color: var(--bg4-color);
}

.post.bg2 .postprofile {
	background-color: var(--bg5-color);
}

.post.reported .postprofile {
	background-color: var(--reported-bg);
}

.post.reported .postbody {
	background-color: var(--bg-rule);
}

.postbody {
  	color: var(--input-txt-color);
}

.inventea-online {
	display: inline-block;
	margin-bottom: 18px;
	padding: 3px 8px 1px;
	border-bottom: 3px solid var(--inventea-online-border);
	border-radius: 5px;
	background: var(--inventea-online-bg);
	color: var(--inventea-text-color);
	text-transform: uppercase;
}

.postprofile,
.post .postbody {
	display: table-cell;
	float: none;
	clear: none;
	padding: 18px;
}

/* Bottom padding is a place for back to top button */
.post .postbody {
	padding-bottom: 36px;
}


/* Memberlist
----------------------------------------*/
.group-description {
	font-size: 1.3em;
}

.group-description ul {
	list-style-position: inside;

}

/* User profile */
.postprofile,
.pm .postprofile,
.search .postprofile {
	min-height: initial;
	width: 23%;
	margin: 0;
	border: 0;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	color: var(--color-2);
	border-right: 1px solid var(--border-color-1);
	vertical-align: top;
}

.postprofile dt,
.postprofile dd {
	margin: 0;
	line-height: 18px;
}

.postprofile dt,
.postprofile dd.profile-rank {
	text-align: center;
}

.postprofile strong {
	color: var(--content-color);
}

.postprofile .has-avatar .avatar-container {
	margin-bottom: 14px;
}

@media only screen and (min-width: 701px) {
	.postprofile .avatar {
		display: inline;
		float: none;
	}

	.postprofile .avatar img {
		display: inline;
	}
}

.postprofile dt.no-profile-rank,
.postprofile dd.profile-rank,
.postprofile .search-result-date {
	margin-bottom: 18px;
}

ul.profile-icons {
	padding-top: 10px;
}

/* Post message */
.post .postbody,
.search .postbody {
	width: 77%;
}

.post .postbody {
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

.post.bg1 .postbody:before {
	border-color: transparent var(--bg1-color) transparent transparent;
}

.post.bg2 .postbody:before {
	border-color: transparent var(--bg4-color) transparent transparent;
}

.post.reported .postbody:before {
	border-color: transparent var(--bg-rule) transparent transparent;
}

/* Post message left triangle */
.post .postbody:before {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	margin-top: 7px;
	margin-left: -34px;
	border-style: solid;
	border-width: 14px 16px 14px 0;
}

.postbody h3,
.postbody h3.first {
	margin: 0 !important;
	padding: 0;
	line-height: 21px;
	font-size: 16px;
	font-weight: bold;
}

.postbody h3 img {
	vertical-align: middle;
}

p.author {
	margin: 1px 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted var(--inventea-footer);
	color: var(--color-2);
	line-height: 18px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.postbody .content,
.post:target .content {
	overflow: auto;
	color: var(--content-color);
	line-height: 21px;
	font-size: 14px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.section-viewtopic .postbody .content {
	max-width: 832px;
}

.post .signature {
	clear: none;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted var(--inventea-footer);
	color: #525252;
	line-height: 18px;
	font-size: 12px;
}

/* Private message */
.cp-main .pm {
  background-color: var(--bg-web-color);
}

.cp-main .post {
	border-radius: 7px;
}

.cp-main .post .postbody:before {
	content: none;
}

.cp-main .postbody p {
	font-size: 12px;
}

/* Post message preview (posting.php) */
.postform .content {
	padding: 10px 18px;
	border-radius: 7px;
}

/* Poll preview background */
.section-posting .preview .content {
	background: var(--bg3-color);
}

.postform .content .author {
	margin-bottom: 12px;
	padding: 0;
	border-bottom: 0;
}

.postform .postbody,
.topicreview .postbody {
	padding-bottom: 18px;
	border-radius: 7px;
}

.topicreview .postbody {
    width: 100%;
}

.postform .postbody:before {
	content: none;
}

.postform .postbody h3 {
	margin-bottom: 9px !important;
	padding-bottom: 9px;
	border-bottom: 1px dotted var(--inventea-footer);
}

.postform .postbody .content {
	padding: 0;
	border-radius: 0;
}

/* Topic review */
.topicreview .postbody h3 {
	margin: 0 !important;
	padding: 0;
	border: 0;
}

.topicreview .content {
	background: inherit;
}

.topicreview .postbody .right-box {
	margin-right: 5px;
	line-height: 28px;
}

/* Post related links */
.postprofile a:link,
.postprofile a:visited,
.search .postprofile a {
	color: var(--links-color);
}

.postprofile a:focus,
.postprofile a:hover,
.postprofile a:active,
.search .postprofile a:focus,
.search .postprofile a:hover,
.search .postprofile a:active {
	color: var(--color-error);
	text-decoration: underline;
}

.back2top {
	position: absolute;
	right: 18px;
	bottom: 16px;
	height: auto;
}

/* Polls */
fieldset.polls {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

fieldset.polls dl {
	margin: 0;
	padding: 0;
	border-color: var(--border-color-1);
	color: var(--color-2);
}

fieldset.polls dt,
fieldset.polls dd {
	line-height: 32px;
	font-size: 12px;
}

fieldset.polls dd.resultbar {
	margin-top: 7px;
	margin-right: 5px;
	line-height: normal;
}

/* Poll bar */
fieldset.polls dd div {
	min-width: 8px;
	padding: 1px 3px;
}

/* Post related features */
.attachbox {
	background-color: var(--bg-web-color);
	clear: right;
	padding: 7px;
	border: 1px solid var(--bg5-color);
}

.inline-attachment {
	margin: 15px 0;
}

.attachbox dt,
dl.file {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.attachbox dt {
	padding-bottom: 3px;
	line-height: 14px;
	font-weight: bold;
}

.attachbox dd {
	padding-top: 6px;
	border-color: var(--border-color-3);
}

dl.file {
	line-height: 18px;
}

dl.file dd {
	color: var(--color-2);
	font-size: 12px;
}

dl.file .attach-image + dd {
	margin-top: 4px;
}

.attach-image img {
	max-width: 100%;
	border: 0;
}

dl.thumbnail img {
	padding: 0;
	border: 0;
}

dl.thumbnail dt a:hover,
dl.thumbnail dt a:hover img {
	border: 0;
	background: inherit;
}

dl.codebox {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 3px 5px;
	border-color: var(--border-color-3);
}

dl.codebox dt {
	padding-bottom: 3px;
	font-size: 12px;
}

dl.codebox code {
	font-size: 12px;
	line-height: 16px;
	font-family: Consolas, Monaco, "Lucida Console", monospace;
}

blockquote,
blockquote.uncited {
	padding: 7px;
}

blockquote {
	margin-top: 15px;
	margin-bottom: 15px;
	border-color: var(--border-color-1);
	background: var(--bg5-color);
	font-size: 14px;
}

blockquote blockquote {
	background: var(--bg3-color);
}

blockquote blockquote blockquote {
	border-color: var(--border-color-1);
	background: var(--bg4-color);
}

/* Quote icon before "XYZ wrote:" */
blockquote:before {
	content: "\f10d";
	display: block;
	font-family: FontAwesome;
	font-size: 14px;
}

blockquote cite {
	margin-top: -22px;
	font-size: 14px;
}

a.postlink {
	border-bottom: 1px dotted var(--text-color-4);
	color: var(--text-color-4);
}

a.postlink:visited {
	color: var(--text-color-1);
}

a.postlink:active,
a.postlink:focus,
a.postlink:hover {
	border-color: var(--links-color-hover-focus);
	background: none;
	color: var(--links-color-hover-focus);
}

.signature a,
.signature a:active,
.signature a:focus,
.signature a:hover {
	text-decoration: none;
}

.signature a:active,
.signature a:focus,
.signature a:hover {
	border-bottom: 1px dotted var(--links-color-hover-focus);
}

/* Profile and post buttons */
.postprofile ul.profile-icons li,
.postprofile ul.profile-icons li a,
.postbody ul.profile-icons li,
.postbody ul.profile-icons li a {
	width: auto;
	height: auto;
	margin: 0;
	background: none;
	font-weight: normal;
}

.postprofile ul.profile-icons li {
	margin-top: 8px;
	margin-right: 5px;
}

.postbody ul.profile-icons li {
	margin-left: 5px;
}

.postprofile ul.profile-icons li a,
.postbody ul.profile-icons li a {
	display: block;
	box-sizing: border-box;
	width: 28px;
	padding-top: 5px;
	padding-bottom: 3px;
	border-bottom: 3px solid var(--border-color-1);
	border-radius: 5px;
	background: var(--row-bg);
	color: var(--text-color-4);
	text-transform: uppercase;
	text-align: center;
	line-height: 17px;
	font-size: 12px;
}

/* More dark profile icons */
.postprofile ul.profile-icons li a {
	border-color: var(--border-color-1);
	background: var(--row-bg);
}

.postprofile ul.profile-icons li a:focus,
.postprofile ul.profile-icons li a:hover,
.postprofile ul.profile-icons li a:active,
.postbody ul.profile-icons li a:focus,
.postbody ul.profile-icons li a:hover,
.postbody ul.profile-icons li a:active {
	border-color: var(--reported-bg);
	background: var(--color-error);
	color: var(--color-1);
	text-decoration: none;
}

.postprofile ul.profile-icons li a:before,
.postbody ul.profile-icons li a:before {
	display: block;
	font-family: FontAwesome;
	font-size: 14px;
}

.pm-icon a:before 		{ content: "\f075"; }
.email-icon a:before 	{ content: "\f0e0"; }
.web-icon a:before 		{ content: "\f0ac"; }
.msnm-icon a:before 	{ content: "\f17a"; }
.icq-icon a:before 		{ content: "\f069"; }
.yahoo-icon a:before 	{ content: "\f19e"; }
.aim-icon a:before 		{ content: "\f183"; }
.jabber-icon a:before 	{ content: "\f0eb"; }
.edit-icon a:before 	{ content: "\f040"; }
.delete-icon a:before 	{ content: "\f00d"; }
.report-icon a:before 	{ content: "\f071"; }
.warn-icon a:before 	{ content: "\f056"; }
.info-icon a:before 	{ content: "\f129"; }
.quote-icon a:before 	{ content: "\f10d"; }

/* Who is online */
.inventea-quickmod + h3 {
	clear: both;
}

/**
 * Search results
 */
.section-search .topic-actions {
	margin-bottom: 12px;
}

.section-search .search-box {
	margin-left: 0;
}

/* Search these results input */
.section-search #add_keywords {
	width: auto;
}

.section-search .postprofile {
	color: var(--content-color);
}

.section-search .postprofile strong {
	color: var(--color-2);
}

/* Search found matches */
.section-search hr + .linklist {
	margin-top: 14px;
	padding-top: 2px;
}

/**
 * Memberlist
 */
.search_memberlist {
	margin-bottom: 28px;
}

.search_memberlist .panel {
	padding-top: 8px;
}

/* Fix margins in member filtering panel */
.panel ul.linklist li {
	margin-bottom: 0;
	padding: 5px 0;
}

.section-memberlist .panel + .forumbg,
.simple-wrap .panel + .forumbg {
	margin-top: 7px;
}

.section-memberlist .panel ul.linklist li strong,
.simple-wrap .panel ul.linklist li strong {
	font-size: 12px !important;
}

/* Viewprofile */
.viewprofile .postbody {
	width: auto;
}

.viewprofile .inventea-profile {
	padding-top: 12px;
	padding-bottom: 12px;
	line-height: 18px;
}

.viewprofile .signature {
	margin-bottom: 10px;
	color: #414141;
	line-height: 18px;
	font-size: 12px;
}

/**
 * Buttons
 *
 * Overwrite old graphic buttons with new CSS one using Font Awesome icons.
 */
.topic-actions {
	overflow: hidden;
	margin-bottom: 1px;
	line-height: 18px;
	font-size: 12px;
}

hr + .topic-actions {
	margin-top: 8px;
}

.button {
	border-color: var(--border-color-3);
  background-color: var(--bg-web-color);
	background-image: linear-gradient(to bottom, var(--bg-web-color) 0%,var(--border-color-1) 100%);
  box-shadow: none; 
}

.button:hover, .button:focus {
	border-color: var(--border-color-3);
	background-color: var(--bg-web-color); /* Old browsers */ /* FF3.6+ */
	background-image: linear-gradient(to bottom, var(--border-color-1) 0%,var(--bg-web-color) 100%); /* W3C */
	text-shadow: none;
}

.buttons div {
	width: auto !important;
	height: auto !important;
}

.buttons div a {
	display: block;
	width: auto;
	padding: 8px 10px 6px;
	border-bottom: 3px solid var(--border-color-3) !important;
	border-radius: 5px;
	background: var(--bg5-color) !important;
	color: var(--text-color-4) !important;
	text-transform: uppercase;
	line-height: 17px;
	font-size: 12px;
}

.buttons div a:focus,
.buttons div a:hover,
.buttons div a:active {
	border-color: var(--bg-rule);
	background: var(--links-color-hover-focus);
	color: var(--color-1);
	text-decoration: none;
}

.buttons div span {
	position: static;
	float: left;
	width: auto;
	height: auto;
	background: none;
}

.buttons div span:before {
	display: block;
	margin-right: 7px;
	font-family: FontAwesome;
	font-size: 14px;
}

.forwardpm-icon span:before 	{ content: "\f064"; }
.locked-icon span:before 		{ content: "\f023"; }
.pmreply-icon span:before 		{ content: "\f112"; }
.reply-icon span:before 		{ content: "\f112"; }
.newpm-icon span:before 		{ content: "\f055"; }
.post-icon span:before 			{ content: "\f055"; }

/**
 * Miscellaneous
 */
.inventea-no-items {
	display: block;
	text-align: center;
}

/* Forums layout related links */
.search-box a:hover,
.search-box a:active,
.navbg a:hover,
.navbg a:active,
.forumbg .header a:hover,
.forumbg .header a:active,
.forabg .header a:hover,
.forabg .header a:active,
th a:link,
th a:visited,
th a:hover,
th a:active {
	color: var(--text-color-5);
}

a.forumtitle:hover,
a.forumtitle:active,
a.topictitle:hover,
a.topictitle:active {
	color: var(--color-error);
}

a.topictitle:visited {
	color: var(--text-color-4);
}

a.top {
	overflow: visible;
	width: auto;
	height: auto;
	background: none;
	color: var(--text-color-4);
	text-indent: initial;
	letter-spacing: normal;
	font-size: 14px;
}

a.top:focus,
a.top:hover,
a.top:active {
	color: var(--inventea-userbar);
}

a.top2 {
	display: none;
	background-image: none;
}

a.left,
a.left:active,
a.left:visited,
a.right,
a.right:active,
a.right:visited {
	padding: 0;
	background: none;
}

a.left:hover,
a.right:hover {
	text-decoration: underline;
	color: var(--color-error);
}

a.left:before,
a.right:after {
	display: inline-block;
	color: var(--inventea-userbar);
	font-family: FontAwesome;
}

a.left:before {
	content: "\f060";
	margin-right: 6px;
}

a.right:after {
	content: "\f061";
	margin-left: 6px;
}

.icon.icon-black, a:hover .icon.icon-black {
  color: var(--input-txt-color);
}

hr.dashed {
	border-top: 1px dotted var(--border-color-3);
}