#fixedaschange {
    position: fixed;
    bottom: 185px;
    right: 25px;
}

/* Header Switcher */
#accountswitcher_header {
  position: relative;
  float: right;
  cursor: pointer;
}

#accountswitcher_header_popup {
  padding: 0 30px 0 15px;
  position: absolute;
  top: 0;
  display: none;
  opacity: 1;
}

#accountswitcher_header_popup ul {
  position: absolute;
  left: 0;
  margin-top: 17px;
  padding: 0 20px 0 10px;
  min-width: 80px;
  line-height: 1.2;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 15px;
  white-space: pre-line;
  background: var(--as-bg);
}

/* Avatar Sizing */
[id*="profile_switch_"] > img,
[id*="profile_link_"] > a > img {
  height: var(--avatar-size);
  width: auto;
}

[id*="profile_link_"] {
  list-style-type: none;
}

/* Account List Styles */
.acclist_outer {
  float: left;
  text-align: center;
  width: 100%;
  border: 1px solid var(--as-border);
}

.acclist_att,
.acclist_mast {
  padding-left: 20px;
}

.acclist_mast {
  padding-left: 30px;
}

.acclist_att > img,
.acclist_mast > img,
.acclist_card_mast > img {
  height: var(--card-img-size);
  width: auto;
}

.acclist_card_mast {
  float: left;
  width: 100%;
  padding-right: 0;
  border-bottom: 1px solid var(--as-border);
}

.acclist_card_att {
  float: left;
  width: 250px;
  text-align: center;
}

.acclist_card_att > img {
  height: var(--big-img-size);
  width: auto;
}

.acclist_card_hidden {
  float: left;
  width: 250px;
  padding-top: 30px;
  text-align: center;
  border: none;
}

/* Profile Card */
.profile_card_mast,
.profile_card_att {
  padding: 5px;
  background: none;
  border: none;
}

/* Dropdown Header */
.as_head_drop,
.as_head_userbit,
.as_side_user {
  list-style: none;
  white-space: nowrap;
}

.as_head_drop > img,
.as_head_userbit > img,
.as_header > img,
.as_header > li > img {
  height: var(--tiny-img-size);
  width: auto;
}

/* Header Footer Section */
.as_header {
  clear: both;
  margin-top: 7px !important;
  padding-top: 7px !important;
  border-top: 1px solid var(--as-border);
  min-width: 400px;
}

/* Menu Arrow */
.as_menu-arrow {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 10px;
  height: 100%;
  background: var(--as-shadow);
  border: 5px solid transparent;
  transition: opacity 0.4s ease 0.4s;
}

/* Side Nav Menu */
.as_sidenav {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  padding-top: 60px;
  z-index: 10000;
  overflow-x: hidden;
  background-color: var(--as-menu-bg);
  transition: var(--transition-time);
}

.as_sidenav a {
  display: inline-block;
  padding: 8px 8px 8px 20px;
  font-size: var(--font-size-sm);
  color: var(--as-muted);
  text-decoration: none;
  transition: 0.3s;
}

.as_sidenav a:hover {
  color: var(--as-hover);
}

.as_sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  margin-left: 50px;
  font-size: 36px;
}

.as_sidenav ul {
  margin-top: 40px;
}

.as_sidenav ul li {
  display: inline-block;
  width: 100%;
  padding: 3px 0;
  text-align: left;
  font-size: var(--font-size-sm);
}

.as_sidenav ul li img {
  height: var(--tiny-img-size);
  width: auto;
}

.as_sidenav ul li:before {
  content: "";
  margin-right: 5px;
  color: var(--as-shadow);
}

/* Responsive */
@media screen and (max-height: 450px) {
  .as_sidenav {
    padding-top: 15px;
  }

  .as_sidenav a {
    font-size: var(--font-size-sm);
  }
}



/* ACCOUNT SWITCHER IN FOOTER */

.dropmenubtn {
	height: 75px;
	width: 175px;
	background: var(--card-bg);
	border: 1px solid var(--color-primary);
    color: var(--color-primary);
}

.dropmenu {
  position: fixed;
  right: 60px;
  bottom: 55px;
  height: 35px;
  width: 175px;
  border-radius: 5px;
  cursor: pointer;
}

.dropmenu-content {
  display: none;
  position: absolute;
	left: -20px;
  background: var(--as-hover);
  min-width: 200px;
	bottom: 25px; /*to open upwards */
  z-index: 1;
  height:200px;
  overflow-y:scroll;
  padding: 3px; 
	border: 1px solid var(--color-primary);
}

.dropmenu-content a {
  color: var(--hr-color);
  padding: 2px;
  text-decoration: none;
  display: block;
  width: 100%;
}

.dropmenu-content a:hover {
	background: var(--color-primary);
	width: 100%;
}

.dropmenu:hover .dropmenu-content {
  display: block;
}

.dropmenu:hover .dropmenubtn {
  background: var(--as-bg);
}

/* SCROLL BUTTON TEXT */
.scrollToTop {
position: fixed;
	right: 15px;
	bottom: 55px;
	height: 35px;
	width: 35px;
	border-radius: 5px;
	cursor: pointer;
	
	    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}

.scrollToTop:hover {
	    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}

.scrollToBottom {
position: fixed;
	right: 15px;
	bottom: 15px;
	height: 35px;
	width: 35px;
	border-radius: 5px;
	cursor: pointer;
	
	    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}

.scrollToBottom:hover {
	    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}

/* SCROLL TO TOP AND BOTTOM BUTTON IMAGES */
.scrollToTop {
	background:url(https://pern.second-pass.net/forum/images/dreaminofakiller/arrow.png);
}

.scrollToTop:hover {
background:url(https://pern.second-pass.net/forum/images/dreaminofakiller/arrow-full.png);
}

.scrollToBottom {
	background:url(https://pern.second-pass.net/forum/images/dreaminofakiller/bottom.png);
}

.scrollToBottom:hover {
background:url(https://pern.second-pass.net/forum/images/dreaminofakiller/bottom-full.png);
}