/*
*   Account base less
*   @date 4/12/2016
*/
/*
*   Account variable less
*   @date 4/12/2016
*/
/*
*   My Account Less - fridends
*   @date 4/11/2016
*/
.friends.account-information {
  padding-bottom: 30px;
}
.friends .account-title {
  font-size: 24px;
  font-weight: 300;
}
.friends ul {
  padding-left: 0;
}
.friends ul li {
  list-style: none;
}
.friends.account-information h3:after {
  margin-left: 150px;
}
.friends .module-tabs ul {
  overflow: hidden;
  padding-left: 0;
}
.friends .module-tabs ul li {
  width: 49.8%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  float: left;
  border: 1px solid rgba(255, 255, 255, 0.3);
  list-style: none;
  box-sizing: border-box;
}
.friends .module-tabs ul li a {
  color: #a7a7a7;
  display: block;
  font-size: 14px;
  text-decoration: none;
}
.friends .module-tabs ul li.right {
  float: right;
}
.friends .module-tabs ul li.active {
  border-color: #fff;
}
.friends .module-tabs ul li.active a {
  color: #fff;
}
.friends .new-friends {
  overflow: hidden;
  position: relative;
}
.friends .new-friends:after {
  position: absolute;
  content: '';
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #ccc;
}
.friends .my-friends {
  overflow: hidden;
  margin-top: 20px;
}
.friends .add-friends {
  margin-bottom: 20px;
}
.friends .add-friends a.btn-find-friends {
  color: #fff;
  font-size: 12px;
  height: 28px;
  border: 1px solid #a7a7a7;
  border-radius: 1px;
  line-height: 28px;
  text-align: center;
  padding: 0 10px;
  float: left;
  display: inline-block;
  margin-right: 12px;
  background: none !important;
}
.friends .add-friends a.btn-find-friends:hover {
  border-color: #fff;
  color: #4e7edb;
}
.friends .add-friends a.btn-find-friends:hover .ico-user-cssplus:before,
.friends .add-friends a.btn-find-friends:hover .ico-user-cssplus:after {
  border-color: #4e7edb;
}
.friends .add-friends a.btn-find-friends span {
  background: none !important;
  padding: 0;
  padding-left: 5px;
  height: 28px;
  line-height: 28px;
}
.friends .add-friends .find-friends-dropdown {
  float: left;
  height: 30px;
  color: #fff;
  box-sizing: border-box;
}
.friends .add-friends .find-friends-dropdown a {
  color: #fff;
  font-size: 12px;
}
.friends .add-friends .find-friends-dropdown .dropdown-current-value {
  border-radius: 1px;
}
.friends .module-group {
  margin-left: 0;
}
.friends .module-group .item-group {
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  margin-bottom: 34px;
  min-height: 96px;
}
.friends .module-group .item-group .item-content {
  padding-left: 80px;
}
.friends .module-group .online .status {
  color: #00ff00 !important;
}
.friends .module-group .user-avatar {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 12px;
  border: 1px solid rgba(167, 167, 167, 0.3);
  position: static;
  margin-bottom: 8px;
  margin-left: -80px;
}
.friends .module-group .user-avatar img {
  width: 100%;
}
.friends .module-group .user-message {
  padding-left: 14px;
}
.friends .module-group .user-message .username {
  display: block;
  font-size: 14px;
  color: #fff;
  height: 16px;
  line-height: 14px;
}
.friends .module-group .user-message .status,
.friends .module-group .user-message .become-friend-time,
.friends .module-group .user-message .sent-request {
  font-size: 14px;
  color: #727170!important;
  margin: 3px 0;
}
.friends .module-group .user-message .btns {
  margin-top: 10px;
  overflow: hidden;
}
.friends .module-group .user-message .btns a {
  background: none;
  color: #F23030;
  font-size: 12px;
  height: 28px;
  border: 1px solid #F23030;
  border-radius: 1px;
  line-height: 28px;
  text-align: center;
  padding: 0 10px;
  float: left;
  display: inline-block;
  margin-right: 20px;
}
.friends .module-group .user-message .btns a:hover {
  color: #000;
  background-color: #F23030;
}
.friends .module-group .user-message .btns a span {
  background: none;
  height: 28px;
  line-height: 28px;
  padding: 0 2px;
  white-space: nowrap;
}
.friends .find-friend-way,
.friends .find-friend-way .dropdown-current-value,
.friends .find-friend-way .search-friends input {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(167, 167, 167, 0.3);
}
.friends .find-friend-way {
  outline: 0;
}
.friends .find-friend-way .dropdown-current-value span {
  color: #fff;
}
.friends .find-friend-way .search-friends input {
  height: 28px;
  font-size: 14px;
  vertical-align: top;
}
.friends .find-friend-way .btn-search {
  background-image: none;
  border-radius: 1px;
  width: 28px;
  height: 28px;
  right: 0px;
  top: 0px !important;
  vertical-align: top;
  border: 1px solid rgba(167, 167, 167, 0.3);
  background: url(../images/global/btn_ui_1202.png) no-repeat -442px -11px;
}
.friends .account-right-wrap {
  margin-top: 0;
}
.friends .friends-wrap .find-friend-way .msg {
  font-family: "Lucida Sans";
  color: #a7a7a7;
  font-size: 14px;
  margin-bottom: 12px;
}
.friends .friends-wrap .find-friend-way .msg span {
  color: #fff !important;
}
.friends .friends-wrap .friend-know-wrap .friend-title {
  font-family: "Lucida Sans";
  font-size: 18px;
}
.friends h3.ffser {
  height: 74px;
  position: relative;
}
.friends h3.ffser a {
  font-family: "Lucida Sans";
  margin-top: 30px;
  display: block;
  text-align: right;
}
.send-message-popup .modal-dialog {
  background: rgba(0, 0, 0, 0.9);
}
.send-message-popup .modal-dialog .close {
  margin: 0;
}
.send-message-popup .modal-dialog .account-title {
  text-align: center;
  position: relative;
  font-weight: 300;
  margin-top: 20px !important;
}
.send-message-popup .modal-dialog .account-title:before {
  position: absolute;
  top: 32px;
  left: 12px;
  border-bottom: 1px solid rgba(167, 167, 167, 0.3);
  width: 270px;
  content: ' ';
}
.send-message-popup .modal-dialog .account-title:after {
  position: absolute;
  top: 32px;
  right: 12px;
  border-bottom: 1px solid rgba(167, 167, 167, 0.3);
  width: 270px;
  content: ' ';
}
.send-message-popup .modal-dialog .compose-new-wrap {
  border-top: none;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-edit-wrap {
  margin: 0;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-edit-wrap p:first-child {
  margin: 28px 0 12px;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .message-to-users {
  background: none;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-edit {
  background: none;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-edit .message-edit-info textarea {
  background: none;
  outline: none;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .message-to-users .msg-user-to {
  background: none;
  color: #fff;
  font-size: 12px;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .message-to-users .msg-user-to a {
  color: #fff;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .message-to-users .msg-input input {
  background: none;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .bg-btn {
  background: none;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .bg-btn span {
  background: none;
  border: 1px solid #29292d;
  border-radius: 1px;
  padding: 3px 7px;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .user-plus-group {
  border: none;
  padding-top: 6px;
  right: 0px;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .user-plus-group span {
  height: 22px;
  line-height: 28px;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .user-plus-group .user-search-list {
  height: 250px;
  position: relative;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .user-plus-group .user-search-list h5 {
  display: none;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .user-plus-group .user-search-list .viewport {
  border-right: none;
  width: 280px;
  padding: 0;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .user-plus-group .user-search-list .viewport .overview {
  width: 280px;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .user-plus-group .scrollbar {
  background: none;
  position: absolute;
  top: 0;
  right: 0;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .user-plus-group .scrollbar .track {
  background: none;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .user-plus-group .scrollbar .track .thumb {
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  width: 5px;
  z-index: 10;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .user-plus-group .scrollbar .track .thumb .end {
  background: none;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .active {
  background: none;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .active .dropdown-search {
  background: #000;
  border-width: 1px;
  border-radius: 4px;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .active .dropdown-search .search {
  font-size: 14px;
  width: 260px;
  padding-left: 6px;
  margin-top: 5px;
  background-image: url(../images/global/search.png);
  background-position: 240px 0 !important;
  background-repeat: no-repeat;
}
.send-message-popup .modal-dialog .compose-new-wrap .message-to-wrap .active .hidden-border {
  height: 0;
}
.send-message-popup .modal-dialog .compose-new-wrap .search-user-item {
  border-bottom: 1px solid #282d37;
  padding: 0 0 0 7px;
  box-sizing: border-box;
  height: 41px;
  width: 280px;
}
.send-message-popup .modal-dialog .compose-new-wrap .search-user-item .user-avatar {
  margin-top: 8px;
  width: 20px;
  height: 20px;
  border-color: #a7a7a7;
}
.send-message-popup .modal-dialog .compose-new-wrap .search-user-item .title {
  font-size: 12px;
  line-height: 41px;
  height: 41px;
}
.send-message-popup .modal-dialog .compose-new-wrap .btn-common {
  box-shadow: none;
  border-radius: 2px;
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
}
.send-message-popup .modal-dialog .compose-new-wrap .btn-cancel {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  height: 28px;
  padding: 0 12px;
  margin-left: 13px;
}
.send-message-popup .modal-dialog .compose-new-wrap .btn-cancel:hover {
  border-color: #fff;
  color: #5c91ff;
}
.send-message-popup .modal-dialog .compose-new-wrap .btn-cancel span {
  background: none;
  padding: 0;
  height: 28px;
  line-height: 28px;
}
.send-message-popup .modal-dialog .compose-new-wrap .reply-btns {
  border-top: none;
  margin-top: 0px;
}
.send-message-popup .modal-dialog .compose-new-wrap .tips {
  margin-top: 17px;
}
.compose-new-wrap {
  padding: 16px 16px 25px 20px !important;
}
.compose-new-wrap .message-to-wrap .message-to-users .search-wrap {
  background: #000;
  border-width: 1px;
  border-radius: 4px;
  padding-bottom: 2px;
}
.compose-new-wrap .message-to-wrap .message-to-users .search-wrap .scrollbar {
  background: none;
  position: absolute;
  top: 0;
  right: 0;
}
.compose-new-wrap .message-to-wrap .message-to-users .search-wrap .scrollbar .track {
  background: none;
}
.compose-new-wrap .message-to-wrap .message-to-users .search-wrap .scrollbar .track .thumb {
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  width: 5px;
  z-index: 10;
}
.compose-new-wrap .message-to-wrap .message-to-users .search-wrap .scrollbar .track .thumb .end {
  background: none;
}
.compose-new-wrap .message-to-wrap .message-to-users .search-wrap .viewport {
  width: 260px;
  border-right: none;
}
.compose-new-wrap .message-to-wrap .message-to-users .search-wrap .viewport .overview {
  width: 260px;
}
.compose-new-wrap .message-to-wrap .message-to-users .search-wrap .viewport .overview .search-user-item.active:hover {
  background: #24272e;
}
.ico-user-cssplus {
  left: -6px;
  position: relative;
  top: 2px;
  width: 14px;
  height: 14px;
  display: inline-block;
}
.ico-user-cssplus:after {
  content: '';
  position: absolute;
  height: 0;
  width: 14px;
  border-bottom: 2px solid #fff;
  top: 6px;
  left: 0;
}
.ico-user-cssplus:before {
  content: '';
  position: absolute;
  height: 14px;
  width: 0;
  border-left: 2px solid #fff;
  left: 6px;
  top: 0;
}
@media screen and (max-width: 980px) {
  .friends .module-group .item-group {
    width: 50%;
    float: left;
  }
  .send-message-popup .modal-dialog .account-title:before {
    width: 210px;
  }
  .send-message-popup .modal-dialog .account-title:after {
    width: 210px;
  }
}
@media screen and (max-width: 740px) {
  .friends.account-information {
    padding: 0 10px 10px;
  }
  .friends .module-group .item-group {
    width: 100%;
  }
  .friends .add-friends a.btn-find-friends {
    margin-right: 8px;
  }
  .send-message-popup .modal-dialog .account-title {
    text-align: left;
    overflow: hidden;
    margin-right: 16px;
  }
  .send-message-popup .modal-dialog .account-title:before {
    width: 0;
  }
  .send-message-popup .modal-dialog .account-title:after {
    left: 188px;
    width: 100%;
  }
}
.friends .module-tabs .dropdown {
  border: 1px solid #73787f;
  width: 200px;
  color: #fff;
  display: none;
}
.friends .module-tabs .dropdown .dropdown-current-value {
  margin-bottom: 0px;
}
/* .dropdown-menu.dropdown-list {
	background-color: #080707;
} */
.friends-wrap .back-to-friends-list .ico-arrow-left {
  height: 10px;
}
.friends-wrap .all-friends-wrap .new-friend-requests {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 5px;
}
.friends-wrap .all-friends-wrap .new-friend-requests .module-group .item-group {
  margin-bottom: 8px;
}
.item-group .btns .ico-plus-agree {
  left: -2px;
  position: relative;
  top: 8px;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.item-group .btns .ico-plus-agree:after {
  content: '';
  height: 6px;
  width: 12px;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.faction-wrap .faction-form {
  /* 
		.dropdown-current-value {
			color: #fff;
			border-width: 1px;
			border-style: solid;
			border-color: #767a82;
			background-color: rgba(0,0,0,.3);
			i {
				background-image: url(../images/global/icons_right.png);
				background-repeat: no-repeat;
				background-position: right -17px;
				display: block;
				overflow: hidden;
				text-indent: -9999px;
				width: 15px;
				height: 22px;
			}
		} */
  /* .dropdown-list {
			border-color: @base-gray-color;
			background-color: rgba(0,0,0,.9);
			dd {
				border-bottom: 1px solid #373737;
				a {
					background-color: rgba(0,0,0,.9);
					&:hover {
						background-color: @base-gray-color;
					}
				}
			}
		} */
}
.faction-wrap .faction-form .btn-browse {
  background-color: #2D2E37;
  color: #fff;
  border: 1px solid #2D2E37;
}
.faction-wrap .faction-form .btn-browse:hover {
  background-color: #41424F;
  border: 1px solid #41424F;
}
.faction-wrap .faction-form .btn-browse span {
  background-image: none;
}
.character-copy-wrap .character-copy-form .dropdown-current-value {
  color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #767a82;
  background-color: rgba(0, 0, 0, 0.3);
}
.character-copy-wrap .character-copy-form .dropdown-current-value i {
  background-image: url(../images/global/icons_right.png);
  background-repeat: no-repeat;
  background-position: right -17px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  width: 15px;
  height: 22px;
}
.character-copy-wrap .character-copy-form .dropdown-list {
  border-color: rgba(167, 167, 167, 0.3);
  background-color: rgba(0, 0, 0, 0.9);
}
.character-copy-wrap .character-copy-form .dropdown-list dd {
  border-bottom: 1px solid #373737;
}
.character-copy-wrap .character-copy-form .dropdown-list dd a {
  background-color: rgba(0, 0, 0, 0.9);
}
.character-copy-wrap .character-copy-form .dropdown-list dd a:hover {
  background-color: rgba(167, 167, 167, 0.3);
}
.character-copy-wrap .character-copy-form .dropdown-menu {
  height: auto;
  border-color: rgba(167, 167, 167, 0.3);
  border-bottom: none;
}
.character-copy-wrap .character-copy-form .dropdown-menu .overview {
  width: 300px;
}
.pw-themed #friendNavTabs li:not(.active) {
  border: 1px solid #d62222 !important;
  background: transparent !important;
  color: #d62222 !important;
  font-family: 'Roboto', sans-serif !important;
  border-right: 1px solid #d62222 !important;
}
.pw-themed #friendNavTabs li:not(.active):hover {
  color: #000000 !important;
  border-color: #000000 !important;
}
.pw-themed #friendNavTabs li:not(.active) a {
  color: #d62222 !important;
}
.pw-themed #friendNavTabs li:not(.active):hover {
  border-right: 1px solid #000 !important;
}
.pw-themed #friendNavTabs li:not(.active):hover a {
  color: #000 !important;
}
.pw-themed #friendNavTabs li.active.active {
  border: 1px solid #d62222 !important;
  background: #d62222 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
  pointer-events: none;
}
.pw-themed #friendNavTabs li.active.active:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.pw-themed a.btn-find-friends.btn-find-friends {
  border: 1px solid #d62222 !important;
  background: transparent !important;
  color: #d62222 !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed a.btn-find-friends.btn-find-friends:hover {
  color: #000000 !important;
  border-color: #000000 !important;
}
.pw-themed a.btn-find-friends.btn-find-friends .ico-user-cssplus::before,
.pw-themed a.btn-find-friends.btn-find-friends .ico-user-cssplus::after {
  border-color: #d62222 !important;
}
.pw-themed a.btn-find-friends.btn-find-friends:hover .ico-user-cssplus::before,
.pw-themed a.btn-find-friends.btn-find-friends:hover .ico-user-cssplus::after {
  border-color: #000 !important;
}
.pw-themed .new-friend-requests .user-message p,
.pw-themed .friends-list .user-message p {
  color: #8E8E8E !important;
}
.pw-themed .new-friend-requests .username,
.pw-themed .friends-list .username {
  color: #36373B !important;
}
.pw-themed .new-friend-requests .item-group:not(.offline) .status,
.pw-themed .friends-list .item-group:not(.offline) .status {
  color: #d62222 !important;
}
.pw-themed .new-friend-requests .btn-message.btn-message.btn-message,
.pw-themed .friends-list .btn-message.btn-message.btn-message {
  border: 1px solid #d62222 !important;
  background: transparent !important;
  color: #d62222 !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .new-friend-requests .btn-message.btn-message.btn-message:hover,
.pw-themed .friends-list .btn-message.btn-message.btn-message:hover {
  color: #000000 !important;
  border-color: #000000 !important;
}
.pw-themed .friends .msg,
.pw-themed .friends .friend-title,
.pw-themed .friends .back-to-friends-list {
  color: #36373B !important;
}
.pw-themed .friends .btn-search {
  border-color: rgba(54, 55, 59, 0.3) !important;
  background: transparent !important;
  border-radius: 2px;
  text-decoration: none !important;
}
.pw-themed .friends .btn-search::after {
  content: '\f002';
  font-family: "Font Awesome 5 Pro";
  color: #36373B;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  font-weight: 600;
}
.pw-themed .friends .btn-search:hover {
  border-color: #d62222 !important;
}
.pw-themed .friends .btn-search:hover::after {
  color: #d62222;
}
.pw-themed .friends .n-tag {
  color: #d62222 !important;
}
.pw-themed .friends .dropdown-current-value span {
  color: #36373B !important;
}
.pw-themed .friends [name="search"] {
  background-color: #fff !important;
}
.pw-themed .friends .friends-search-result-wrap .username {
  color: #36373B !important;
}
.pw-themed .friends .btn-add-friend.btn-add-friend.btn-add-friend {
  border: 1px solid #d62222 !important;
  background: #d62222 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .friends .btn-add-friend.btn-add-friend.btn-add-friend:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.pw-themed .friends .btn-add-friend.btn-add-friend.btn-add-friend:hover span {
  color: #fff !important;
}
.pw-themed .friends .btn-message {
  border: 1px solid #d62222 !important;
  background: #d62222 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
  /* Taking this out since it made text invisible on friends list
			   May need more sepcific change if this affect something else
			&:hover span {
				color: #fff !important;
			}
			*/
}
.pw-themed .friends .btn-message:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.pw-themed .friends .btn-common-disabled {
  color: #36373B !important;
  border-color: #36373B !important;
  pointer-events: none;
}
.pw-themed .friends .see-more-result a {
  color: #36373B !important;
}
.pw-themed .blocked-users-wrap .username,
.pw-themed .friend-know-wrap .username,
.pw-themed .all-friends-wrap .username {
  color: #36373B !important;
}
.pw-themed .btn-add-a-friend {
  border: 1px solid #d62222 !important;
  background: #d62222 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .btn-add-a-friend:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.pw-themed .btn-add-a-friend em {
  display: none;
}
.pw-themed .btn-unblock,
.pw-themed .btn-ignore {
  border: 1px solid #d62222 !important;
  background: transparent !important;
  color: #d62222 !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .btn-unblock:hover,
.pw-themed .btn-ignore:hover {
  color: #000000 !important;
  border-color: #000000 !important;
}
.pw-themed .ico-close {
  background: none !important;
}
.pw-themed .ico-close::after {
  content: '\f00d';
  height: 100%;
  font-family: "Font Awesome 5 Pro";
  color: #36373B !important;
  font-size: 30px;
  font-weight: 300;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pw-themed .ico-close:hover {
  border-color: #d62222 !important;
}
.pw-themed .ico-close:hover::after {
  color: #d62222 !important;
}
/*
*   My Account Less - message
*   @date 4/20/2016
*/
.message .messages-wrap {
  margin-top: 50px;
}
.message .messages-wrap .inbox-message-list .unread-message .account-module-item {
  background: rgba(0, 0, 0, 0.3);
}
.message .messages-wrap .btns-inbox {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.message .messages-wrap .message-item {
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.message .messages-wrap .message-item .user-avatar {
  margin-top: 7px;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 740px) {
  .message .messages-wrap .message-item .user-avatar {
    margin-top: 0;
  }
}
.message .messages-wrap .message-item .account-module-item {
  padding-left: 6px;
}
.message .messages-wrap .message-item .account-module-item .date {
  float: right;
  margin-right: 18px;
  font-size: 14px;
}
@media screen and (max-width: 740px) {
  .message .messages-wrap .message-item .account-module-item .date {
    float: none;
    display: block;
  }
}
.message .messages-wrap .message-item .account-module-item .msg {
  margin-right: 120px;
  font-size: 14px;
  overflow: hidden;
}
@media screen and (max-width: 740px) {
  .message .messages-wrap .message-item .account-module-item .msg {
    clear: both;
    height: 56px;
    padding-top: 5px;
    margin: 0 0 0 40px;
  }
}
.message .messages-wrap .message-item .account-module-item .checkbox-item {
  margin-top: 18px;
  margin-right: 12px;
  position: relative;
}
@media screen and (max-width: 740px) {
  .message .messages-wrap .message-item .account-module-item .checkbox-item {
    margin-top: 12px;
  }
}
.message .messages-wrap .message-item .account-module-item .checkbox-item .checkbox {
  height: 18px;
  width: 18px;
  visibility: hidden;
}
.message .messages-wrap .message-item .account-module-item .checkbox-item label {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  cursor: pointer;
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 0, 0, 0.3);
}
.message .messages-wrap .message-item .account-module-item .checkbox-item label:after {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: 4px;
  background-color: #548fff;
  opacity: 0;
  filter: alpha(opacity=0);
}
.message .messages-wrap .message-item .account-module-item .checkbox-item input[type=checkbox]:checked + label:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.message .account-title {
  font-size: 24px;
  font-weight: 300;
}
.message ul {
  padding-left: 0;
}
.message ul li {
  list-style: none;
}
.message.account-information h3:after {
  margin-left: 150px;
}
.message .module-tabs ul {
  overflow: hidden;
  padding-left: 0;
}
.message .module-tabs ul li {
  width: 49.8%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  float: left;
  border: 1px solid rgba(255, 255, 255, 0.3);
  list-style: none;
  box-sizing: border-box;
}
.message .module-tabs ul li a {
  color: #a7a7a7;
  display: block;
  font-size: 14px;
  padding: 0;
  background: none;
}
.message .module-tabs ul li a:hover {
  background: none;
}
.message .module-tabs ul li.right {
  float: right;
}
.message .module-tabs ul li.active {
  border-color: #fff;
}
.message .module-tabs ul li.active a {
  color: #fff;
}
.message .message-opt a span {
  line-height: 28px;
  height: 28px;
}
.message .btn-new-message {
  color: #fff;
  font-size: 12px;
  height: 28px;
  border: 1px solid #5c91ff;
  border-radius: 2px;
  line-height: 28px;
  text-align: center;
  padding: 0 10px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 6px;
  background-image: none !important;
  background-color: #5c91ff;
}
.message .btn-new-message span {
  background: none !important;
  padding: 0;
  height: 30px;
}
.message .btn-new-message:hover {
  background-color: #7198e2;
  border-color: #7198e2;
}
.message .btn-mark-all-read,
.message .btn-mark-read,
.message .btn-delete {
  color: #fff;
  font-size: 12px;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  line-height: 28px;
  text-align: center;
  padding: 0 10px;
  display: inline-block;
  margin-right: 12px;
  background: none !important;
}
.message .btn-mark-all-read.disabled,
.message .btn-mark-read.disabled,
.message .btn-delete.disabled {
  color: #ccc;
  opacity: 0.9;
}
.message .btn-mark-all-read span,
.message .btn-mark-read span,
.message .btn-delete span {
  background: none !important;
  padding: 0;
  height: 30px;
}
.message .btn-mark-all-read:not(.disabled):hover,
.message .btn-mark-read:not(.disabled):hover,
.message .btn-delete:not(.disabled):hover {
  border-color: #fff;
  color: #5c91ff;
}
.message .paginate ul .prev {
  background: none;
  border: none;
}
.message .paginate ul .prev a {
  background-image: none;
  position: relative;
}
.message .paginate ul .prev a:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 0 2px 2px;
  left: 16px;
  top: 10px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.message .paginate ul .next {
  background: none;
  border: none;
  position: relative;
}
.message .paginate ul .next a {
  background-image: none;
}
.message .paginate ul .next a:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-color: #fff;
  border-width: 2px 2px 0 0;
  right: 16px;
  top: 10px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.compose-new-wrap .message-to-wrap .message-to-users {
  background: rgba(0, 0, 0, 0.3);
  border-color: #a7a7a7;
}
.compose-new-wrap .message-to-wrap .message-to-users .msg-input input {
  background: none;
  outline: none;
}
.compose-new-wrap .message-to-wrap .user-plus-group {
  border: none;
  right: 10px;
  padding-top: 6px;
}
.compose-new-wrap .message-to-wrap .user-plus-group .bg-btn {
  background: none;
}
.compose-new-wrap .message-to-wrap .user-plus-group .bg-btn span {
  background: none;
  border: 1px solid #fff;
  border-radius: 1px;
  padding: 0 7px;
}
.compose-new-wrap .message-to-wrap .user-plus-group .dropdown-search {
  left: -236px;
}
.compose-new-wrap .message-to-wrap .user-plus-group .dropdown-search input.search {
  font-size: 14px;
  background-image: url(../images/global/search.png);
  background-position: 240px 0 !important;
  background-repeat: no-repeat;
}
.compose-new-wrap .message-to-wrap .user-plus-group span {
  height: 28px;
  line-height: 28px;
}
.compose-new-wrap .message-to-wrap .user-plus-group .user-search-list {
  height: 250px;
  position: relative;
}
.compose-new-wrap .message-to-wrap .user-plus-group .user-search-list h5 {
  display: none;
}
.compose-new-wrap .message-to-wrap .user-plus-group .user-search-list .viewport {
  border-right: none;
  width: 280px;
  padding: 0;
}
.compose-new-wrap .message-to-wrap .user-plus-group .user-search-list .viewport .overview {
  width: 280px;
  padding-left: 6px;
}
.compose-new-wrap .message-to-wrap .user-plus-group .scrollbar {
  position: absolute;
  top: 0;
  right: 0;
}
.compose-new-wrap .message-to-wrap .user-plus-group .results-error {
  margin: 0 6px;
}
.compose-new-wrap .message-to-wrap .active {
  background: none;
}
.compose-new-wrap .message-to-wrap .active .dropdown-search {
  background: #000;
  border-width: 1px;
  border-radius: 4px;
}
.compose-new-wrap .message-to-wrap .active .dropdown-search .search {
  width: 260px;
  background-position: 240px -1645px;
  padding-left: 6px;
}
.compose-new-wrap .message-to-wrap .active .hidden-border {
  height: 0;
}
.compose-new-wrap .search-user-item {
  border-bottom: 1px solid #282d37;
  padding: 0 0 0 7px;
  box-sizing: border-box;
  height: 41px;
  width: 280px;
}
.compose-new-wrap .search-user-item .user-avatar {
  margin-top: 8px;
  width: 20px;
  height: 20px;
  border-color: rgba(255, 255, 255, 0.3);
}
.compose-new-wrap .search-user-item .title {
  font-size: 12px;
  height: 41px;
  line-height: 41px;
}
.compose-new-wrap .message-edit {
  background: none;
  border-color: rgba(255, 255, 255, 0.3);
  padding: 0;
}
.compose-new-wrap .message-edit .message-edit-info textarea {
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  min-height: 270px;
  box-sizing: border-box;
}
.compose-new-wrap .message-edit-wrap {
  margin-bottom: 30px;
}
.compose-new-wrap .message-edit-wrap .tips {
  margin-top: 18px;
}
.compose-new-wrap .reply-btns {
  border-top: none;
  margin-top: 0px;
}
.compose-new-wrap .reply-btns .btn-common {
  box-shadow: none;
  border-radius: 2px;
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
}
.compose-new-wrap .reply-btns .btn-cancel-my {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  height: 30px;
  padding: 0 12px;
  margin-left: 13px;
}
.compose-new-wrap .reply-btns .btn-cancel-my span {
  background: none;
  padding: 0;
  height: 30px;
  line-height: 30px;
}
.compose-new-wrap .reply-btns .btn-cancel-my:hover {
  border-color: #fff;
  color: #5c91ff;
}
.account-body .account-right-wrap {
  margin-top: 50px;
}
.message-detail .messages-wrap {
  margin-top: 50px;
}
.message-detail .messages-wrap .message-item {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: none;
}
.message-detail .messages-wrap .message-item .user-avatar {
  margin-top: 7px;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.message-detail .messages-wrap .message-item .account-module-item {
  padding-left: 6px;
}
.message-detail .messages-wrap .message-item .account-module-item .date {
  margin-right: 18px;
  font-size: 14px;
}
@media screen and (max-width: 740px) {
  .message-detail .messages-wrap .message-item .account-module-item .date {
    float: none;
    display: block;
  }
}
.message-detail .messages-wrap .message-item .account-module-item .msg {
  font-size: 14px;
  margin: 30px 120px 0 60px;
  word-wrap: break-word;
}
@media screen and (max-width: 740px) {
  .message-detail .messages-wrap .message-item .account-module-item .msg {
    margin: 0 auto;
  }
}
.message-detail .messages-wrap .message-item .account-module-item .checkbox-item {
  margin-top: 18px;
  margin-right: 12px;
}
.message-detail .messages-wrap .message-item .account-module-item .checkbox-item .checkbox {
  height: 18px;
  width: 18px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.message-detail .messages-wrap .btns-inbox {
  font-size: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.message-detail .messages-wrap .btns-inbox a:first-child {
  margin-bottom: 5px;
}
.message-detail .messages-wrap .btns-inbox a {
  color: #fff;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 1px;
  line-height: 28px;
  height: 28px;
  padding: 0 10px;
  text-align: center;
  margin-right: 10px;
  margin-left: 0 !important;
}
.message-detail .messages-wrap .btns-inbox a:hover {
  color: #5c91ff;
  border: 1px solid #fff;
}
.message-detail .messages-wrap .btns-inbox a span {
  background: none;
  height: auto;
  padding: 0;
}
.message-detail .messages-wrap .btn-reply {
  color: #fff;
  background: #5c91ff;
  border: none;
  border-radius: 1px;
  width: auto;
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  text-align: center;
  margin-top: -4px;
}
@media screen and (max-width: 740px) {
  .message-detail .messages-wrap .btn-reply {
    float: none !important;
    display: block;
    margin: 10px 0 10px;
  }
}
.message-detail .messages-wrap .btn-reply:hover {
  background: #7198e2;
}
.message-detail .messages-wrap .btn-reply span {
  background: none;
  padding: 0;
}
.message-detail .account-title {
  font-size: 24px;
  font-weight: 300;
}
.message-detail ul {
  padding-left: 0;
}
.message-detail ul li {
  list-style: none;
}
.message-detail.account-information h3:after {
  margin-left: 150px;
}
.message-detail .module-tabs ul {
  overflow: hidden;
  padding-left: 0;
}
.message-detail .module-tabs ul li {
  width: 49.8%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  float: left;
  border: 1px solid rgba(255, 255, 255, 0.3);
  list-style: none;
  box-sizing: border-box;
}
.message-detail .module-tabs ul li a {
  color: #a7a7a7;
  display: block;
  padding: 0;
  background: none;
}
.message-detail .module-tabs ul li a:hover {
  background: none;
}
.message-detail .module-tabs ul li.right {
  float: right;
}
.message-detail .module-tabs ul li.active {
  border-color: #fff;
}
.message-detail .module-tabs ul li.active a {
  color: #fff;
}
.message-detail .paginate ul .prev {
  background: none;
  border: none;
}
.message-detail .paginate ul .prev a {
  background-image: none;
  position: relative;
}
.message-detail .paginate ul .prev a:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 0 2px 2px;
  left: 16px;
  top: 10px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.message-detail .paginate ul .next {
  background: none;
  border: none;
  position: relative;
}
.message-detail .paginate ul .next a {
  background-image: none;
}
.message-detail .paginate ul .next a:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-color: #fff;
  border-width: 2px 2px 0 0;
  right: 16px;
  top: 10px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.message-detail .message-reply-content {
  background: rgba(0, 0, 0, 0.3);
  border: none;
}
.message-detail .message-reply-content .reply-user {
  font-size: 14px;
  margin-bottom: 24px;
}
.message-detail .message-reply-content .reply-user em {
  background-position: 0 -2494px;
  vertical-align: top;
}
.message-detail .message-reply-content .reply-content textarea {
  background: rgba(0, 0, 0, 0.3) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  min-height: 220px;
  padding: 10px;
  box-sizing: border-box;
}
.message-detail .message-reply-content .tips {
  margin: 17px 0;
  font-size: 14px;
}
.message-detail .message-reply-content .btn-common {
  box-shadow: none;
  border-radius: 2px;
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
}
.message-detail .message-reply-content .btn-cancel {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  height: 28px;
  padding: 0 12px;
  margin-left: 13px;
}
.message-detail .message-reply-content .btn-cancel span {
  background: none;
  padding: 0;
  height: 28px;
}
.message-detail .messages-wrap .message-reply-content {
  margin-top: -40px;
  outline: none;
  padding-left: 18px;
  padding-right: 18px;
}
.message .module-tabs .dropdown {
  width: 200px;
  display: none;
}
@media screen and (max-width: 740px) {
  .message .messages-wrap,
  .message-detail .messages-wrap {
    margin-top: 0 !important;
  }
  .message .module-tabs ul {
    display: none;
  }
  .message .module-tabs .dropdown {
    display: block;
  }
}
.message-alert {
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  color: #fae8b6;
  border: 1px solid rgba(153, 153, 153, 0.7);
  line-height: 20px;
  margin: 20px 0 0 0;
  padding: 10px 20px;
  border-radius: 0;
}
.report-dialog .modal-dialog .dropdown,
.report-dialog .modal-dialog textarea {
  width: 100%;
}
.report-dialog .modal-dialog .dropdown .dropdown-list,
.report-dialog .modal-dialog textarea .dropdown-list {
  width: 100%;
  box-sizing: border-box;
}
.report-dialog .form-horizontal .controls {
  flex-direction: row;
}
.report-dialog .form-horizontal .controls .btn-clear {
  right: 0;
  left: inherit;
}
.report-dialog .form-horizontal .controls .button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  min-width: 50%;
}
.pw-themed .n-nickname {
  color: #36373B !important;
}
.pw-themed .title .n-nickname {
  color: #806969 !important;
}
.pw-themed .bg-btn {
  border: solid 1px #36373B !important;
  padding: 0;
  margin-left: 10px;
  height: auto !important;
}
.pw-themed .bg-btn .ico-user-plus {
  background: url("../images/account/pw-update/add-user-hover.png") no-repeat !important;
}
.pw-themed .bg-btn:not(:hover) .ico-user-plus {
  background-image: url("../images/account/pw-update/add-user.png") !important;
}
.pw-themed .modal .message-to-users {
  margin-right: 50px !important;
}
.pw-themed .modal .bg-btn span,
.pw-themed .modal .bg-btn:hover span {
  border: none !important;
}
.pw-themed .modal .bg-btn:not(:hover) .ico-user-plus {
  background-image: url("../images/account/pw-update/add-user-white.png") !important;
}
.pw-themed .message-opt a:not(.btn-new-message) {
  border: 1px solid #d62222 !important;
  background: transparent !important;
  color: #d62222 !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .message-opt a:not(.btn-new-message):hover {
  color: #000000 !important;
  border-color: #000000 !important;
}
.pw-themed .message-opt a.btn-new-message {
  border: 1px solid #d62222 !important;
  background: #d62222 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .message-opt a.btn-new-message:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.pw-themed .message-opt a.disabled {
  pointer-events: none;
  box-shadow: none !important;
  background-color: #36373B !important;
  border-color: #36373B !important;
  color: #fff !important;
}
.pw-themed .btns-inbox.btns-inbox.btns-inbox a {
  border: 1px solid #d62222 !important;
  background: transparent !important;
  color: #d62222 !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .btns-inbox.btns-inbox.btns-inbox a:hover {
  color: #000000 !important;
  border-color: #000000 !important;
}
.pw-themed .message-item {
  border-top: 1px solid #E6E6E6 !important;
  background-color: transparent !important;
  border-bottom: none;
  padding: 2px 20px !important;
}
.pw-themed .message-item.read-message {
  background-color: #F6F6F6 !important;
}
.pw-themed .message-item .account-module-item {
  background-color: transparent !important;
}
.pw-themed .message-item .account-module-item h1 {
  color: #36373B;
}
.pw-themed .message-item .account-module-item .title,
.pw-themed .message-item .account-module-item a,
.pw-themed .message-item .account-module-item .date {
  color: #36373B;
}
.pw-themed .message-item .account-module-item .msg {
  color: #8E8E8E;
}
.pw-themed .message-item .account-module-item .msg a {
  color: #8E8E8E;
}
.pw-themed .message-item .account-module-item .highlight {
  color: #d62222;
}
.pw-themed .message-item .account-module-item .checkbox-item label {
  border: 1px solid #d62222 !important;
  background-color: transparent !important;
}
.pw-themed .message-item .account-module-item .checkbox-item label::after {
  content: '\f00c' !important;
  font-family: "Font Awesome 5 Pro";
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  background-color: #d62222 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.pw-themed .message-read-concent .message-item:first-child {
  background-color: #F6F6F6 !important;
}
.pw-themed .message-read-concent .btn-reply {
  border: 1px solid #d62222 !important;
  background: #d62222 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .message-read-concent .btn-reply:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.pw-themed .account-body .message-edit-wrap p,
.pw-themed .account-body .message-edit-wrap .to {
  color: #36373B;
}
.pw-themed .account-body .message-to-users {
  background-color: #F6F6F6 !important;
  border: none !important;
}
.pw-themed .account-body .message-to-users .msg-user-to {
  background: transparent !important;
}
.pw-themed .account-body .message-edit-info {
  background-color: #F6F6F6;
}
.pw-themed .account-body .message-edit-info textarea {
  background-color: #F6F6F6 !important;
  border: solid 1px #FFFFFF;
}
.pw-themed .message-detail .message-reply-content {
  background-color: #F6F6F6;
}
.pw-themed .message-detail .message-reply-content textarea {
  background-color: #FBFBFB !important;
  border: solid 1px #FFFFFF;
}
.pw-themed .reply-user .ico-reply-big {
  background: url("../images/account/pw-update/reply.png") no-repeat !important;
  width: 14px;
  height: 16px;
}
.pw-themed .btn-send.btn-send {
  border: 1px solid #d62222 !important;
  background: #d62222 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .btn-send.btn-send:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.pw-themed .btn-cancel.btn-cancel,
.pw-themed .btn-cancel-my.btn-cancel-my {
  border: 1px solid #d62222 !important;
  background: transparent !important;
  color: #d62222 !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .btn-cancel.btn-cancel:hover,
.pw-themed .btn-cancel-my.btn-cancel-my:hover {
  color: #000000 !important;
  border-color: #000000 !important;
}
.pw-themed .btns-inbox em {
  display: none;
}
.pw-themed .message-inbox-wrap .message-read-concent a:not(.btn-reply) {
  color: #d62222 !important;
}
.setting .tab-content {
  padding-top: 8px;
}
.setting .account-title {
  position: relative;
  font-size: 24px;
  font-weight: normal;
}
.setting .module-tabs {
  height: 37px !important;
}
.setting .module-tabs .nav-tabs li {
  width: 33.1333%;
  height: 32px;
  margin-right: 0.2%;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  outline: none;
}
.setting .module-tabs .nav-tabs li a {
  background: transparent;
  line-height: 32px;
}
.setting .module-tabs .nav-tabs li.active {
  height: 32px;
  border-color: #fff;
}
.setting .module-tabs .nav-tabs li.active a {
  background-image: none;
  background-color: transparent;
}
.setting .module-tabs .dropdown {
  width: 200px;
  height: 30px;
  color: #fff;
  display: none;
  box-sizing: border-box;
}
.setting .module-tabs .dropdown .dropdown-current-value {
  border: 1px solid #757880;
}
.setting .module-tabs .dropdown .dropdown-current-value i {
  background-position: right -16px;
}
@media screen and (max-width: 740px) {
  .setting .module-tabs ul {
    display: none;
  }
  .setting .module-tabs .dropdown {
    display: block;
  }
}
.setting .setting-group {
  float: left;
  width: 100%;
  padding: 15px 0;
}
.setting .setting-group.title {
  color: #fff;
}
@media screen and (min-width: 980px) {
  .setting .setting-group {
    width: 50%;
  }
  .setting .setting-group .radio.inline {
    margin-right: 25px;
  }
}
.setting .language-preference-wrap {
  font-size: 14px;
}
.setting .language-preference-wrap .setting-groups {
  overflow: hidden;
}
.setting .language-preference-wrap .setting-groups.setting-groups-all {
  padding-top: 5px;
}
.setting .language-preference-wrap .setting-mailingames {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.setting .language-preference-wrap .setting-mailingames .setting-groups {
  padding-bottom: 5px;
}
.setting .language-preference-wrap .setting-mailingames p.title {
  padding: 15px 0 12px;
}
.setting .language-preference-wrap .setting-mailingames .setting-groups-mailingames {
  padding-bottom: 0px;
}
.setting .language-preference-wrap .setting-mailingames .setting-groups-mailingames .col-xs-6 {
  padding: 5px 0;
}
.setting .language-preference-wrap .setting-group {
  float: left;
  width: 20%;
  margin-right: 5%;
}
.setting .language-preference-wrap .setting-group.title-group {
  padding-bottom: 5px;
}
.setting .language-preference-wrap .setting-group.title-group .title {
  margin: 0;
}
@media screen and (max-width: 740px) {
  .setting .language-preference-wrap .setting-group {
    width: 45%;
    margin-right: 5%;
  }
}
@media screen and (min-width: 980px) {
  .setting .language-preference-wrap .setting-group {
    width: 12.66%;
    margin-right: 4%;
  }
}
.setting .display-setting-wrap .setting-group {
  width: 100%;
}
.setting .title {
  margin-bottom: 5px;
}
.setting .setting-btns {
  clear: both;
  padding: 25px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.setting .btn-common {
  box-shadow: none;
  border-radius: 2px;
}
.setting .language-preference-wrap .checkbox {
  margin: 0;
}
.setting .language-preference-wrap .checkbox-all {
  margin-top: 5px;
  float: none;
}
.setting .setting-group.no-float {
  float: none;
  clear: both;
  width: 100%;
}
.setting .checkbox,
.setting .radio {
  position: relative;
  display: inline-block;
}
.setting .checkbox span.radiobox,
.setting .radio span.radiobox,
.setting .checkbox span.checkboxs,
.setting .radio span.checkboxs,
.setting .checkbox input[type='radio'],
.setting .radio input[type='radio'],
.setting .checkbox input[type='checkbox'],
.setting .radio input[type='checkbox'],
.setting .checkbox span.content,
.setting .radio span.content {
  vertical-align: middle;
  display: inline-block;
}
.setting .radio input[type='radio'] {
  margin-right: 15px;
  visibility: hidden;
}
.setting .radio span.radiobox {
  position: absolute;
  top: 6px;
  left: 0px;
  width: 16px;
  height: 16px;
  background: transparent;
  border-radius: 100%;
  border: 1px solid #fff;
}
.setting .radio span.radiobox:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background-color: #548fff;
  opacity: 0;
  filter: alpha(opacity=0);
}
.setting .radio input[type='radio']:checked ~ span.radiobox:after {
  opacity: 1;
  filter: alpha(opacity=1);
}
.setting .checkbox {
  position: relative;
}
.setting .checkbox input[type='checkbox'] {
  visibility: hidden;
}
.setting .checkbox span.content {
  font-size: 14px;
  margin-left: 10px;
  vertical-align: top;
}
.setting .checkbox span.checkboxs {
  position: absolute;
  top: 6px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #1f2228;
  border: 1px solid rgba(255, 255, 255, 0.3);
  vertical-align: middle;
}
.setting .checkbox span.checkboxs:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background-color: #548fff;
  opacity: 0;
  filter: alpha(opacity=0);
}
.setting .checkbox input[type='checkbox']:checked ~ span.checkboxs:after,
.setting .checkbox input[type='checkbox']:checked ~ .checkbox > span.checkboxs:after {
  opacity: 1;
  filter: alpha(opacity=1);
}
.setting-groups-mailingames .checkbox {
  display: block;
}
.setting-groups-mailingames .checkbox-container {
  padding-left: 25px !important;
  box-sizing: border-box;
}
.setting-groups-mailingames .game-platform-list {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
}
.setting-groups-mailingames .game-platform-list__row {
  margin-left: 30px !important;
}
.setting-groups-mailingames .game-platform-list__row .content {
  text-transform: capitalize;
}
.setting-groups-mailingames .control-logic {
  display: none;
}
.setting-groups-mailingames .control-logic + .control-logic-label {
  position: absolute;
  top: 15px;
  left: 5px;
}
.setting-groups-mailingames .control-logic + .control-logic-label:after {
  content: '';
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  display: inline-block;
  height: 0.45em;
  transform: rotate(45deg);
  vertical-align: top;
  width: 0.45em;
  transition: transform 0.5s, top 0.5s, left 0.5s;
}
.setting-groups-mailingames .control-logic:checked + .control-logic-label:after {
  transform: rotate(135deg);
}
.setting-groups-mailingames .control-logic:checked ~ .game-platform-list {
  max-height: 300px;
}
@media screen and (max-width: 980px) {
  .setting .module-tabs .nav-tabs li a {
    padding: 0;
  }
}
@media screen and (max-width: 740px) {
  .setting {
    margin-top: 0 !important;
  }
}
.pw-themed .privacy-setting-wrap .title {
  color: #36373B;
}
.pw-themed .privacy-setting-wrap .title .span {
  color: #8E8E8E;
}
.pw-themed .radio span.radiobox {
  border-color: #d62222;
}
.pw-themed .radio span.radiobox::after {
  background-color: #d62222;
}
.pw-themed .setting-group a {
  color: #d62222;
}
.pw-themed .btn-save-change,
.pw-themed .setting-btns .btn-save-change-email-lang {
  border: 1px solid #d62222 !important;
  background: #d62222 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .btn-save-change:hover,
.pw-themed .setting-btns .btn-save-change-email-lang:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.pw-themed .setting-mailingames .title,
.pw-themed .setting-group .title {
  color: #727170;
}
.pw-themed .setting-mailingames .title span,
.pw-themed .setting-group .title span {
  color: #727170;
}
.pw-themed .setting-group .radio.inline,
.pw-themed .setting-group.no-float {
  color: #727170;
}
.pw-themed .checkboxs {
  border-color: #d62222 !important;
  background-color: transparent !important;
}
.pw-themed .checkboxs::after {
  content: '\f00c' !important;
  font-family: "Font Awesome 5 Pro";
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  background-color: #d62222 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.activity {
  color: #676767;
}
.activity .icon {
  display: inline-block;
  position: relative;
  margin-top: 2px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  vertical-align: top;
}
.activity .icon-add::before,
.activity .icon-add::after {
  content: '';
  position: absolute;
  border-color: #fff;
  border-style: solid;
}
.activity .icon-add::before {
  border-width: 2px 0 0 0;
  top: 5px;
  left: 0;
  height: 0;
  width: 12px;
}
.activity .icon-add::after {
  border-width: 0 0 0 2px;
  top: 0;
  left: 5px;
  width: 0;
  height: 12px;
}
.activity .icon-accept {
  width: 20px;
  height: 14px;
  background: url("../images/account/icon-submenu.png") no-repeat;
  background-position: 0 -310px;
}
.activity .icon-accept:hover {
  background-position: 0 -333px;
}
.activity .user-avatar {
  border: 1px solid #4c4f57;
  margin: 0;
  padding: 0;
}
.activity .activity-line {
  border-bottom: 1px solid #50535a;
  margin: 20px 0;
}
.activity .account-title {
  position: relative;
  margin: 30px 0 0;
  font-size: 24px;
  font-weight: 400;
  overflow: hidden;
  width: 100%;
}
.activity .account-title .title-content,
.activity .account-title .title-line {
  vertical-align: middle;
  display: inline-block;
}
.activity .account-title .title-content {
  margin-right: 10px;
}
.activity .account-title .title-line {
  width: 100%;
  position: absolute;
  top: 16px;
  border-top: 1px solid rgba(167, 167, 167, 0.3);
}
.activity .activity-nav {
  margin-top: 20px;
  padding: 0;
}
.activity .activity-nav ul {
  overflow: hidden;
}
.activity .activity-nav ul li {
  width: 49.8%;
  height: 32px;
  margin-right: 0.2%;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
}
.activity .activity-nav ul li:hover a {
  color: #fff !important;
}
.activity .activity-nav ul li a {
  background: transparent;
  line-height: 32px;
  color: #a7a7a7;
  font-family: 'Open Sans', sans-serif;
}
.activity .activity-nav ul li a:focus,
.activity .activity-nav ul li a:hover {
  color: #fff;
  text-decoration: none;
}
.activity .activity-nav ul li.active {
  height: 32px;
  border-color: #fff;
}
.activity .activity-nav ul li.active a {
  background-image: none;
  background-color: transparent;
  color: #fff;
}
.activity .activity-nav ul li.active:last-child {
  border-right-color: #fff;
}
.activity .activity-nav ul li:last-child {
  border-right: 1px solid rgba(167, 167, 167, 0.3);
}
@media screen and (max-width: 740px) {
  .activity .activity-nav ul {
    display: none;
  }
}
.activity .activity-nav .dropdown {
  background-color: transparent;
  width: 100%;
  height: 30px;
  color: #fff;
  box-sizing: border-box;
  display: none;
}
@media screen and (max-width: 740px) {
  .activity .activity-nav .dropdown {
    display: block;
  }
}
.activity .ProgressionContent {
  margin-top: 25px;
  font-size: 18px;
  color: #fff;
}
.activity .ProgressionContent div {
  display: inline-block;
  line-height: 36px;
}
.activity .ProgressionContent div:first-child {
  margin-right: 100px;
}
@media screen and (max-width: 980px) {
  .activity .ProgressionContent div {
    display: block;
  }
}
.activity .ProgressionContent .count {
  margin-left: 10px;
  font-size: 36px;
}
@media screen and (max-width: 740px) {
  .activity .ProgressionContent .times {
    display: block;
    margin-left: 0;
    line-height: 36px;
  }
}
.activity .NotificationContent {
  margin-top: 25px;
}
.activity .NotificationContent .activity-block {
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 15px;
  margin-bottom: 10px;
}
.activity .NotificationContent .activity-block .block-title {
  float: left;
  margin-bottom: 20px;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
}
.activity .NotificationContent .activity-block .button {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  padding: 6px 12px;
  margin-bottom: 0;
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.activity .NotificationContent .activity-block .button:hover {
  border-color: #fff;
  color: #4e7edb;
}
.activity .NotificationContent .activity-block .button:hover .icon-add::before,
.activity .NotificationContent .activity-block .button:hover .icon-add::after,
.activity .NotificationContent .activity-block .button:hover .icon-accept::before {
  border-color: #4e7edb;
}
.activity .NotificationContent .activity-block .button-more {
  float: right;
  min-width: fit-content;
}
.activity .NotificationContent .activity-block .btns-group {
  margin-left: 50px;
}
.activity .NotificationContent .activity-block .btns-group .button {
  margin: 8px 0 0;
  min-width: fit-content;
}
.activity .NotificationContent .activity-block .btns-group .button:not(:last-child) {
  margin-right: 20px;
}
.activity .NotificationContent .activity-block .activity-item {
  padding: 0;
  margin: 0;
}
.activity .NotificationContent .activity-block.block-request .activity-item:not(:first-child) {
  margin-top: 20px;
  border-top: 1px solid #50535a;
  padding-top: 20px;
}
.activity .NotificationContent .activity-block .user-avatar {
  width: 40px;
  height: 40px;
}
.activity .NotificationContent .activity-block .user-content {
  margin: -5px 50px 0;
}
.activity .NotificationContent .activity-block .user-content .msg {
  overflow: hidden;
  height: 36px;
}
.activity .NotificationContent .activity-block .user-content .msg a {
  color: #a7a7a7;
}
.activity .NotificationContent .activity-block .user-content .msg a:hover {
  color: #fff;
}
.activity .NotificationContent .activity-block .title {
  color: #806969;
}
.activity .NotificationContent .activity-block .title .name {
  color: #fff;
}
.activity .NotificationContent .activity-block .title .highlight {
  color: #5c91ff;
}
.activity .UserGamesContent,
.activity .UserFriendsGamesContent {
  overflow: hidden;
  margin-top: 25px;
}
.activity .UserGamesContent .activity-item,
.activity .UserFriendsGamesContent .activity-item {
  float: left;
  overflow: hidden;
  width: 45%;
  box-sizing: border-box;
}
.activity .UserGamesContent .activity-item:nth-child(2n-1),
.activity .UserFriendsGamesContent .activity-item:nth-child(2n-1) {
  margin-right: 10%;
}
.activity .UserGamesContent .activity-item:nth-child(2n),
.activity .UserFriendsGamesContent .activity-item:nth-child(2n) {
  margin-right: 0;
}
.activity .UserGamesContent .activity-item .user-avatar,
.activity .UserFriendsGamesContent .activity-item .user-avatar {
  width: 120px;
  height: 64px;
  margin-right: 0;
}
.activity .UserGamesContent .activity-item .user-content,
.activity .UserFriendsGamesContent .activity-item .user-content {
  margin-left: 132px;
}
.activity .UserGamesContent .activity-item .user-content .title,
.activity .UserFriendsGamesContent .activity-item .user-content .title {
  font-size: 14px;
  line-height: 18px;
}
.activity .UserGamesContent .activity-item .user-content .msg,
.activity .UserFriendsGamesContent .activity-item .user-content .msg {
  font-size: 12px;
  line-height: 22px;
}
@media screen and (max-width: 1200px) {
  .activity .UserGamesContent .activity-item,
  .activity .UserFriendsGamesContent .activity-item {
    width: 100%;
    margin-right: 0;
  }
}
.activity .UserGamesContent .activity-item {
  min-height: 100px;
}
.activity .UserGamesContent .activity-item .right {
  float: right;
}
@media screen and (max-width: 740px) {
  .activity .UserGamesContent .activity-item .right {
    float: none;
  }
}
.activity .UserGamesContent .activity-item .title {
  overflow: hidden;
  padding: 0;
}
.activity .UserGamesContent .activity-item .links {
  overflow: hidden;
}
.activity .UserGamesContent .activity-item .links .item {
  float: left;
  font-size: 12px;
}
.activity .UserGamesContent .activity-item .links .item:not(:last-child):after {
  margin: auto 5px;
  content: "|";
}
.activity .UserGamesContent .activity-item .btns {
  overflow: hidden;
  margin-top: 0;
}
.activity .UserGamesContent .activity-item .btns .button {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 1px;
  line-height: 18px;
  min-width: fit-content;
}
.activity .UserGamesContent .activity-item .btns .button:hover {
  border-color: #fff;
  color: #4e7edb;
}
@media screen and (max-width: 740px) {
  .activity .UserGamesContent .activity-item .btns {
    margin-top: 5px;
  }
}
.activity .UserFriendsGamesContent .highlight {
  color: #fff;
}
.activity .UserActivityContent {
  margin-top: 20px;
}
.activity .UserActivityContent .activity-module {
  position: relative;
}
.activity .UserActivityContent .activity-module .activity-date {
  position: absolute;
  top: 15px;
  right: 20px;
  border: none;
  color: #a8a8aa;
}
.activity .UserActivityContent .activity-module .activity-item {
  margin-top: 20px;
  padding: 20px;
  background-color: rgba(167, 167, 167, 0.2);
}
.activity .UserActivityContent .activity-module .activity-item .user-avatar {
  width: 80px;
  height: 80px;
  margin: 0;
}
.activity .UserActivityContent .activity-module .activity-item .user-content {
  margin-left: 90px;
}
.activity .UserActivityContent .activity-module .activity-item .user-content .msg {
  margin-top: 15px;
}
.activity .UserActivityContent .activity-module .activity-item .user-content .date {
  float: right;
  color: #737373;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
@media screen and (max-width: 740px) {
  .activity .UserActivityContent .activity-module .activity-item .user-content .date {
    float: none;
    display: block;
    margin-top: 5px;
  }
}
.activity .UserActivityContent .activity-module .friends-list,
.activity .UserActivityContent .activity-module .games-list,
.activity .UserActivityContent .activity-module .covers-list {
  background-color: rgba(0, 0, 0, 0.3);
  border-color: rgba(0, 0, 0, 0.3);
  outline: none;
}
.activity .UserActivityContent .activity-module .friends-list .activity-item,
.activity .UserActivityContent .activity-module .games-list .activity-item,
.activity .UserActivityContent .activity-module .covers-list .activity-item {
  background-color: transparent;
}
.activity .UserActivityContent .activity-module .friends-list {
  border: none;
  padding: 20px 20px 0;
  margin: 0;
  overflow: hidden;
}
.activity .UserActivityContent .activity-module .friends-list li {
  float: left;
  width: 25%;
  margin: 0 0 20px;
  box-sizing: border-box;
}
.activity .UserActivityContent .activity-module .friends-list li .user-avatar,
.activity .UserActivityContent .activity-module .friends-list li .user-content {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.activity .UserActivityContent .activity-module .friends-list li .user-avatar {
  width: 80px;
  height: 80px;
}
.activity .UserActivityContent .activity-module .friends-list li .user-content {
  padding: 5px;
}
@media screen and (max-width: 980px) {
  .activity .UserActivityContent .activity-module .friends-list li {
    width: 33.3333%;
  }
}
@media screen and (max-width: 740px) {
  .activity .UserActivityContent .activity-module .friends-list li {
    width: 50%;
    margin: 0;
  }
  .activity .UserActivityContent .activity-module .friends-list li .user-avatar,
  .activity .UserActivityContent .activity-module .friends-list li .user-content {
    display: block;
  }
  .activity .UserActivityContent .activity-module .friends-list li .user-content {
    padding: 5px 0;
  }
}
.activity .UserActivityContent .activity-module .games-list {
  padding: 0;
}
.activity .UserActivityContent .activity-module .games-list .user-avatar {
  width: 140px;
  height: 76px;
  margin-right: 10px;
}
.activity .UserActivityContent .activity-module .games-list .activity-item {
  margin-top: 0;
}
.activity .UserActivityContent .activity-module .games-list .user-content {
  margin-left: 152px;
}
@media screen and (max-width: 740px) {
  .activity .UserActivityContent .activity-module .games-list .user-content {
    margin-left: 0;
  }
}
.activity .UserActivityContent .activity-module .games-list .msg {
  margin-top: 15px;
  height: auto;
}
.activity .UserActivityContent .activity-module .cover-list .cover-item {
  padding: 20px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
}
.activity .UserActivityContent .activity-module .cover-list .cover-item img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  border: 1px solid #4c4f57;
}
@media screen and (min-width: 1200px) {
  .activity .UserActivityContent .activity-module .cover-list .cover-item img {
    max-width: 900px;
  }
}
.activity .GamesActivityContent .activity-module {
  margin-top: 20px;
  font-size: 14px;
}
.activity .GamesActivityContent .activity-module .activity-date {
  border: none;
  outline: none;
  margin-bottom: 35px;
  line-height: 22px;
}
.activity .GamesActivityContent .activity-module .activity-item {
  background-color: transparent;
}
.activity .GamesActivityContent .activity-module .activity-item .title {
  line-height: 18px;
  font-size: 14px;
}
.activity .GamesActivityContent .activity-module .activity-item .msg {
  margin-top: 20px;
  font-size: 14px;
  line-height: 22px;
}
.activity .GamesActivityContent .activity-module .activity-announcement .activity-item .game-icon {
  margin-right: 10px;
  border: 1px solid #4c4f57;
}
.activity .GamesActivityContent .activity-module .activity-announcement .activity-item .game-icon img {
  max-width: 100%;
  height: 100%;
}
.activity .GamesActivityContent .activity-module .announcement-list {
  padding: 20px 20px 15px;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: rgba(0, 0, 0, 0.3);
  outline: none;
}
.activity .GamesActivityContent .activity-module .announcement-list .activity-item {
  height: 100px;
  background-color: transparent;
}
@media screen and (max-width: 740px) {
  .activity .GamesActivityContent .activity-module .announcement-list .activity-item {
    height: auto;
    max-height: 162px;
  }
}
.activity .GamesActivityContent .activity-module .announcement-list .activity-item .user-avatar {
  width: 140px;
  height: 100px;
  border: 1px solid #4c4f57;
  box-sizing: border-box;
}
.activity .GamesActivityContent .activity-module .announcement-list .activity-item .msg {
  margin-top: 0;
  max-height: 132px;
  font-size: 14px;
  line-height: 22px;
}
.activity .GamesActivityContent .activity-module .announcement-list .activity-line {
  border-color: #404043;
}
@media screen and (max-width: 740px) {
  .activity {
    margin-top: 0 !important;
  }
  .activity .activity-wrap section:first-child .account-title {
    margin-top: 0;
  }
}
.pw-themed .ProgressionContent div:first-child {
  color: #36373B;
}
.pw-themed .ProgressionContent .count {
  color: #d62222;
}
.pw-themed .module-empty a {
  color: #df2727;
}
.pw-themed .activity-block {
  background-color: #F2F2F2 !important;
  color: #36373B !important;
}
.pw-themed .activity-block .block-title {
  color: #36373B !important;
}
.pw-themed .activity-block .name {
  color: #726868 !important;
}
.pw-themed .activity-block .hightlight {
  color: #d62222 !important;
}
.pw-themed .activity-block .activity-line {
  border-color: #DCDDE1;
}
.pw-themed .activity-block .button.button.button {
  border: 1px solid #d62222 !important;
  background: transparent !important;
  color: #d62222 !important;
  font-family: 'Roboto', sans-serif !important;
  transition: none;
  min-width: 0;
  font-family: 'Roboto', sans-serif;
  display: flex;
  align-items: center;
}
.pw-themed .activity-block .button.button.button:hover {
  color: #000000 !important;
  border-color: #000000 !important;
}
.pw-themed .activity-block .button.button.button .icon-add {
  margin: 0 4px 0 0;
}
.pw-themed .activity-block .button.button.button .icon-add::before,
.pw-themed .activity-block .button.button.button .icon-add::after {
  border-color: #d62222;
}
.pw-themed .activity-block .button.button.button:hover .icon-add::before,
.pw-themed .activity-block .button.button.button:hover .icon-add::after {
  border-color: #000;
}
.pw-themed .GamesActivityContent .activity-item,
.pw-themed .UserActivityContent .activity-item,
.pw-themed .GamesActivityContent .cover-item,
.pw-themed .UserActivityContent .cover-item {
  background: transparent !important;
}
.pw-themed .GamesActivityContent .activity-date,
.pw-themed .UserActivityContent .activity-date,
.pw-themed .GamesActivityContent .title,
.pw-themed .UserActivityContent .title {
  color: #36373B !important;
}
.pw-themed .GamesActivityContent .msg,
.pw-themed .UserActivityContent .msg,
.pw-themed .GamesActivityContent .msg a,
.pw-themed .UserActivityContent .msg a {
  color: #7b7474 !important;
}
.pw-themed .GamesActivityContent .announcement-list,
.pw-themed .UserActivityContent .announcement-list,
.pw-themed .GamesActivityContent .games-list,
.pw-themed .UserActivityContent .games-list,
.pw-themed .GamesActivityContent .friends-list,
.pw-themed .UserActivityContent .friends-list,
.pw-themed .GamesActivityContent .cover-list,
.pw-themed .UserActivityContent .cover-list {
  background: #F2F2F2 !important;
  border: none !important;
}
.pw-themed .UserGamesContent .name,
.pw-themed .UserGamesContent .msg,
.pw-themed .UserGamesContent .item::after,
.pw-themed .UserGamesContent .links a {
  color: #36373B !important;
}
.pw-themed .UserGamesContent .btns .button {
  border: 1px solid #d62222 !important;
  background: transparent !important;
  color: #d62222 !important;
  font-family: 'Roboto', sans-serif !important;
  line-height: 28px;
}
.pw-themed .UserGamesContent .btns .button:hover {
  color: #000000 !important;
  border-color: #000000 !important;
}
.pw-themed .UserFriendsGamesContent .user-avatar,
.pw-themed .UserGamesContent .user-avatar,
.pw-themed .GamesActivityContent .user-avatar,
.pw-themed .UserActivityContent .user-avatar {
  border: none !important;
}
.pw-themed .UserFriendsGamesContent .name {
  color: #36373B !important;
}
.pw-themed .NotificationContent .highlight {
  color: #d62222 !important;
}
.pw-themed .NotificationContent .highlight:is(a):hover {
  color: #d62222 !important;
}
.pw-themed .btn-add-request-friend.btn-add-request-friend.btn-add-request-friend.btn-add-request-friend {
  border: 1px solid #d62222 !important;
  background: #d62222 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .btn-add-request-friend.btn-add-request-friend.btn-add-request-friend.btn-add-request-friend:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.pw-themed .btn-add-request-friend.btn-add-request-friend.btn-add-request-friend.btn-add-request-friend .icon-accept {
  pointer-events: none;
  margin-right: 8px;
}
.pw-themed #friendRequestContainer .btns-group {
  display: flex;
}
.pw-themed .activity .NotificationContent .activity-block .user-content .msg a {
  color: #36373B !important;
}
.account-email-unsub .unsubbed-from-list,
.newsletter-unsub .unsubbed-from-list {
  text-align: left;
  font-size: 14px;
}
.account-email-unsub > .container-sign,
.newsletter-unsub > .container-sign {
  max-width: 500px;
}
.account-email-unsub > .container-sign > #unsub-content-box,
.newsletter-unsub > .container-sign > #unsub-content-box {
  max-width: 400px;
  margin: 0 auto 10px;
}
.account-email-unsub > .container-sign > .newsletter-unsub__settings,
.newsletter-unsub > .container-sign > .newsletter-unsub__settings {
  max-height: 100px;
  transition: max-height 0.5s, opacity 0.5s;
}
.account-email-unsub > .container-sign > .newsletter-unsub__settings--hide,
.newsletter-unsub > .container-sign > .newsletter-unsub__settings--hide {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}
.account-email-unsub > .container-sign > .newsletter-unsub__button,
.newsletter-unsub > .container-sign > .newsletter-unsub__button {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  outline: none;
  color: #fff;
}
.account-email-unsub > .container-sign > .newsletter-unsub__button:hover,
.newsletter-unsub > .container-sign > .newsletter-unsub__button:hover {
  text-decoration: underline;
}
.account-email-unsub .custom-checkbox,
.newsletter-unsub .custom-checkbox {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  margin-bottom: 10px;
  cursor: pointer;
}
.account-email-unsub .custom-checkbox:before,
.newsletter-unsub .custom-checkbox:before {
  content: '';
  margin-right: 10px;
  width: 18px;
  height: 18px;
  background: #1f2228;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #548fff;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.account-email-unsub .control-input,
.newsletter-unsub .control-input {
  display: none;
}
.account-email-unsub .control-input[type="checkbox"]:checked + .custom-checkbox:before,
.newsletter-unsub .control-input[type="checkbox"]:checked + .custom-checkbox:before {
  content: '\25A0';
}
.pw-themed.action-unsubscribe body {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: center;
}
.pw-themed .account-email-unsub {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 40px 0;
}
.pw-themed .account-email-unsub__header {
  color: #36373B;
  text-transform: uppercase;
  font-weight: bold;
  font-family: Roboto, sans-serif;
  font-size: 2.8rem;
  margin-bottom: 20px;
  text-align: center;
}
.pw-themed .account-email-unsub__main {
  background-color: #EEEFF2;
  width: 452px;
  max-width: 90vw;
  padding: 32px 60px;
  box-sizing: border-box;
}
.pw-themed .account-email-unsub__main .status-container {
  text-align: center;
}
.pw-themed .account-email-unsub__descriptor {
  font-size: 1.4rem;
  color: #36373B;
  font-family: roboto, sans-serif;
  line-height: 1.5;
}
.pw-themed .newsletter-unsub__form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.pw-themed .newsletter-unsub__platforms {
  width: 100%;
  padding-left: 32px;
  box-sizing: border-box;
}
.pw-themed .custom-checkbox {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.8rem;
  margin-bottom: 10px;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  color: #36373B;
}
.pw-themed .custom-checkbox:before {
  content: '';
  margin-right: 10px;
  width: 24px;
  height: 24px;
  background: transparent;
  border: 1px solid #d62222;
  color: #fff;
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  box-sizing: border-box;
}
.pw-themed .control-input {
  display: none;
}
.pw-themed .control-input[type="checkbox"]:checked + .custom-checkbox:before {
  content: '\f00c';
  background-color: #d62222;
  font-family: "Font Awesome 5 Pro";
}
.pw-themed .newsletter-unsub__submit-button {
  border: 1px solid #d62222 !important;
  background: #d62222 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
  width: 283px;
  max-width: 96%;
  height: 40px;
  font-family: roboto, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  margin: 20px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pw-themed .newsletter-unsub__submit-button:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.pw-themed .unsubbed-from-list {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 16px;
  color: #36373B;
}
.account-information {
  max-width: 1200px;
  margin: 58px auto 0;
  color: #fff;
  position: relative;
  overflow: hidden;
  padding: 0 0 96px;
  /* .dropdown-list {
        width: 100%;
        box-sizing: border-box;
        } */
}
@media (max-width: 759px) {
  .account-information {
    margin: 17px auto 0;
  }
}
@media screen and (min-width: 980px) {
  .account-information {
    padding: 0 0 200px;
  }
}
@media (max-width: 1079px) and (min-width: 959px) {
  .account-information {
    padding: 0 10px 200px;
  }
}
.account-information .account-form input.form-control {
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.3);
}
.account-information .account-form .account-btn {
  border-color: rgba(255, 255, 255, 0.3);
}
.account-information .account-form .account-btn:hover {
  color: #5c91ff;
  border-color: #fff;
}
.account-information .account-form > .input-group {
  margin-bottom: 30px;
}
.account-information .account-form-left,
.account-information .account-form-right {
  width: 45%;
  float: left;
}
@media screen and (max-width: 980px) {
  .account-information .account-form-left,
  .account-information .account-form-right {
    width: 100%;
  }
}
.account-information .account-form-left > .input-group,
.account-information .account-form-right > .input-group {
  margin-bottom: 30px;
}
.account-information .account-form-right {
  float: right;
}
.account-information .account-info-link {
  margin-top: 5px;
  text-align: right;
  margin-bottom: 20px;
}
.account-information .account-info-link .account-btn-half {
  margin-top: 8px;
}
.account-information .input-group {
  /* width: 100%; */
  margin-bottom: 10px;
  color: #a7a7a7;
}
.account-information .input-group > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.account-information input.form-control,
.account-information select.form-control,
.account-information .dropdown-current-value {
  border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.3);
  color: #bbb;
  height: 30px;
  line-height: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.account-information select.form-control {
  -webkit-appearance: none;
  line-height: 1.4;
}
.account-information input.form-control:focus,
.account-information select.form-control:focus {
  box-shadow: none;
  border-color: #ccc;
}
.account-information .info-edit-group {
  background: rgba(0, 0, 0, 0.3);
  padding: 20px;
  margin-top: 10px;
  display: none;
  font-size: 14px;
}
.account-information .info-edit-group p {
  line-height: 24px;
}
.account-information .account-message {
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  color: #fae8b6;
  border: 1px solid rgba(153, 153, 153, 0.7);
  line-height: 20px;
  margin: 20px 0;
  padding: 10px 20px;
  border-radius: 0;
}
.account-information .info-name {
  font-size: 18px;
  color: #fff;
  margin-right: 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
.account-information .info-desc {
  font-size: 14px;
  color: #a7a7a7;
  margin-right: 125px;
  display: inline-block;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
@media screen and (max-width: 740px) {
  .account-information .info-desc {
    display: block;
    margin-top: 5px;
  }
}
.account-information .info-edit-btn {
  text-align: right;
  margin: 20px 0 0 0;
}
.account-information .info-edit-btn .account-btn {
  margin-left: 6px;
  margin-right: 0;
}
.account-information .info-edit {
  background: url("../images/account/edit.png") no-repeat 0 0;
  padding-left: 22px;
  padding-top: 1px;
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 14px;
}
.account-information .info-edit:link,
.account-information .info-edit:visited,
.account-information .info-edit:hover,
.account-information .info-edit:active {
  text-decoration: none;
}
.account-information .info-edit:hover {
  border-bottom: 1px solid #fff;
}
.account-information .info-edit i {
  display: none;
}
.account-information .error-box {
  display: none;
  margin: 10px 0;
  padding: 10px;
}
.account-information .control-group {
  display: block;
}
.account-information .control-group.nofieldname-group {
  padding-left: 0;
}
.account-information .control-group .field-label {
  float: left;
  min-width: 150px;
  line-height: 18px;
  position: relative;
}
.account-information .control-group.control-group-larger {
  padding-left: 180px;
}
.account-information .control-group.control-group-larger .field-label {
  margin-left: -180px;
  width: 180px;
}
.account-information .control-group.control-group-larger .field-control input.form-control {
  margin-right: 0;
}
.account-information .control-group.input-group-col-full .col-xs-4 {
  padding: 0 0 0 8px;
}
@media screen and (max-width: 740px) {
  .account-information .control-group.input-group-col-full .col-xs-4 {
    padding: 0;
  }
}
@media screen and (max-width: 740px) {
  .account-information .input-group .col-xs-5,
  .account-information .input-group .col-xs-7,
  .account-information .input-group .col-xs-4 {
    width: 100%;
    margin-top: 5px;
  }
  .account-information .control-group {
    padding-left: 0;
    display: block;
  }
  .account-information .control-group.nofieldname-group {
    padding-left: 0;
  }
  .account-information .control-group .field-label {
    margin-left: 0;
    float: none;
    width: auto;
  }
  .account-information .control-group.control-group-larger {
    padding-left: 0;
  }
  .account-information .control-group.control-group-larger .field-label {
    margin-left: 0;
    width: auto;
  }
}
.account-information .viewport {
  position: absolute;
  padding-right: 10px;
  width: 100%;
  box-sizing: border-box;
}
.account-information .viewport .overview {
  width: 100%;
}
.account-information .security-questions .viewport {
  height: 280px;
  background-color: rgba(0, 0, 0, 0.9);
}
.account_covers_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -100;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
.account_covers_wrap.active {
  z-index: 2001;
  opacity: 1;
  display: block;
}
.account_covers_wrap.active .account-covers-container {
  opacity: 1;
}
.account-defender .button,
.account-dialog-wrap .button {
  height: 32px;
  border: 1px solid #68696C;
  border-radius: 2px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  background-image: none;
  box-shadow: none;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}
.account-defender .button span,
.account-dialog-wrap .button span {
  background-image: none;
}
.account-defender .button:hover,
.account-dialog-wrap .button:hover {
  border-color: #b2b2b2;
  color: #5c91ff;
}
.account-defender .button.btn-common,
.account-dialog-wrap .button.btn-common {
  border-color: #4e7edb;
}
.account-defender .button.btn-common:hover,
.account-dialog-wrap .button.btn-common:hover {
  color: #fff;
  border-color: #7198e2;
  background-color: #7198e2;
}
.account-defender .button.btn-cancel,
.account-dialog-wrap .button.btn-cancel {
  padding: 0;
}
.account-defender .button#js_btnDelete,
.account-dialog-wrap .button#js_btnDelete {
  padding: 10px;
}
.account-defender .message-btns,
.account-dialog-wrap .message-btns {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 200px;
}
.account-defender .message-btns .btn-cancel span,
.account-dialog-wrap .message-btns .btn-cancel span {
  display: block;
  padding: 0px;
  line-height: 0px;
}
.account-defender .account-container-nav {
  margin: 20px 0;
  height: 30px;
}
.account-defender .account-container-nav ul {
  display: block;
  height: 100%;
  display: flex;
  justify-content: stretch;
  align-items: center;
}
.account-defender .account-container-nav ul li {
  display: block;
  height: 100%;
  flex-grow: 1;
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 .2%;
}
.account-defender .account-container-nav ul li a {
  display: block;
  text-align: center;
  height: 100%;
  line-height: 30px;
  color: #a7a7a7;
  font-size: 14px;
}
.account-defender .account-container-nav ul li a:link,
.account-defender .account-container-nav ul li a:visited,
.account-defender .account-container-nav ul li a:hover,
.account-defender .account-container-nav ul li a:active {
  text-decoration: none;
}
.account-defender .account-container-nav ul li.active,
.account-defender .account-container-nav ul li:hover {
  border-color: #fff;
}
.account-defender .account-container-nav ul li.active a,
.account-defender .account-container-nav ul li:hover a {
  color: #fff;
}
.account-defender .account-container-nav .dropdown {
  width: 200px;
  height: 30px;
  color: #fff;
  display: none;
  box-sizing: border-box;
}
.account-defender .account-container-nav .dropdown .dropdown-current-value {
  border: 1px solid #757880;
  height: 28px;
  line-height: 28px;
  width: 100%;
}
.account-defender .account-container-nav .dropdown .dropdown-current-value i {
  background-position: right -16px;
}
@media screen and (max-width: 740px) {
  .account-defender .account-container-nav ul {
    display: none;
  }
  .account-defender .account-container-nav .dropdown {
    display: block;
  }
}
.account-defender .table-defender {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
}
.account-defender .table-defender > thead > tr > th,
.account-defender .table-defender > tbody > tr > td {
  display: table-cell;
  border: none;
}
.account-defender .defender-sm-container {
  display: none;
}
.account-defender .defender-sm-container .defender-sm-content {
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  margin-bottom: 20px;
}
.account-defender .defender-sm-container .defender-sm-content p {
  font-size: 13px;
  color: #fff;
  line-height: 26px;
}
.account-defender .defender-sm-container .defender-sm-content p span {
  display: inline-block;
}
.account-defender .defender-sm-container .defender-sm-content p a:link,
.account-defender .defender-sm-container .defender-sm-content p a:link,
.account-defender .defender-sm-container .defender-sm-content p a:link,
.account-defender .defender-sm-container .defender-sm-content p a:link {
  color: #5c91ff;
}
@media screen and (max-width: 740px) {
  .account-defender .tab-pane table {
    display: none;
  }
  .account-defender .defender-sm-container {
    display: block;
  }
}
.account-dialog-wrap .close,
.avatar-dialog .close {
  background: url(../images/global/icon-close.png) no-repeat 50% 0px;
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
  opacity: 1;
  margin-top: 4px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  box-sizing: border-box;
}
.account-dialog-wrap .close:focus,
.avatar-dialog .close:focus,
.account-dialog-wrap .close:hover,
.avatar-dialog .close:hover {
  outline: none;
  border-color: #a7a7a7;
  background-position: 50% -30px;
  border-color: #fff;
}
.avatar-dialog .close {
  margin-top: -2px;
}
.account-dialog-wrap .m-t {
  height: 60px;
  position: relative;
}
.account-dialog-wrap .m-t h3.dialog-title {
  text-align: center;
  position: absolute;
  color: #fff;
  width: 100%;
  height: 40px;
  top: 40px;
  font-size: 20px;
}
.account-dialog-wrap .m-t h3.dialog-title:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgba(167, 167, 167, 0.3);
  z-index: 0;
  left: 0;
  top: 10px;
}
.account-dialog-wrap .m-t h3.dialog-title span {
  position: relative;
  z-index: 10;
  color: #fff;
  background: #000;
  background: -moz-radial-gradient(center, ellipse cover, #000000 0%, #000000 1%, #000000 49%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #000000 0%, #000000 1%, #000000 49%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #000000 0%, #000000 1%, #000000 49%, rgba(0, 0, 0, 0) 100%);
  padding: 0 20px;
  font-weight: normal;
}
.account-dialog-wrap .modal-dialog {
  background: rgba(0, 0, 0, 0.9);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(167, 167, 167, 0.3);
  padding: 15px 20px;
  min-width: 250px;
}
@media screen and (min-width: 980px) {
  .account-dialog-wrap .modal-dialog {
    min-width: 600px;
  }
}
.account-dialog-wrap .modal-dialog .modal-desc {
  margin-top: 0 !important;
  padding: 45px 0 35px;
}
.account-dialog-wrap .modal-dialog .dialog-container {
  border-top: none;
  margin-top: 30px;
}
.account-dialog-wrap .modal-dialog .dialog-container .confirm-title {
  position: relative;
}
.account-dialog-wrap .modal-dialog .dialog-container .confirm-title span {
  display: inline-block;
  padding: 0 5px;
  font-size: 22px;
  line-height: 18px;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-family: 'Open Sans', sans-serif;
}
.account-dialog-wrap .modal-dialog .dialog-container .confirm-title:after {
  content: '';
  position: absolute;
  display: block;
  top: 10px;
  width: 100%;
  height: 10px;
  border-top: 1px solid #393737;
  z-index: -1;
}
.account-dialog-wrap .modal-dialog .dialog-container .confirm-content {
  margin-top: 15px;
  padding: 0 30px;
  font-size: 14px;
  line-height: 22px;
}
.account-dialog-wrap .modal-dialog .reply-btns {
  border-top: none;
}
.message-to-wrap .bg-btn span {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.message-to-wrap .bg-btn span:hover {
  border: 1px solid #ffffff !important;
}
.message-to-wrap .bg-btn span:hover .ico-user-plus {
  background-position: -28px -1000px;
}
.messages-wrap .account-title {
  line-height: 1;
}
.messages-wrap .account-title-name {
  overflow: visible;
}
.messages-wrap .ico-user-plus {
  height: 14px;
  background-position: 0 -1000px;
  vertical-align: middle;
}
.messages-wrap .bg-btn span {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.messages-wrap .bg-btn span:hover {
  border: 1px solid #ffffff !important;
}
.messages-wrap .bg-btn span:hover .ico-user-plus {
  background-position: -28px -1000px;
}
.messages-wrap .user-plus-group.active .bg-btn span {
  border: 1px solid #ffffff !important;
}
.message-compose .alert {
  position: relative;
}
.message .paginate ul li a {
  font-family: 'Open Sans', sans-serif;
  padding: 0 5px;
}
.message .paginate ul .prev {
  margin-right: 0;
}
.message .paginate ul .prev a {
  width: 15px;
  padding: 0;
}
.message .paginate ul .prev a:after {
  left: 3px;
  top: 11px;
  width: 7px;
  height: 7px;
  border-width: 2px;
  border-top-color: transparent;
  border-right-color: transparent;
}
.message .paginate ul .next {
  margin-left: 0;
}
.message .paginate ul .next a {
  width: 15px;
  padding: 0;
}
.message .paginate ul .next a:after {
  right: 3px;
  top: 11px;
  width: 7px;
  height: 7px;
  border-width: 2px;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.btn-fb-div {
  width: 80px;
  height: 80px;
}
.btn-fb-div .btn-fb-verify {
  box-sizing: border-box;
  background-image: url("../images/sign/facebook.png");
  display: inline-block;
  float: left;
  height: 26px;
  padding: 4px 2px 5px 0;
  position: relative;
  text-align: right;
  width: 26px;
  margin: 0 0 15px 18px;
  /*cursor: pointer;*/
}
.btn-fb-div .account-btn {
  margin: 0px;
}
.info-edit-line {
  margin-left: 20px;
  width: 100%;
  height: 40px;
}
.input-fb-verify {
  float: left;
  width: 100%;
}
.info-edit-line b {
  background: #616266 none repeat scroll 0 0;
  float: left;
  height: 1px;
  margin-top: 20px;
  width: 42%;
}
.info-edit-line span {
  float: left;
  line-height: 40px;
  padding: 0 10px;
  text-align: center;
  width: 20px;
}
.input-group .form-control,
.input-group .security-questions {
  float: right;
  margin-bottom: 0;
  width: 100%;
}
.input-group .form-control[name="email[pwd]"],
.input-group .form-control[name="email[new]"],
.input-group .form-control[name="email[re-new]"],
.input-group .form-control[name="pwd[new]"],
.input-group .form-control[name="pwd[re-new]"],
.input-group .form-control[name="pwd[old]"],
.input-group .form-control[name="answer"],
.input-group .form-control[name="name[first]"],
.input-group .form-control[name="name[last]"] {
  width: 100%;
}
.input-group .form-control[name="pwd[new]"],
.input-group .form-control[name="pwd[re-new]"],
.input-group .form-control[name="pwd[old]"],
.input-group .form-control[name="name[first]"],
.input-group .form-control[name="name[last]"] {
  margin-right: 0px !important;
}
.input-group .form-control[name="pwd[new]"] #currentPassword-error {
  position: relative;
  left: -20px;
  top: 0px;
}
.input-group .form-control #retypePassword-error {
  position: relative;
  left: -20px;
  top: 0px;
}
.input-group .form-control #currentPassword-error {
  position: relative;
  left: -20px;
  top: 0px;
}
.input-group .form-control #securityAnswer-error {
  display: inline-block;
}
@media (max-width: 980px) {
  .btn-fb-div {
    margin-left: 200px;
  }
}
@media (max-width: 1300px) {
  .info-edit-line b {
    width: 40%;
  }
}
ul#friendsContainerUser .btns {
  margin: 3px 0 0;
  margin-top: 10px;
  overflow: hidden;
}
ul#friendsContainerUser .btns a {
  background: 0 0;
  color: #fff;
  font-size: 12px;
  height: 28px;
  border: 1px solid #a7a7a7;
  border-radius: 1px;
  line-height: 28px;
  text-align: center;
  padding: 0 10px;
  float: left;
  display: inline-block;
  margin-right: 20px;
}
ul#friendsContainerUser .btns a:hover {
  border-color: #ccc;
  color: #4e7edb;
}
ul#friendsContainerUser .btns a:hover .ico-user-cssplus:before,
ul#friendsContainerUser .btns a:hover .ico-user-cssplus:after {
  border-color: #4e7edb;
}
ul#friendsContainerUser .btns a span {
  background: 0 0;
  height: 28px;
  line-height: 28px;
  padding: 0 2px;
}
.modal-open {
  position: relative;
  overflow-x: hidden;
}
.modal-open .modal-backdrop {
  position: absolute;
}
.account-nda .account-container-nav {
  margin: 20px 0;
  height: 30px;
}
.account-nda .account-container-nav ul {
  display: block;
  height: 100%;
}
.account-nda .account-container-nav ul li {
  display: block;
  height: 100%;
  float: left;
  width: 49.6%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 .2%;
}
.account-nda .account-container-nav ul li a {
  display: block;
  text-align: center;
  height: 100%;
  line-height: 30px;
  color: #a7a7a7;
  font-size: 14px;
}
.account-nda .account-container-nav ul li a:link,
.account-nda .account-container-nav ul li a:visited,
.account-nda .account-container-nav ul li a:hover,
.account-nda .account-container-nav ul li a:active {
  text-decoration: none;
}
.account-nda .account-container-nav ul li.active,
.account-nda .account-container-nav ul li:hover {
  border-color: #fff;
}
.account-nda .account-container-nav ul li.active a,
.account-nda .account-container-nav ul li:hover a {
  color: #fff;
}
.account-nda .account-container-nav .dropdown {
  width: 200px;
  height: 30px;
  color: #fff;
  display: none;
  box-sizing: border-box;
}
.account-nda .account-container-nav .dropdown .dropdown-current-value {
  border: 1px solid #757880;
  height: 28px;
  line-height: 28px;
}
.account-nda .account-container-nav .dropdown .dropdown-current-value i {
  background-position: right -16px;
}
@media screen and (max-width: 740px) {
  .account-nda .account-container-nav ul {
    display: none;
  }
  .account-nda .account-container-nav .dropdown {
    display: block;
  }
}
.account-nda .table-nda {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
}
.account-nda .table-nda > thead > tr > th,
.account-nda .table-nda > tbody > tr > td {
  display: table-cell;
  border: none;
  width: 25%;
}
.account-nda .table-nda > tbody > tr > td button {
  -webkit-appearance: none;
  background-color: transparent;
  color: #4e7edb;
  border: none;
}
.account-nda .tab-pane {
  margin-top: 20px;
}
@media screen and (max-width: 740px) {
  .account-nda .tab-pane {
    margin-top: 3vh;
  }
}
.account-nda .nda-content-toggle {
  display: inline-block;
  cursor: pointer;
  color: #4e7edb;
}
.nda-modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.nda-modal-wrap .new-modal-toggle {
  display: none;
}
.nda-modal-wrap .new-modal-toggle:checked + .new-modal {
  opacity: 1;
  pointer-events: auto;
}
.nda-modal-wrap .new-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.5s;
  opacity: 0;
  pointer-events: none;
}
.nda-modal-wrap .new-modal-backdrop-close {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.nda-modal-wrap .nda-content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  font-size: 80%;
  color: #999;
}
.nda-modal-wrap .new-modal-close {
  background: url(../images/global/icon-close.png) no-repeat 50% 0px;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  margin: 0px 0px 10px auto;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  cursor: pointer;
}
.nda-modal-wrap .new-modal-close:focus,
.nda-modal-wrap .new-modal-close:hover {
  outline: none;
  border-color: #a7a7a7;
  background-position: 50% -30px;
  border-color: #fff;
}
.nda-modal-wrap .nda-content-text {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: 90%;
  max-width: 1200px;
  max-height: 85%;
  display: flex;
  flex-direction: column;
  padding: 10px 15px;
  background: rgba(0, 0, 0, 0.9);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(167, 167, 167, 0.3);
  font-size: 16px;
  line-height: 20px;
}
.nda-modal-wrap .nda-title {
  position: relative;
  text-align: center;
}
.nda-modal-wrap .nda-title > span {
  position: relative;
  z-index: 10;
  padding: 0 20px;
  background: #000;
  background: -moz-radial-gradient(center, ellipse cover, #000000 0%, #000000 1%, #000000 49%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #000000 0%, #000000 1%, #000000 49%, rgba(0, 0, 0, 0) 100%);
  background: radial-gradient(ellipse at center, #000000 0%, #000000 1%, #000000 49%, rgba(0, 0, 0, 0) 100%);
}
.nda-modal-wrap .nda-title:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgba(167, 167, 167, 0.3);
  z-index: 0;
  left: 0;
  top: 10px;
}
.nda-modal-wrap .nda-content {
  margin-top: 15px;
  color: #fff;
  font-size: 14px;
  overflow-y: auto;
}
.nda-content-detail {
  position: relative;
  padding: 20px;
  margin: auto;
  max-width: 1200px;
  min-height: calc(100vh - 60px - 181px);
  box-sizing: border-box;
}
.nda-content-detail * {
  font-family: 'Roboto', "Arial Regular", sans-serif;
  color: #36373B;
}
.nda-content-detail u {
  text-decoration-line: none;
}
.nda-content-detail a {
  color: #F23030 !important;
}
.nda-content-detail a:hover {
  text-decoration: underline !important;
}
.nda-content-detail h1,
.nda-content-detail h2,
.nda-content-detail h3 {
  margin: 12px 0;
}
.nda-content-detail p {
  font-size: 14px;
  margin: 8px 0;
}
.nda-content-detail .nda-content-header {
  font-size: 28px;
  line-height: 33px;
  padding: 40px 0;
  font-weight: bold;
  text-transform: uppercase;
}
.nda-content-detail .nda-title {
  color: #36373B;
}
.controller-my-account #cboxContent {
  background: rgba(0, 0, 0, 0.8);
  border: solid #a7a7a7 1px;
  box-sizing: border-box;
}
.controller-my-account #cboxLoadedContent {
  overflow: hidden !important;
}
.controller-my-account #cboxClose {
  background: transparent;
  text-indent: 0;
  color: transparent;
  right: 20px;
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.controller-my-account #cboxClose:after {
  content: '\2715';
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  font-size: 25px;
  border: solid 1px #a7a7a7;
  padding: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
}
.controller-my-account #cboxClose:focus {
  outline: none !important;
}
.controller-my-account #cboxClose:focus:after {
  outline: solid 1px #4d90fe;
}
.account-name-change {
  padding: 50px 20px;
}
.account-name-change .account-btn {
  color: #fff;
}
.account-name-change .account-name-change__inline-btn {
  border: none;
  padding: 0;
  color: #5c91ff;
}
.account-name-change .account-name-change__inline-btn + .status-container {
  display: inline-block;
  height: 15px;
  min-height: auto;
  min-width: 15px;
  margin: 0;
  padding: 0;
}
.account-name-change__header {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  color: #ffffff;
  text-align: center;
  font-weight: 400;
}
.account-name-change__header:before,
.account-name-change__header:after {
  content: '';
  border-bottom: solid 1px #a7a7a7;
  width: 100%;
  box-sizing: border-box;
}
.account-name-change__header:before {
  margin-right: 10px;
}
.account-name-change__header:after {
  margin-left: 10px;
}
@media screen and (min-width: 740px) {
  .account-name-change__header {
    white-space: nowrap;
  }
}
.account-name-change__header-text {
  flex-shrink: 0;
  max-width: 80%;
}
.account-name-change__instructions {
  font-size: 14px;
  text-align: center;
  color: #a8a8aa;
  width: 90%;
  margin: 40px auto 30px;
  line-height: 1.5;
}
@media screen and (max-width: 740px) {
  .account-name-change__instructions {
    text-align: left;
  }
}
[grid-row="1"] {
  -ms-grid-row: 1;
}
[grid-row="2"] {
  -ms-grid-row: 2;
}
[grid-row="3"] {
  -ms-grid-row: 3;
}
[grid-row="4"] {
  -ms-grid-row: 4;
}
@media screen and (max-width: 740px) {
  [grid-row="1"] + [grid-row="1"] {
    -ms-grid-row: 2;
  }
  [grid-row="2"] {
    -ms-grid-row: 3;
  }
  [grid-row="3"] {
    -ms-grid-row: 4;
  }
  [grid-row="3"] + [grid-row="3"] {
    -ms-grid-row: 5;
  }
  [grid-row="4"] {
    -ms-grid-row: 6;
  }
}
.account-name-change__input-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3fr;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  width: 80%;
  margin: 0px auto;
}
@media screen and (max-width: 740px) {
  .account-name-change__input-grid {
    width: 90%;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.account-name-change__label {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  text-align: right;
  padding-right: 10px;
  box-sizing: border-box;
  white-space: nowrap;
  margin-bottom: 0;
  -ms-grid-column: 1;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .account-name-change__label {
    white-space: normal;
  }
}
@media screen and (max-width: 740px) {
  .account-name-change__label {
    justify-content: flex-start;
    text-align: left;
    padding-bottom: 10px;
  }
}
.account-name-change__input {
  background-color: transparent;
  border: 1px solid #fff;
  font-size: 16px;
  padding: 7px 10px;
  box-sizing: border-box;
  color: #fff;
  -ms-grid-column: 2;
}
.account-name-change__input[type="text"] {
  margin-bottom: 0;
}
.account-name-change__input.error {
  outline: solid 1px #C0392b;
}
@media screen and (max-width: 740px) {
  .account-name-change__input {
    -ms-grid-column: 1;
  }
}
.account-name-change__sub-text {
  -ms-grid-column: 2;
  grid-column: 2;
  margin: 10px 0 30px;
}
@media screen and (max-width: 740px) {
  .account-name-change__sub-text {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}
.account-name-change__errors {
  font-size: 14px;
  color: #C0392b;
  line-height: 1.5;
  opacity: 0;
  transition: opacity 0.4s;
}
.account-name-change__errors:not(:first-child) {
  margin-top: 5px;
}
.account-name-change__errors.show {
  opacity: 1;
}
.account-name-change__form-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.account-name-change__form-buttons > .account-btn {
  margin-right: 5px;
}
.account-name-change__form-buttons > .btn-common {
  border-radius: 3px;
  box-shadow: none;
  margin-left: 5px;
  box-sizing: border-box;
}
.account-name-change__form-buttons > .status-container {
  overflow: visible;
}
@media screen and (max-width: 375px) {
  .account-name-change__form-buttons {
    flex-direction: column;
  }
  .account-name-change__form-buttons > .account-btn,
  .account-name-change__form-buttons > .btn-common {
    white-space: nowrap;
    margin: 0;
    width: 100%;
  }
  .account-name-change__form-buttons > .account-btn:first-child,
  .account-name-change__form-buttons > .btn-common:first-child {
    margin-bottom: 10px;
  }
}
#generic-errors {
  text-align: center;
  margin-top: 10px;
}
#generic-errors a {
  color: inherit;
  text-decoration: underline;
}
@media screen and (max-width: 375px) {
  .account-information .account-info-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .account-information .account-btn.account-btn-half {
    width: auto;
    min-width: 100%;
  }
  .account-information .account-btn.account-btn-half:not(:first-child) {
    margin-top: 10px;
  }
}
#ver-errors.success {
  color: #fff !important;
}
.authenticator__button-set {
  margin-bottom: 20px;
}
.pw-themed .account-module .container {
  overflow-y: visible;
}
.pw-themed .account-module .container .module-body .account-body {
  overflow-y: visible;
}
.pw-themed .account-form input.form-control {
  border: none;
  background: #fff;
  color: #000;
}
.pw-themed .account-form .account-btn:not(.btn-save) {
  border: 1px solid #d62222 !important;
  background: transparent !important;
  color: #d62222 !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .account-form .account-btn:not(.btn-save):hover {
  color: #000000 !important;
  border-color: #000000 !important;
}
.pw-themed .account-form .account-btn.btn-save {
  border: 1px solid #d62222 !important;
  background: #d62222 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .account-form .account-btn.btn-save:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.pw-themed .info-edit-group {
  background: #EEEFF2;
}
.pw-themed .info-edit-group .input-group-header {
  color: #36373B;
}
.pw-themed .info-name {
  color: #36373B;
}
.pw-themed .info-desc {
  color: #36373B;
}
.pw-themed .info-edit {
  background: url("../images/account/pw-update/pencil-hover.png") no-repeat 0 0;
  color: #d62222;
}
.pw-themed .info-edit:not(:hover) {
  background-image: url("../images/account/pw-update/pencil.png");
  color: #36373B;
}
.pw-themed .account-defender .account-defender__cur-security-type {
  color: #36373B;
}
.pw-themed .account-defender .authenticator__button-set h2,
.pw-themed .account-defender .authenticator__button-set p {
  color: #36373B;
}
.pw-themed .account-defender .authenticator__button-set .btn-common {
  border: 1px solid #d62222 !important;
  background: #d62222 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .account-defender .authenticator__button-set .btn-common:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.pw-themed .account-defender .table-defender th,
.pw-themed .account-defender .table-defender td {
  color: #36373B;
}
.pw-themed .account-defender .table-defender th {
  background-color: #EEEFF2;
}
.pw-themed .account-defender .table-defender tr:nth-child(odd) td {
  background-color: #F6F6F6;
}
.pw-themed .account-defender .table-defender tr:nth-child(even) td {
  background-color: #F2F2F2;
}
.pw-themed .account-defender .table-defender .btn-unlink,
.pw-themed .account-defender .table-defender .btn-del {
  color: #d62222;
}
.pw-themed .account-defender .saved-computer-msg {
  color: #36373B;
}
.pw-themed .account-defender #js_btnDeleteAll {
  border: 1px solid #d62222 !important;
  background: #d62222 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
  width: auto !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  min-height: 3.5rem;
}
.pw-themed .account-defender #js_btnDeleteAll:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.pw-themed .account-nda .tab-pane {
  color: #36373B;
}
.pw-themed .account-nda .table-nda th,
.pw-themed .account-nda .table-nda td {
  color: #36373B;
}
.pw-themed .account-nda .table-nda th {
  background-color: #EEEFF2;
}
.pw-themed .account-nda .table-nda tr:nth-child(odd) td {
  background-color: #F6F6F6;
}
.pw-themed .account-nda .table-nda tr:nth-child(even) td {
  background-color: #F2F2F2;
}
.pw-themed .account-nda .table-nda .btn-unlink,
.pw-themed .account-nda .table-nda .btn-del {
  color: #d62222;
}
.pw-themed .account-nda .table-nda a {
  color: #F23030;
}
.pw-themed .account-nda .table-nda label {
  color: #F23030;
}
.pw-themed .account-nda .table-nda button {
  color: #F23030;
}
.pw-themed .account-nda .account-container-title {
  overflow: unset;
}
.pw-themed .account-nda .account-container-title .account-title-name {
  white-space: unset;
  margin-bottom: 10px;
}
.pw-themed .saved-computer-popup .button {
  padding: 0 !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.pw-themed .games-wrap .character-copy-content .title,
.pw-themed .games-wrap .game-name .name,
.pw-themed .games-wrap .title,
.pw-themed .games-wrap .headline {
  color: #36373B !important;
}
.pw-themed .games-wrap .faction-form .fileupload.fileupload {
  border: 1px solid #d62222 !important;
  background: transparent !important;
  color: #d62222 !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .games-wrap .faction-form .fileupload.fileupload:hover {
  color: #000000 !important;
  border-color: #000000 !important;
}
.pw-themed .games-wrap .faction-form .btn-submit.btn-submit {
  border: 1px solid #d62222 !important;
  background: #d62222 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
}
.pw-themed .games-wrap .faction-form .btn-submit.btn-submit:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}