@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,700;0,900;1,200;1,400;1,600;1,700;1,900&display=swap');

:root {
  --bodybg: rgb(175, 221, 175);
  --bodytext: rgb(90, 90, 90);
  --mainbg: rgb(115, 186, 37);
  --mainbg2: rgb(109, 167, 65);
  --mainbg3: rgb(220, 238, 200);
  --secondarybg: rgb(53, 185, 171);
  --secondarybg2: rgb(0, 164, 137);
  --buttonbg: rgb(246, 246, 246);
  --buttonbg2: rgb(237, 237, 237);
  --buttontext: rgb(90, 90, 90);
  --windowbg: rgb(255, 255, 255);
  --windowbg2: rgb(240, 240, 240);
  --white: rgb(255,255,255);
  --black: rgb(0,0,0);
  --mainlink: rgb(47,83,97);
  --borderbg: rgb(139, 159, 167);
  --borderbg2: rgb(139, 159, 167);
  --breadcrumb_color_1: rgb(115, 186, 37);
  --breadcrumb_color_2: rgb(220, 238, 200);
  --breadcrumb_bg: rgb(255, 255, 255); 
  --breadcrumb_border_color: rgb(139, 159, 167);
}

body {
    background: var(--bodybg);
    font: 83.33%/150% 'Open Sans',Source Sans Pro, sans-serif;
    color: var(--bodytext);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

hr {
    border: none;
    margin: 12px 0;
    height: 2px;
    background: var(--borderbg);
	box-shadow: none;
}

strong, .strong {
    font-weight: bold;
    color: var(--secondarybg);
}

a:link, a:visited {
	color: var(--mainlink);
}
a, a:visited {
	color: var(--mainlink);
}
a:hover {
	color: var(--mainlink);
	text-decoration: underline;
}

fieldset.admin_group legend {
	background: var(--mainbg);
	border: 1px solid var(--borderbg2);
	padding: 1px 5px;
	border-radius: 3px;
}
fieldset legend {
 	font-weight: bold;
	color: var(--white);
	box-shadow: none;
	border: none;
	text-shadow: 0px 1px 1px rgb(0,0,0,0.4);
}
/* Board Index Stuff */

#wrapper {
    clear: both;
    background: var(--white);
    border: 5px solid var(--secondarybg);
    border-radius: 10px;
    box-shadow: 0 4px 2px -2px rgb(0,0,0);
	margin-bottom: 16px;
}

#inner_section {
    background: transparent;
}

#upper_section {
    padding: 0px;
}

.up_contain {
    background: var(--windowbg);
    background: linear-gradient(180deg, var(--windowbg) 70%, var(--windowbg2) 100%); 
	overflow: hidden;
    border: 1px solid var(--borderbg);
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
	box-shadow: none;
}

.children {
	background: var(--windowbg);
    background: linear-gradient(180deg, var(--windowbg) 70%, var(--windowbg2) 100%); 
    border-top: 2px solid var(--borderbg);
    padding: 5px;
    width: 100%;
}

.boardindex_table .board_stats p {
    border-left: 1px solid var(--borderbg);
    border-right: 1px solid var(--borderbg);
}

#ic_recentposts td {
    border-top: 1px solid var(--borderbg2);
    padding: 0 4px 0 0;
    vertical-align: top;
}

#ic_recentposts {
    line-height: 1.6em;
    width: 100%;
    margin: -2px 0 0 0px;
    font-size: 0.9em;
    background: var(--windowbg);
    background: linear-gradient(180deg, var(--windowbg) 70%, var(--windowbg2) 100%);
}

#recent_posts_content {
  background: var(--windowbg);
  background: linear-gradient(180deg, var(--windowbg) 70%, var(--windowbg2) 100%);
}

#ic_recentposts .windowbg {
	background: var(--windowbg);
    background: linear-gradient(180deg, var(--windowbg) 70%, var(--windowbg2) 100%); 
}

#upshrink_stats span.membergroups {
    display: block;
    background: var(--windowbg);
    background: linear-gradient(180deg, var(--windowbg) 70%, var(--windowbg2) 100%);
}

.board_statspinfo {
    background: transparent;
    border: none;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
    padding: 0px;
    margin: 0px;
    color: var(--mainlink);
    text-shadow: 0px 1px 1px rgb(0,0,0,0.1);
}

.info .subject {
	font-weight: 600;
	font-size: 1.1em;
	color: var(--mainlink);
}

@media screen and (max-width: 720px){
.board_statspinfo {
	display: none;
}

.up_contain .lastpost {
    border-top: 2px solid var(--borderbg)!important;
    min-height: initial;
}

}


.boardindex_table .info {
    width: calc(70% - 80px);
}

.border-wrap {
    border-left: 5px solid var(--mainbg2)!important;
    border-radius: 0px 0px 3px 3px;
    border-right: 5px solid var(--mainbg2)!important;
    border-bottom: 5px solid var(--mainbg2)!important;
}

span.postby {
  display: inline;
}

/* Message Index */

#topic_container .windowbg {
    border: 1px solid var(--borderbg);
    border-top: none;
    display: flex;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.windowbg:nth-of-type(2n+1), .bg.odd {
	background: var(--windowbg);
    background: linear-gradient(180deg, var(--windowbg) 70%, var(--windowbg2) 100%); 
}

.windowbg:nth-of-type(2n), .bg.even {
	background: var(--windowbg);
    background: linear-gradient(180deg, var(--windowbg) 70%, var(--windowbg2) 100%); 
}

#admin_content .windowbg {
    margin: 0 0 10px 0;
    box-shadow: none;
	border: 1px solid var(--borderbg);
}
#topic_icons p {
	padding: 0 12px 0 4px;
	line-height: 2em;
	color: var(--secondarybg);
}
/* Awaiting approval is a bit special, topics first */
.windowbg.approvetopic {
	background: rgb(248,230,196);
}
/* Unapproved posts in approved topics */
.windowbg.approvepost {
	background: rgb(248,230,196);
}
/* Cat_bar / catbg */
div.cat_bar {
	background: var(--mainbg);
	background: linear-gradient(to bottom, var(--mainbg) 0%, var(--mainbg2) 100%);
	border-bottom: none;
	padding: 0.5px 0px;
	border-radius: 6px 6px 0 0;
	box-shadow: 0 16px 20px rgba(255, 255, 255, 0.15) inset;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
}
.cat_bar h3 {
	padding: 8px 12px 6px 12px;
}

/* Styles for rounded headers. */
.cat_bar .desc {
    color: var(--white);
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
    font-size: 13px;
    line-height: 1.5em;
    font-weight: bold;
    margin: -8px 0 4px 8px;
}

h3.catbg {
	overflow: hidden;
	font-size: 1.1em;
	font-family: "Ubuntu", sans-serif;
}
h3.catbg, h3.catbg a {
	color: var(--white);
}
h3.catbg a:hover {
	text-decoration: none;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}
h3.catbg .main_icons::before, h3.catbg .icon {
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.cat_bar + .windowbg, .cat_bar + .roundframe {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.cat_bar + .title_bar {
	margin-top: 0;
}

/*Main Menu */
.generic_menu {
  margin: 5px 0;
  background: var(--mainbg);
  background: linear-gradient(180deg, var(--mainbg) 0%, var(--mainbg2) 100%);
}

#main_menu {
	background: var(--mainbg);
    background: linear-gradient(180deg, var(--mainbg) 0%, var(--mainbg2) 100%);
	margin: 0px;
    padding: 0px 12px;
    border-bottom: 3px solid var(--mainbg3);
    border-radius: 4px 4px 0px 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
.dropmenu, #top_info {
	position: relative;
}
/* Level 1 button background. */
.dropmenu > li, #top_info > li {
	display: inline-block;
	margin: 0 2px 0 1px;
	font-size: 0.9em;
	line-height: 1.9em;
}
/* Disable default focus outlines */
.dropmenu a {
	outline: 0;
}
/* For cases where we want to spotlight something specific to an item, e.g. an amount */
.amt {
	margin-left: 3px;
	padding: 0 5px;
	color: var(--white);
    background: var(--mainbg);
    background: linear-gradient(180deg, var(--mainbg) 0%, var(--mainbg2) 100%);
	border-radius: 8px;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0, 0.5);
}
a.moderation_link, a.moderation_link:visited {
    font-weight: bold;
    padding: 0px 7px;
    background: var(--mainbg);
    color: var(--white);
    border-radius: 50%;
	box-shadow: none;
}
a.moderation_link:hover{
    background: var(--mainbg2);
}
.dropmenu li .active .amt, #top_info li .active .amt {
	background: rgba(0, 0, 0, 0.2);
	color: inherit;
}
#top_info .top_menu.visible {
	display: block;
}
/* Needed for new PM notifications. */
.dropmenu li strong {
	color: #333;
}

.dropmenu li a {
	padding: 8px;
	display: block;
	border: 1px solid transparent;
	border-radius: 0px;
	box-shadow: none;
	font-weight: 700;
	color: var(--white);
	text-shadow: none;
}	
/* Level 1 active button. */
.dropmenu a.active {
	color: var(--white);
	font-weight: bold;
	border: 1px solid transparent;
    background: var(--secondarybg);
	text-shadow: 0 0 2px #000;
	box-shadow: none;
}	

/* Level 1 hover effects. */
.dropmenu > li:hover > a, .dropmenu > li > a:focus {
    background: var(--secondarybg);
	border: 1px solid transparent;
	color: var(--white);
	cursor: pointer;
	text-decoration: none;
	box-shadow: none;
	text-shadow: 0 0 2px #000;
}

/* Level 1 active button. */
.dropmenu li a.active:hover, .dropmenu li:hover a.active {
    background: var(--secondarybg);
	border: 1px solid transparent;
	color: var(--white);
	box-shadow: none;
	text-shadow: 0 0 2px #000;
}

/* Levels 2 and 3 submenu wrapper. */
.dropmenu li ul {
    z-index: 90;
    position: absolute;
    display: none;
    min-width: 18.2em;
    padding: 0.5em;
    font-weight: normal;
    border: 2px solid var(--mainbg3);
    border-radius: 0px 0px 5px 5px;
    box-shadow: none;
    background: var(--mainbg2);
    border-top: none;
}

.top_menu {
    z-index: 90;
    position: absolute;
    display: none;
    min-width: 18.2em;
    padding: 0.5em;
    font-weight: normal;
    border: 1px solid var(--borderbg2);
    border-radius: 0px 0px 5px 5px;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
    background: var(--secondarybg2);
    border-top: none;
}

/* Level 2 link background. */
.dropmenu li li {
	margin: 0;
	padding: 0;
	width: 17em;
	font-size: 1em;
	border-radius: 3px;
	border: 1px solid transparent;
}

/* Necessary to allow highlighting of 1st level while hovering over submenu. */
.dropmenu li:hover li a, .dropmenu li li a {
    background: none;
    padding: 0 9px;
    color: var(--white);
    border: none;
    line-height: 2.2em;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}

.dropmenu li li a > img {
	vertical-align: middle;
}
/* The profile/pm menus are declared off .dropmenu li ul for consistency but have other characteristics. */
.top_menu {
	min-width: 25em;
}
.top_menu .login {
	width: 100%;
}
.top_menu .login dt {
	text-align: left;
	width: 55%;
}
.top_menu .login dd {
	width: 43%;
}
.top_menu .login input {
	width: 90%;
}
/* Note: The next declarations are for keyboard access with js disabled. */
.dropmenu ul a:focus, .dropmenu ul ul a:focus {
	margin-left: 9990px;
	border: none;
	width: 17em;
}
.dropmenu ul ul a:focus {
	margin-left: 19950px;
}
/* Cancel those for hover and/or js access. */
.dropmenu ul li:hover a:focus, .dropmenu ul li a:focus {
	margin-left: 0;
	width: auto;
}
/* Level 3 submenu wrapper positioning. */
.dropmenu li ul ul {
	margin: -2em 0 0 15.3em;
}
/* Level 3 maintains font-size the same as Level 2. */
.dropmenu li li li a {
	font-size: 1em;
}
/* Levels 2 and 3 hover effects. */
.dropmenu li li:hover {
	border: none;
}

.dropmenu li li:hover > a, .dropmenu li li a:focus, .dropmenu li li a:hover {
    color: var(--white);
    text-decoration: none;
    border: 1px solid var(--borderbg);
    background: var(--secondarybg);
	border-radius: 3px;
}
/* Reposition Level 2 submenu as visible on hover. */
.dropmenu li:hover ul {
	display: block;
}
/* Hiding Level 3 submenu off hover. */
.dropmenu li:hover ul ul, .dropmenu li ul ul, .dropmenu li:hover ul ul ul, .dropmenu li ul ul ul {
	left: -9999px;
}
/* Reposition as visible on hover. */
.dropmenu li li:hover ul, .dropmenu li li ul {
	left: -14px;
}
.dropmenu li li.subsections > a::after {
	position: absolute;
	padding: 5px 0;
	right: 10px;
	font: 83.33%/150% Arial, sans-serif;
	content: "\25ba";
}
/* Highlighting of current section */
.dropmenu li li a.chosen {
	font-weight: bold;
}

/* The extra menu rows for admin sections, etc. */
#adm_submenus {
	margin: 0 0 6px 0;
	overflow: hidden;
}

.pm_unread, .alerts_unread {
  margin-top: 5px;
  border-top: 1px solid var(--borderbg);
}

/*Header */

#header {
    padding: 0px 2px 0px 2px;
    display: flex;
    align-items: flex-end;
}

h1.forumtitle {
    font-size: 1.8em;
    font-family: "Ubuntu", sans-serif;
    padding: 0px;
    font-weight: normal;
    flex: 1 1 auto;
	margin: 0px;
}

h1.forumtitle img:hover {
    transform: rotate(5deg);
}
@media only screen and (min-width: 820px){
.head-margin-fix {
	margin-top: -44px;
}
}
/*Top Section*/

#top_section {
    background: var(--secondarybg);
    background: linear-gradient(180deg, var(--secondarybg) 0%, var(--secondarybg2) 100%);
    border-bottom: 1px solid var(--mainbg3);
    clear: both;
	box-shadow: 0 4px 3px -4px var(--black);
	padding: 4px 0px;
}

#top_info {
    padding: 0px;
    line-height: 1.3em;
    width: auto;
}
#top_info > li > a {
    color: var(--mainbg3);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
	border-radius: 0px;
	font-weight: 700;
	padding: 0 7px 0 7px;
	display: block;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: none;
}

#top_info > li > a:hover {
	background: none;
    color: var(--mainbg);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
	border-radius: 0px;
	box-shadow: none;
}

#top_info > li {
	background: none;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
	border-radius: 0px;
	padding: 0px;
	box-shadow: none;
}

#top_info > li:hover {
	background: none;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
	border-radius: 0px;
	padding: 0px;
	box-shadow: none;
}

#top_info > li:hover > a, #top_info > li > a:focus, #top_info > li > a.open {
    border: 1px solid transparent;
	background: var(--mainbg2);
    background: linear-gradient(to bottom, var(--mainbg) 0%, var(--mainbg2) 100%);
    color: #fff;
    box-shadow: 0 16px 20px rgba(255, 255, 255, 0.15) inset;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
}

#top_info > li > a.open {
    color: #fff;
	cursor: pointer;
	text-decoration: none;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
}

#top_info > li > a.open:hover {
	color: var(--mainbg2);
	text-decoration: underline;
	cursor: pointer;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
}

#top_info a.active {
	background: linear-gradient(180deg, var(--mainbg) 0%, var(--mainbg2) 100%);
	color: var(--white);
	font-weight: bold;
	border: 1px solid transparent;
	text-shadow: 0 0 2px #000;
	box-shadow: 0 5px 5px rgba(255, 255, 255, 0.2) inset;
}

.welcome strong {
    color: var(--white);
    text-decoration: underline;
    text-shadow: 0px 1px 1px var(--black);
}
/*News and User Stuff*/
.navbox {
	background: rgba(255,255,255,0.1);
    padding: 5px 5px 0px 5px;
	border: 1px solid rgb(187, 187, 187);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), inset 0 0 0 1px rgb(250, 250, 250);
	width: 100%;
}

#inner_wrap .news {
    padding: 0 0 8px 1ch;
    font-size: 0.9em;
    display: flex;
    align-items: baseline;
    max-width: 100%;
    float: right;
    clear: right;
}
.user {
	padding: 0 4px 8px 4px;
	font-size: 0.9em;
	white-space: nowrap;
	display: inline-flex;
	float: left;
	clear: left;
	color: var(--mainlink);
}
.news {
    color: var(--mainlink);
}
.news p {
	margin-left: 8px;
}
.newsandtime {
	padding: 8px 10px 0px 10px;
}
.user:only-child {
	justify-content: space-between;
	width: auto;
}
.user .unread_links {
	display: flex;
}
.user .unread_links li {
	display: inline-flex;
}
.top_search {
	padding: 0px 20px 0px 0px;
	margin: 0 auto;
	max-width: 1200px;
	text-align: right;
	width: 90%;
}

.top_search .button {
    font-size: 96%;
    padding: 0em 1em;
    color: var(--white);
    background: var(--mainbg);
}

.top_search .button:hover {
	background: var(--buttonbg);
	font-size: 96%;
    padding: 0em 1em;
	color: var(--buttontext);
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
}

.top_search .button:focus {
	background: var(--mainbg);
	font-size: 96%;
    padding: 0em 1em;
	color: var(--white);
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
}


.top_search_formbackground {
	width: max-content;
	border: 5px solid var(--secondarybg);
	border-bottom: none;
	background: var(--mainbg);
	padding: 10px 10px 2px 10px;
	margin: 0px 0px 0px 0px;
	border-radius: 9px 9px 0px 0px;
	float: right;
	clear: right;
}

@media screen and (max-width: 820px) {
.top_search {
	display: none;
}

.top_search_formbackground {
	display: none;
}
#search_form { 
   display: none;
}

.social-icons {
	display: none;
}

}

#search_form {
    padding: 5px;
    margin-top: -6px;
}

/* Grid */

.column {
  flex-basis: 100%;
}

@media screen and (min-width: 800px) {
  .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .column {
    flex: 1;
  }
  ._25 {
    flex: 2.5;
  }
  ._5 {
    flex: 5;
  }
}

/* BoardStats Flex Grid Thingy thing thing */
.boardstats_grid_row {
    border-bottom: 1px solid var(--borderbg2);
    flex-basis: 100%;
    color: var(--mainlink);
    padding: 4px 10px;
    margin: 0px;
    text-align: left;
    font-size: 1em;
	box-shadow: 0 16px 20px rgba(255, 255, 255, 0.15) inset;
	background: var(--windowbg);
    background: linear-gradient(180deg, var(--windowbg) 70%, var(--windowbg2) 100%); 
}

.boardstats_grid_row i {
    font-size: 1.2em;
}

.boardstats_grid_row i:hover {
    font-size: 1.2em;
}

@media screen and (min-width:800px) {
 .boardstats_grid_column {
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap
 }
 .boardstats_flex {
    flex:1
 }
}

/* Recent Flex Grid Thingy thing thing */
.recent_grid_column {
	box-shadow: 0 16px 20px rgba(255, 255, 255, 0.15) inset;
	background: var(--windowbg);
    background: linear-gradient(180deg, var(--windowbg) 70%, var(--windowbg2) 100%); 
    border-top: 1px solid var(--borderbg2);
    flex-basis: 100%;
    padding: 0px 0px 0px 9px;
    margin: 0px;
    text-align: left;
    font-size: 1em;
}

@media screen and (min-width:800px) {
 .recent_grid_row {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap
 }
 .recent_grid_flex {
    flex:1
 }
}

#inner_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid var(--borderbg);
	margin-bottom: 8px;
	padding-top: 8px;
	background: var(--mainbg3);
	box-shadow: 0 16px 20px rgba(255, 255, 255, 0.15) inset;
}

#inner_wrap .news h2, #inner_wrap .news p {
	display: inline;
	padding-left: 1ch;
  	color: var(--mainlink);
}

/* Those collapse and expand icons are wonderful. */
/* Those collapse and expand icons are wonderful. */
.toggle_up::before, .toggle_down::before {
    width: 28px;
    height: 17px;
    display: inline-block;
    background: transparent url(../images/custom/collapse.png) no-repeat 0 0 / 28px;
    overflow: hidden;
    content: '';
    vertical-align: middle;
    margin: 0px 5px 0 5px;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    transition: background-color 0.25s;
    padding: 0;
}
.toggle_down::before {
    background: transparent url(../images/custom/expand.png) no-repeat 0 0 / 28px;
	box-shadow: none;
}

.toggle_up:hover:before, .toggle_down:hover:before {
	background-color: transparent;
	box-shadow: none;
	transition: background-color 0.25s;
}


/*Message Index */

#topic_header a {
	color: var(--white);
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
}

#display_head {
	clear: both;
	margin: -7px -3px 15px -2px;
}
.windowbg.approvetopic {
  	background: var(--mainbg3);
}
.windowbg.sticky.locked {
	background: var(--windowbg);
    background: linear-gradient(180deg, var(--windowbg) 70%, var(--windowbg2) 100%); 
}
.approvebg {
	color: #000;
	background: var(--mainbg3);
}
.approvebg2 {
	color: #000;
	background: var(--mainbg3);
}
.approvebg a, .approvebg2 a {
	color: var(--mainlink)!important;
	text-shadow: 0px 1px 1px rgb(255,255,255)!important;
}
/* Other */
/* Information */

#profile_menu {
    margin-top: 4px;
	color: var(--mainbg3);
	border: 1px solid var(--mainbg3);
	border-top: none;
}

#profile_menu a {
    color: var(--mainbg3);
}

#pm_menu {
    margin-top: 4px;
    border: 1px solid var(--mainbg3);
  	border-top: none;
}

#pm_menu .button {
    background: var(--buttonbg);
    color: var(--black); 
}

#pm_menu .button:hover {
    background: var(--mainbg);
    color: var(--white);
}

#pm_menu a {
    color: var(--mainbg3);
}

.no_unread {
  margin-top: 5px;
  text-align: center;
  color: var(--mainbg3);
}

#alerts_menu {
    margin-top: 4px;
    border: 1px solid var(--mainbg3); 
  	border-top: none;
}

#alerts_menu .button {
    background: var(--buttonbg);
    color: var(--black); 
}

#alerts_menu .button:hover {
    background: var(--mainbg);
    color: var(--white);
}

#alerts_menu a {
    color: var(--mainbg3);;
}

.information {
	background: var(--mainbg3);
	overflow: auto;
	padding-bottom: .5em;
	border: 1px solid var(--borderbg2);
	border-radius: 0 0 7px 7px;
	margin: 0 0 10px 0;
	padding: 12px 9px 8px 9px;
	box-shadow: 0 16px 20px rgba(255, 255, 255, 0.15) inset;
}
.generic_list_wrapper .information div {
	background: none;
}
.information a {
	font-weight: bold;
}
p.information img {
	vertical-align: middle;
}
#messageindex .information {
	border-radius: 0;
	margin: 0;
}
#topic_icons .information,
#messageindex .information {
	border-top: 1px solid var(--borderbg2);
}
.topic_pages {
	font-size: 0.75em;
	margin: 0 0 0 5px;
}
.topic_pages::before {
	content: "\00ab ";
}
.topic_pages::after {
	content: " \00bb"
}

.list_posts {
	border-top: 1px solid var(--borderbg2);
 	box-shadow: none;
}

#pick_theme .selected {
  background: var(--mainbg3);
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2)inset;
}

#basicinfo {
  width: 20%;
  float: left;
  padding: 4px;
}
/* Footer */

#footer {
    background: var(--mainbg2);
    background: linear-gradient(to bottom, var(--mainbg) 0%, var(--mainbg2) 100%);
    margin: 0px;
    padding: 10px 0;
    border-top: 1px solid var(--mainbg3);
    flex: none;
    box-shadow: 0 0 4px 1px var(--black);
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
}

.footer_top {
    padding: 20px 20px;
	background: var(--secondarybg2);
    background: linear-gradient(180deg, var(--secondarybg) 0%, var(--secondarybg2) 100%);
    margin-top: 4em;
    box-shadow: 0 0 4px 1px var(--black);
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
    border-top: 1px solid var(--borderbg2); 	
}

.footer_top_inner_wrap {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;	
	text-align: center;
}

.footer_menu {
	padding: 0px;
	margin: 0px 10px;
}

.footer_menu ul li a {
	background: var(--mainbg);
	background: linear-gradient(to bottom, var(--mainbg) 0%, var(--mainbg2) 100%);
	padding: 4px 0px 4px 0px;
	color: var(--white);
	display: block;
	margin: 10px 0px;
	border: 1px solid var(--borderbg2);
	text-shadow: 0px 1px 1px rgb(0,0,0,0.5);
	border-radius: 11px;	
}

.footer_menu ul li a:hover {
	background: var(--mainbg);
	background: linear-gradient(to bottom, var(--mainbg) 0%, var(--mainbg2) 100%);
	color: var(--white);
	text-shadow: 0px 1px 1px rgb(0,0,0,0.5);
    transition:  .5s ease;
	box-shadow: 0 16px 20px rgba(255, 255, 255, 0.15) inset;
}

.footer_menu h3 {
	background: var(--mainbg);
	background: linear-gradient(to bottom, var(--mainbg) 0%, var(--mainbg2) 100%);
	font-size: 1.2em;
	color: var(--white);
	width: max-content;
	text-align: center;
	margin: 0 auto;
	padding: 4px 20px;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
	border-radius: 11px;
	box-shadow: 0 16px 20px rgba(255, 255, 255, 0.15) inset;
}

.footer_menu h3:hover {
  transform: rotate(10deg);
}

.footer_menu li {
	display: block;
}
/*The Breadcrumb*/

/*Main class gives border, font size, and turns off list style*/

.breadcrumb {
    font: 1em sans-serif;
    list-style: none;
    border: 1px solid var(--borderbg);
	line-height: 1em;
}
/*Flex it up */

.breadcrumb ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
/*We don't want the p tag to have a margin*/
.breadcrumb p {
    margin: 0;
}

/* Fall in line li */
.breadcrumb li {
    display: inline-flex;
}

/*Forming the arrows*/
.breadcrumb li {
    background-color: var(--mainbg);
    box-sizing: border-box;
    color: var(--mainbg3);
    display: inline-flex;
    max-height: 2em;
    padding: 0.5em 1em 0.4em 1.5em;
    position: relative;
    text-decoration: none;
    transition-timing-function: ease-in;
    transition: 0.5s;
    font-weight: 700;
}

.breadcrumb li:before {
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
    border-left: 1em solid var(--white);
    content: "";
    position: absolute;
    top: 0;
    right: -1.25em;
    z-index: 1;
}

.breadcrumb li:after {
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
    border-left: 1em solid var(--mainbg);
    content: "";
    position: absolute;
    top: 0;
    right: -0.9em;
    transition: 0.5s;
    z-index: 1;
}

/* Breadcrumb Colors */

.breadcrumb strong {
    color: var(--mainbg3);
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
}

.breadcrumb li a {
    color: var(--mainbg3);
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
}

.breadcrumb li a:hover {
    color: var(--mainbg2);
}

.breadcrumb li:hover a {
    color: var(--mainbg2);
}

.breadcrumb li:hover {
    background-color: var(--mainbg3);
    color: var(--mainbg2);
}

.breadcrumb li:hover:after {
    border-left-color: var(--mainbg3);
    color: var(--mainbg2);
}

.breadcrumb li:last-child  {
    background-color: var(--mainbg3);
	color: var(--mainbg2);
}

.breadcrumb li:last-child a  {
	color: var(--mainbg2);
}

.breadcrumb li:last-child::after {
    border-left-color: var(--mainbg3);
}

/* Lets Make This Look Better For Mobile */
@media screen and (max-width: 480px) {
.breadcrumb {
    font: 0.9em sans-serif;
    list-style: none;
    border: none;
    display: block;
}
.breadcrumb ul {
    display: block;
	border: none;
}
.breadcrumb li {
    display: block;
    width: max-content;
    margin: 5px 0px 5px 0px;
}
}

/* TitleBar & SubBar */
.title_bar {
	background: linear-gradient(to bottom, var(--mainbg) 0%, var(--mainbg2) 100%);
	border: none;
	color: var(--white);
	border-radius: 5px 5px 0 0;
	margin: 0px;
	box-shadow: 0 16px 20px rgba(255, 255, 255, 0.15) inset;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
	padding: 2px 0px;
}
.sub_bar {
	border-bottom: 1px solid #ddd;
	text-shadow: none;
	background: none;
	box-shadow: 0 -1px 0 #999 inset;
	clear: both;
}
h3.titlebg, h4.titlebg, .titlebg {
	background: none;
	color: var(--white);
	font-family: 'Ubuntu', sans-serif;
	font-weight: bold;
	overflow: hidden;
	padding: 6px 12px 5px 12px;
	font-size: 1.1em;
}

h3.subbg, h4.subbg, .subbg {
    background: none;
    color: var(--mainlink);
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    overflow: hidden;
    padding: 6px 12px 6px 12px;
    text-shadow: none;
    font-size: 1em;
}
h4.subbg:hover {
    color: var(--mainbg);
	text-decoration: none;
}
.titlebg a {
	background: none;
	color: var(--white);
	text-decoration: none;
	text-shadow: 0px 1px 1px var(--mainlink);
}
.titlebg a:hover {
	background: none;
	color: var(--white);
	text-decoration: none;
	text-shadow: 0px 1px 1px var(--mainlink);
}
.title_bar a {
	background: none;
	color: var(--white);
	text-decoration: none;
	text-shadow: 0px 1px 1px var(--mainlink);
}
.title_bar a:hover {
	background: none;
	color: var(--white);
	text-decoration: none;
	text-shadow: 0px 1px 1px var(--mainlink);
}
.subbg a {
  background: none;
  color: var(--white);
  text-decoration: none;
  text-shadow: 0px 1px 1px var(--mainlink);
}
.subbg a:hover {
	background: none;
	color: var(--mainbg3);
	text-decoration: underline;
}
.title_bar + .windowbg, .title_bar + .roundframe {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.generic_bar .bar, .progress_bar .bar {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, var(--mainbg) 0%, var(--mainbg2) 100%);
    transition: width .3s;
    border-radius: 1px;
    box-shadow: 4px -4px 8px rgba(0, 0, 0, 0.1) inset, 4px 4px 8px rgba(255,255,255,0.3) inset;
    display: block;
}
/* Post Area */
.inner {
    padding: 7px 8px 2px 2px;
    margin: 0;
    border-top: 1px solid var(--borderbg2);
    box-shadow: 0 1px 0 var(--borderbg);
    min-height: 85px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.signature, .attachments, .under_message, .custom_fields_above_signature, .custom_fields_below_signature {
    border-top: 1px solid var(--borderbg2);
    box-shadow: none;
}
.bbc_code {
    display: block;
    font-size: 0.78rem;
    background: rgb(243, 243, 243);
    border: 1px solid rgb(223, 223, 223);
    border-top: 2px solid rgb(187, 187, 187);
    border-bottom: 2px solid rgb(170, 170, 170);
    border-radius: 2px;
    margin: 1px 0 6px 0;
    padding: 3px 12px;
}
.bbc_standard_quote {
    background-color: rgba(255, 255, 255, 0.5);
}
/* PostBit */
/* Credit to Antechinus for this tutorial - https://www.simplemachines.org/community/index.php?topic=578882.0 */

/* ---------------------------------------------------- */
/* Adjust parent .windowbg for better looks of content. */
#forumposts .windowbg,
#forumposts .approvebg,
#personal_messages .windowbg {
    padding: 0;
}
/* -------------------- */
/* Grid parent element. */
/* -------------------- */
.post_wrapper {
    display: grid;
    grid-template-columns: 175px minmax(0,calc(100% - 32px));
    grid-auto-rows: 1fr min-content;
	border: 5px solid var(--mainbg2);
    border-radius: 6px;
	box-shadow: none;
}
/* ---------------------- */
/* You need to kill this! */
.post_wrapper::after {
    display: none;
}
/* ----------------- */
/* First grid child. */
.poster {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    width: 175px;
    padding: 10px 0 10px 15px;
}
/* ------------------ */
/* Second grid child. */
.postarea {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    /* Set to flex parent. */
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 10px 15px 0 10px;
}
/* ----------------- */
/* Third grid child. */
.moderatorbar {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin: 0;
    padding: 0 15px 10px 10px;
}
/* --------------------- */
/* End of grid children. */
/* --------------------- */
/* Start flex children. */
/* -------------------- */
/* General reset. */
.postarea > div {
    flex: none;
}
/* ------------------ */
/* Second flex child. */
.postarea > .post {
    flex: 1 0 auto;
}
/* ----------------- */
/* Third flex child. */
.postarea > .attachments {
    /* Changed position to #4. */
    /* Attachments are now beneath buttons. */
    order: 4;
    margin: 0;
}
/* ------------------ */
/* Fourth flex child. */
.postarea > .under_message {
    /* Changed position to #3. */
    /* Buttons are now above attachments. */
    order: 3;
}
/* ------------------ */
/* End flex children. */
/* ------------------ */

/* ----------------------------------- */
/* Responsive code for mobile. */
/* Post & PM templates, media queries. */
@media screen and (max-width: 720px) {
    .pagesection.top {
        display: block !important;
    }
    #forumposts #new::after {
        margin-left: calc(50% - 16px);
    }
    .post_wrapper {
        display: block;
    }
    .poster {
        width: auto;
        min-height: 65px;
        padding: 10px 10px 5px;
    }
    .poster::after {
        display: block;
        clear: both;
        content: '';
    }
    .poster h4, .poster .user_info {
        margin-left: 0px;
    }
    .poster li.avatar {
        display: block!important;
        float: left;
        width: 50px;
        margin: 0px;
        text-align: center;
    }
    .poster img.avatar {
        max-height: 50px !important;
        max-width: 50px !important;
    }
    .poster li {
        padding-right: 4px;
        vertical-align: bottom;
    }
	.user_info li::before {
        content: none!important;
        padding: 0 1ch 0 0.5ch;
    }
    .poster .icons {
        padding: 0 4px 0 0;
    }
    .poster .blurb {
        display: none;
    }
}

/*SCE Editor */
div.sceditor-toolbar {
    background: var(--mainbg);
    border-bottom: 1px solid var(--borderbg2);
}

div.sceditor-group {
    background: var(--mainbg3);
    border-bottom: 1px solid var(--borderbg2);
}
.sceditor-container {
	background: var(--mainbg3);
	border: 1px solid var(--borderbg2);
}

.sceditor-container textarea {
	background: var(--mainbg3);
	color: rgb(100,100,100);
	text-shadow: 0px 1px 1px rgb(0,0,0,0.1);
}
/* Info Center */

.roundframe {
    margin: 10px 0 0 0;
    padding: 0;
    background: var(--mainbg3);
    border: none;
    border-radius: 7px;
    box-shadow: 0 16px 20px rgba(255, 255, 255, 0.15) inset;
    overflow: hidden;
}

.sub_bar {
	background: var(--secondarybg2);
    background: linear-gradient(180deg, var(--secondarybg) 0%, var(--secondarybg2) 100%);
    border-top: 1px solid var(--borderbg);
	border-bottom: 1px solid var(--borderbg);
    text-shadow: none;
    box-shadow:  none;
    clear: both;
}

#info_center .sub_bar {
    border-top: 1px solid var(--borderbg);
}

#upshrink_stats {
  margin-top: 0px;
}

/* Buttons Buttons Whos Got The Buttons */

.button {
    background: var(--buttonbg);
	text-shadow: none;
	color: var(--buttontext);
	box-shadow: none;
	border: 1px solid rgb(0,0,0,0.4);
}
.button:hover {
    background: var(--buttonbg2);
	text-shadow: none;
	color: var(--buttontext);
	box-shadow: none;
	border: 1px solid rgb(0,0,0,0.4);
}
.button.active:hover, .button.active:focus {
	color: var(--buttontext);
    background: var(--buttonbg2);
	text-shadow: none;
	box-shadow: none;
	border: 1px solid rgb(0,0,0,0.4);
}

.button a:link {
	color: var(--buttontext);
}
.button:link {
	color: var(--buttontext);
	text-shadow: none;
	box-shadow: none;
	border: 1px solid rgb(0,0,0,0.4);
}

.pagesection .button {
	color: var(--buttontext);
	text-shadow: none;
	box-shadow: none;
	border: 1px solid rgb(0,0,0,0.4);
}

.button.active {
    background: var(--mainbg);
	color: var(--white);
	font-weight: bold;
	text-shadow: none;
	box-shadow: none;
	border: 1px solid rgb(0,0,0,0.4);
}

.buttonlist .button {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
}

#post_confirm_buttons .post_button_container .button {
    background: var(--mainbg2);
    background: linear-gradient(180deg, var(--mainbg) 0%, var(--mainbg2) 100%);
	text-shadow: none;	
	box-shadow: none;
	border: 1px solid rgb(0,0,0,0.4);
	color: var(--white);
}

#post_confirm_buttons .post_button_container .button:hover {
    background: var(--mainbg2);
    background: linear-gradient(180deg, var(--mainbg) 0%, var(--mainbg2) 100%);
	text-shadow: none;	
		box-shadow: none;
	border: 1px solid rgb(0,0,0,0.4);
	color: var(--white);
}

#search_form .button:hover {
	background: var(--buttonbg);
    color: var(--buttontext);
	text-shadow: none;
	box-shadow: none;
	border: 1px solid rgb(0,0,0,0.4);
}

.quickbuttons > li > a {
	line-height: 1.575rem;
	color: var(--mainbg);
	text-shadow: none;
	box-shadow: none;
	border: 1px solid var(--borderbg);
}

.quickbuttons > li {
    background: var(--buttonbg);
	text-shadow: none;
	color: var(--buttontext);
	box-shadow: none;
	border: none;
	border-radius: 4px;
}

.quickbuttons li:hover {
    background: var(--buttonbg2);
	text-shadow: none;
	color: var(--buttontext);
	box-shadow: none;
	border: 1px solid var(--borderbg);
}

.quickbuttons > li:hover > a {
	box-shadow: none;
	border-color: var(--borderbg);
}

.quickbuttons li ul {
    background: var(--buttonbg);
}

.quickbuttons li ul li a:hover {
    background: var(--buttonbg2);
	color: var(--mainbg);
	text-shadow: none;
	box-shadow: none;
	border: none;
}

.quickbuttons ul li a:focus {
    background: var(--buttonbg2);
	color: var(--mainbg);
	text-shadow: none;
	box-shadow: none;
	border: none;
}

.quickbuttons > li:hover > a, .quickbuttons > li > a:focus {
	background: var(--buttonbg2);
	color: var(--mainbg2);
	text-shadow: none;
	box-shadow: none;	
	border: none;
}

.post_options ul a {
    display: block;
    width: 12em;
    padding: 0 6px;
    line-height: 2.2em;
    text-decoration: none;
    border: none;
    border-radius: 3px;
  	color: var(--mainbg);
	text-shadow: none;
}

.post_options ul a:hover, .post_options ul a:focus {
	border: none;
}

.generic_list_wrapper {
	background: var(--secondarybg2);
    background: linear-gradient(180deg, var(--secondarybg) 0%, var(--secondarybg2) 100%);
	border: 1px solid var(--borderbg);
	border-bottom: none;
	color: #fcfcfc;
}

.generic_list_wrapper, .windowbg, .approvebg, .approvebg2 {
	margin: 12px 0 0 0;
	padding: 12px 16px;
	border: none;
    border-radius: 6px;
	box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
	overflow: auto;
}

#admin_content .button:not(.floatnone) {
	float: right;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
}

/* Calendar Stuff */
#month_grid table {
	width: 100%;
	margin-bottom: 12px;
	border-collapse: collapse;
	background: var(--mainbg);
	border: 1px solid var(--borderbg);
}

#main_grid td.holidays, #month_grid td.holidays {
	background: var(--mainbg);
}

#month_grid th.days {
	background: var(--mainbg);
	font-size: smaller;
}

#month_grid td.days a:hover {
	text-decoration: none;
	background: var(--mainbg);
} 

#month_grid td.days a:focus {
	text-decoration: none;
	background: var(--mainbg);
} 


.calendar_today, td.days:hover {
	background: var(--mainbg);
}

#main_grid td.disabled, #month_grid td.disabled {
	background: var(--secondarybg);
	border: 1px solid var(--borderbg);
}

#main_grid td.days, #month_grid td.days {
	vertical-align: top;
	text-align: center;
	border-right: 1px solid var(--borderbg);
	border-bottom: 1px solid var(--borderbg);
}

/* Pop Up Windows*/

.popup_window {
	background: var(--secondarybg);
    background: linear-gradient(180deg, var(--secondarybg) 0%, var(--secondarybg2) 100%);
	border: 1px solid var(--borderbg);
}

.popup_content {
    background: var(--mainbg3);
    box-shadow: 0 16px 20px rgba(255, 255, 255, 0.15) inset;
}

.popup_heading {
    padding: 10px 8px;
    color: var(--mainlink);
	text-shadow: 0px 1px 1px rgb(0,0,0,0.4);
}

/* Styles for info boxes
------------------------------------------------- */

.noticebox::before {
	background-position: -83px -83px;
}
.infobox::before {
	background-position: -161px -83px;
}
.noticebox {
	color: #000;
	background: #ffffca;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
}
.noticebox a, .infobox a, .descbox a{
	text-decoration: underline;
}
.infobox {
	color: #000;
	background: #cfc;
	border-top: 1px solid green;
	border-bottom: 1px solid green;
}
.descbox {
	padding: 7px 10px 7px 10px;
	border: 1px solid #c5c5c5;
	margin: 6px 0;
}

/* Social Icons */

.social-icons{
	float: right;
	clear: right;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	margin-top: 2px;
}
.social-icons i {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	display: inline-block;
	margin: 0 6px;
    text-shadow: 0px 1px 1px var(--black);
    color: var(--mainbg3);
}

.social-icons i:hover {
    transition-timing-function: ease-in;
    transition: 0.5s;
	color: var(--mainbg);
	transform: scale(1.2) rotate(9deg);
}

/*Font Awesome Icons Stuff*/


.main_icons, .icon {
    margin-inline-end: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.main_icons.error {
    color: unset;
}

.centericon {
    vertical-align: middle;
}
.main_icons::before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background: transparent;
    vertical-align: middle;
	text-shadow: 0px 1px 1px rgb(0,0,0,0.2);
}

.main_icons.login {
	width: auto;
}

#profile_menu .main_icons::before {
	margin: 0px -20px 0px 20px;
	vertical-align: middle;
}

.dropmenu .main_icons::before {
  margin: -3px 0px 0px 0px;
  vertical-align: middle;
}

.main_icons.home::before {
    content: "\f015";
}

.main_icons.search::before {
    content: "\f002";
}

.main_icons.admin::before {
    content: "\f7d9";
}

.main_icons.moderate::before {
    content: "\f637";
}

.main_icons.mlist::before {
    content: "\f0c0";
}

.main_icons.lock::before, .main_icons.security::before {
    content: "\f023";
}

.main_icons.sticky::before {
    content: "\f249";
}

.main_icons.poll::Before {
    content: "\f681";
}

.menu_icon::before, .toggle_down::before, .toggle_up::before, .errorbox::before, .infobox::before, .noticebox::before, .main_icons {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.main_icons.help::before {
    content: "\f059";
}

.main_icons.search::before, .main_icons.engines::before {
    content: "\f002";
}

.main_icons.quick_edit_button::before, .main_icons.modify_button::before {
    content: "\f044";
}

.main_icons.check::before {
    content: "\f059";
}

.main_icons.invalid::before {
    content: "\f071";
}

.main_icons.profile_sm::before {
	background: none;
	content: "\f007";
}

.main_icons.gender_2::before {
    content: "\f221";
}

.main_icons.select_above::before {
    content: "\f0d8";
}

.main_icons.select_here::before {
    content: "\f0d9";
}

.main_icons.select_below::before {
    content: "\f0d7";
}

.main_icons.watch::before {
    content: "\f1e5";
}

.main_icons.move::before, .main_icons.next_page::before {
    content: "\f35a";
}

.main_icons.general::before, .main_icons.boards::before, .main_icons.topics_views::before {
    content: "\f200";
}

.main_icons.gender_1::before {
    content: "\f222";
}

.main_icons.features::before {
    content: "\f1de";
}

.main_icons.posters::before {
    content: "\f091";
}

.main_icons.replies::before, .main_icons.topics_replies::before {
    content: "\f46d";
}

.main_icons.history::before, .main_icons.time_online::before, .main_icons.scheduled::before {
    content: "\f017";
}

.main_icons.views::before {
    content: "\f200";
}

.main_icons.last_post::before {
    content: "\f14d";
}

.main_icons.starters::before, .main_icons.people::before, .main_icons.membergroups::before, .main_icons.mlist::before {
    content: "\f500";
}

.main_icons.poll::before {
    content: "\f681";
}

.main_icons.previous_page::before {
    content: "\f359";
}

.main_icons.inbox::before {
    content: "\f01c";
}

.main_icons.permissions::before, .main_icons.login::before {
    content: "\f2f6";
}

.main_icons.www::before {
    content: "\f0ac";
}

.main_icons.exit::before, .main_icons.logout::before {
    content: "\f2f5";
}

.main_icons.switch::before {
    content: "\f079";
}

.main_icons.replied::before, .main_icons.send::before {
    content: "\f658";
}

.main_icons.im_on::before {
    content: "\f075";
}

.main_icons.im_off::before {
    content: "\f075";
}

.main_icons.split_desel::before {
    content: "\f0a8";
}

.main_icons.split_sel::before {
    content: "\f0a9";
}

.main_icons.mail::before {
    content: "\f0e0";
}

.main_icons.warning_mute::before {
    content: "\f4b3";
}

.main_icons.alerts::before, .main_icons.warn_button::before,
.main_icons.warning_moderate::before {
    content: "\f071";
	background-image: none;
}

.main_icons.mail_new::before {
    content: "\f0e0";
}

.main_icons.drafts::before,
.main_icons.reply_button::before,
.main_icons.reply_all_button::before {
    content: "\f573";
}

.main_icons.warning_watch::before {
    content: "\f06a";
}

.main_icons.calendar_export::before {
    content: "\f271";
}

.main_icons.calendar::before {
    content: "\f133";
}

.main_icons.calendar_modify::before {
    content: "\f304";
}

.main_icons.plus::before {
    content: "\f055";
}

.main_icons.warning::before, .main_icons.moderate::before {
    content: "\f637";
}

.main_icons.themes::before {
    content: "\f55d";
}

.main_icons.support::before {
    content: "\f590";
}

.main_icons.liked_users::before, .main_icons.liked_messages::before, .main_icons.like::before {
    content: "\f004";
}

.main_icons.unlike::before {
    content: "\f7a9";
}

.main_icons.current_theme::before {
    content: "\f482";
}

.main_icons.stats::before {
    content: "\f080";
}

.main_icons.right_arrow::before {
    content: "\f0da";
}

.main_icons.left_arrow::before {
    content: "\f0d9";
}

.main_icons.smiley::before {
    content: "\f580";
}

.main_icons.server::before {
    content: "\f233";
}

.main_icons.ban::before, .main_icons.ignore::before {
    content: "\f05e";
}

.main_icons.boards::before {
    content: "\f07b";
}

.main_icons.regcenter::before {
    content: "\f055";
}

.main_icons.posts::before {
    content: "\f15b";
}

.main_icons.sort_down::before {
    content: "\f884";
}

.main_icons.change_menu2::before, .main_icons.sent::before {
    content: "\f061";
}

.main_icons.post_moderation_moderate::before {
    content: "\f071";
}

.main_icons.sort_up::before {
    content: "\f885";
}

.main_icons.post_moderation_deny::before {
    content: "\f023";
}

.main_icons.post_moderation_attach::before {
    content: "\f0c6";
}

.main_icons.post_moderation_allow::before {
    content: "\f138";
}

.main_icons.personal_message::before {
    content: "\f0e0";
}

.main_icons.permissions::before, .main_icons.signup::before {
    content: "\f084";
}

.main_icons.paid::before {
    content: "\f53a";
}

.main_icons.packages::before {
    content: "\f466";
}

.main_icons.filter::before {
    content: "\f0b0";
}

.main_icons.change_menu::before {
    content: "\f060";
}

.main_icons.package_ops::before {
    content: "\f085";
}

.main_icons.reports::before {
    content: "\f0c5";
}

.main_icons.news::before {
    content: "\f1ea";
}

.main_icons.delete::before, .main_icons.prune::before, .main_icons.remove_button::before {
    content: "\f1f8";
}

.main_icons.modifications::before {
    content: "\f12e";
}

.main_icons.maintain::before, .main_icons.admin::before {
    content: "\f7d9";
}

.main_icons.administration::before, .main_icons.home::before {
    content: "\f015";
}

.main_icons.frenemy::before {
    content: "\f506";
}

.main_icons.attachment::before {
    content: "\f0c6";
}

.main_icons.lock::before, .main_icons.security::before {
    content: "\f023";
}

.main_icons.error::before, .main_icons.disable::before {
    content: "\f06a";
}

.main_icons.languages::before {
    content: "\f1ab";
}

.main_icons.members_request::before {
    content: "\f234";
}

.main_icons.members_delete::before {
    content: "\f503";
}

.main_icons.members::before {
    content: "\f0c0";
}

.main_icons.members_watched::before {
    content: "\f507";
}

.main_icons.sticky::before {
    content: "\f08d";
}

.main_icons.corefeatures::before, .main_icons.settings::before, .main_icons.manrules::before, .main_icons.manlabels::before {
    content: "\f085";
}

.main_icons.calendar::before {
    content: "\f073";
}

.main_icons.logs::before {
    content: "\f022";
}

.main_icons.valid::before {
    content: "\f00c";
}

.main_icons.approve::before, .main_icons.enable::before,
.main_icons.approve_button::before,
.main_icons.read_button::before {
    content: "\f00c";
}

.main_icons.close::before {
    content: "\f05e";
}

.main_icons.details::before {
	 content: "\f15c";
}

.main_icons.merge::before {
    content: "\f0c1";
}

.main_icons.folder::before {
    content: "\f078";
}

.main_icons.restore_button::before {
    content: "\f2f1";
}

.main_icons.split_button::before {
    content: "\f127";
}

.main_icons.unapprove_button::before,
.main_icons.unread_button::before,
.main_icons.hide_popup::before {
    content: "\f00d";
}

.main_icons.quote::before {
     content: "\f10e";
}

.main_icons.quote_selected::before {
    content: "\f246";
}

.main_icons.notify_button::before {
    content: "\f0f3";
}

/*Attach UI Fix */
.attach-ui.roundframe {
    border: 1px solid var(--black);
    background: var(--windowbg);
	background: linear-gradient(180deg, var(--windowbg) 70%, var(--windowbg2) 100%);
    color: #000;
}
.attach-ui.roundframe a, .attach-ui.roundframe a:hover{
    border: none;
    color: var(--mainbg);
	text-decoration: none;
}

.attach-ui.roundframe .button{
    background: var(--mainbg2);
    background: linear-gradient(180deg, var(--mainbg) 0%, var(--mainbg2) 100%);
	color: #fff;
}

.attach-ui.roundframe .button:hover{
	color: #000;
}