.usercp_nav_item:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 4px;
	position: absolute;
	top: 50%;
	left: 14px;
	transform: translate(-50%, -50%);
}

.usercp_nav_sub_pmfolder:before,
.usercp_nav_trash_pmfolder:before,
.usercp_nav_email:before,
.usercp_nav_password:before,
.usercp_nav_username:before,
.usercp_nav_editsig:before,
.usercp_nav_avatar:before {
	content: "\f111";
}

.usercp_nav_sub_pmfolder,
.usercp_nav_trash_pmfolder,
.usercp_nav_email,
.usercp_nav_password,
.usercp_nav_username,
.usercp_nav_editsig,
.usercp_nav_avatar {
	
padding-left: 22px !important;
}

.usercp_notepad {
	width: 100%;
}

.pmspace {
	float: right;
	margin: -3px 5px;
}

.pmspace_container {
	background: #14191f;
	width: 100%;
	display: block;
	padding: 5px;
	border-radius: 2px;
}

.pmspace_used {
	display: inline-block;
	height: 15px;
}

.pmspace_used.low {
	background: #b68522;
	border-radius: 2px;
}

.pmspace_used.medium {
	background: #ff862b;
	border: 1px solid #d7611e;
}

.pmspace_used.high {
	background: #e73c3c;
	border: 1px solid #c00;
}

.pmspace_unused {
	display: inline-block;
}

.pmspace_text {
	padding: 1px 5px;
	display: inline-block;
}

.new_pm {
	font-weight: 600;
}

.user_panel {
    display: flex;
    justify-content: space-between;
}

.user_panel_content {
    flex: 1;
    margin-left: 15px;
    white-space: nowrap;
    overflow: hidden;
}

.userpanel_statistic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.4em  1em;
    background: #1b1f27;
    border-radius: .25rem;
    margin-bottom: 0.75rem;
    border: 1px solid #252a35;
}

.userpanel_statistic_col {
    flex: 0 0 33.333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 2em;
	position: relative;
}

.userpanel_statistic_title {
    flex: 1;
    line-height: 22px;
}

.userpanel_statistic_title em {
    font-style: normal;
    display: block;
    font-size: 13px;
    color: rgba(255, 255, 255, .50);
    text-transform: uppercase;
    font-weight: 500;
}

.userpanel_statistic_title span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    margin-top: .25em;
}

.userpanel_statistic_col_1 {
    border-right: 1px solid rgba(38, 49, 76, .50);
}

.userpanel_statistic_col_2 {
    border-right: 1px solid rgba(38, 49, 76, .50);
}

.userpanel_statistic_col_3 {
    /* border-left: 0; */
}

.userpanel_statistic_chart i {
    transform: rotate(8deg);
    font-size: 6em;
    position: absolute;
    right: 13px;
    top: -16px;
    opacity: .3;
    color: #ff684a;
}

.userpanel_information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    flex-flow: row wrap;
}

.userpanel_info_col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1em 1em;
    background: #222730;
    border-radius: .25rem;
    margin: 0.25rem;
    border: 1px solid #252a35;
    flex: 1;
    line-height: 1.5em;
    min-height: 68px;
    max-height: 68px;
    color: #fff;
}

.userpanel_info_col_1 {
    margin-left: 0;
}

.userpanel_info_col_4 {
    margin-right: 0;
}

.avatar_container img {
    width: 3.4em;
    height: 3.4em;
    border-radius: .25rem;
    border: 1px solid #14171d;
}

.userpanel_info_col > span {
    display: block;
    font-size: 12px;
    font-weight: 500;
}

.userpanel_info_col em {
    display: block;
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    color: #7a7d81;
}

.userpanel_avatar {
    width: 52px;
    flex: 0 0 52px;
}

.userpanel_info_col_1 .userpanel_info_right {
    flex: 1;
}

a.user_info_button {
    background: #ff684a;
    text-align: center;
    font-size: 11px;
    border-radius: .25rem;
    color: #fff !important;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .35s linear;
    opacity: 0;
}

a.user_info_button:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}

.userpanel_info_col:hover a.user_info_button {
    opacity: 1;
}

.user_panel_nav {
    width: 230px;
}

.userpanel_nav {
    position: sticky;
    top: 10px;
    border-radius: .25rem .25rem;
    border-bottom: none;
    background: #1b1f27;
}

.userpanel_nav_head {
    padding: 1rem;
    border-radius: .25rem .25rem 0 0;
    font-weight: 600;
    text-transform: uppercase;
    background: #ff684a;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
    color: #fff;
    font-size: .8rem;
}

.userpanel_nav_cat {
    padding: 7px 10px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #272c36;
}

.userpanel_nav_links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.userpanel_nav_links > li {
    line-height: 1.5em;
    border-top: 1px solid #252a35;
}

.userpanel_nav_links > li > a {
    padding: .45rem .75rem;
    display: block;
    border-left: 3px solid transparent;
    transition: .2s all !important;
    font-size: 11px;
    font-weight: 500;
    position: relative;
    color: #a3a3a3;
}

.userpanel_nav_links > li > a.usercp_nav_viewprofile {
    background: #33343a !important;
    color: #b9bbbd !important;
    border: 0 !important;
    border-radius: 0 0 .25rem .25rem;
}

.userpanel_nav_links > li > a:hover {
    border-color: #ff684a;
    background: rgba(182, 182, 182, 0.1);
    color: #ffffff;
}

.userpanel_nav_links > li:first-child {
    border: 0;
}

.userpanel_block {
    margin-bottom: 1.5em;
    box-shadow: none;
    border: 1px solid #252a35;
    border-radius: .25rem;
    background: #1b1f27;
}

.userpanel_row {
    padding: .85em;
}

.userpanel_notepad_textarea textarea {
    width: 100%;
    border-radius: .5rem;
}

.userpanel_notepad_button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: .5em;
    padding: .5rem;
    background-color: rgb(23, 26, 33);
    background-image: linear-gradient(90deg, rgb(23, 26, 33) 0%, rgb(27, 31, 39) 100%);
}

.notepad_btn {
    border-radius: 999em;
    height: 35px !important;
    width: 35px !important;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 13px;
    text-align: center;
    background: #ff684a;
    border: 0;
}

.userpanel_notepad_textarea {
    padding-bottom: 0;
}

.userpanel_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: .25rem .25rem 0 0;
}

.userpanel_threads_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    white-space: normal;
}

.userpanel_threads_icons {
    flex: 0 0 45px;
    padding: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.userpanel_threads_main {
    flex: 1;
    padding: .5rem;
}

.userpanel_threads_stats {
    flex: 0 0 135px;
    text-align: right;
    padding: .5rem;
}

.userpanel_threads_lastpost {
    flex: 0 0 220px;
    text-align: left;
    padding: .5rem;
    line-height: 1.5em;
    font-size: 11px;
    display: flex;
    align-items: center;
}

.userpanel_threads_main h3 {
    font-size: 12.5px;
    display: block;
    margin: 0 0 0.25em 0;
}

.userpanel_threads_main p {
    display: block;
    font-size: 11px;
    margin: 0;
}

.userpanel_threads_stats dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: .2em;
    font-size: 11px;
}

.userpanel_threads_stats dl dt {
    margin-right: .3em;
}

.userpanel_threads_stats dl:first-child {
    font-size: 11.5px;
    font-weight: 500;
}

.userpanel_options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

h6.userpanel_title {
    padding: 1em;
    border-bottom: 1px solid #252a35;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.userpanel_options_desc {
    flex: 0 0 33.3333%;
    font-size: 11.5px;
    text-align: right;
    padding-right: 1em;
    font-weight: 500;
    white-space: normal;
    overflow: hidden;
}

.userpanel_options_input {
    flex: 1;
    padding-left: 1em;
    white-space: normal;
    overflow: hidden;
}

.userpanel_options_input select {
    margin-right: 1em;
}

.userpanel_options_button {
    padding: 1em;
    padding-left: 33.333%;
    border-top: 1px solid #252a35;
    margin-top: 1.5em;
}

.userpanel_options_input p, .userpanel_options_input li {
    font-size: 11px;
    margin: 0 0 5px 0;
    white-space: normal;
}

.userpanel_currentavatar img {
    width: 7em;
    height: 7em;
    border-radius: .5em;
}

.userpanel_block .userpanel_options_border:not(:last-child) {
    border-bottom: 1px solid #252a35;
}

.userpanel_block h6.userpanel_title:not(:first-child) {
    margin-top: 1.2em;
}

.userpanel_table_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #252a35;
}

.userpanel_table_cat, .userpanel_table_row {
    padding: 0 .5rem;
}

.userpanel_foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em;
    border-top: 1px solid #252a35;
    margin-top: 1.5em;
}

.userpanel_table .userpanel_table_wrap:last-child {
    border: 0;
}

.user_panel_content .userpanel_block:last-child {
    margin: 0;
}

.userpanel_block .userpanel_threads_row:last-child {
    border: none;
}



.private_panel {
    display: flex;
    justify-content: space-between;
}

.private_panel_left {
    width: 260px;
    padding: 0 10px 0 0;
}

.private_panel_content {
    flex: 1;
    overflow: hidden;
}

.private_sidebar {
    position: sticky;
    top: 10px;
}

.private_send_button {margin: 0 0 .5rem 0;font-family: inherit;border: none;outline: none;overflow: visible;font: inherit;display: inline-block;box-sizing: border-box;padding: 0 20px;vertical-align: middle;font-size: 12px;line-height: 38px;height: 38px !important;text-align: center;text-decoration: none;text-transform: none;transition: .3s ease-in-out;transition-property: color,background-color,border-color;border: 1px solid #ff684a;cursor: pointer;font-weight: 500;border-radius: .25rem;width: 100%;background: #ff684a;color: #fff !important;}

.private_send_button:hover {
    border-color: #f95231;
    background: #f95231;
}

.private_search {
    margin: 0 0 .5rem 0;
}

.private_search .private_search_box {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    position: relative;
    padding: 0rem 0.25rem;
    height: 36px;
    border-radius: .25rem;
    border: 1px solid #141c29;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background: #1b1f27;
}

.private_options {
    margin: 0 0 .5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.private_options select {
    width: 100%;
    border-radius: .25rem 0 0 .25rem;
    background: #1b1f27;
}

.private_menu, .private_stats {
    width: 100%;
    margin: 0 0 .5rem 0;
    box-shadow: none;
    border-radius: .25rem;
    background: #1b1f27;
}

.private_menu > a {
    padding: .55rem .75rem;
    display: block;
    border-left: 3px solid transparent;
    transition: .2s all !important;
    font-size: 11px;
    font-weight: 500;
    position: relative;
    color: #a3a3a3;
    border-top: 1px solid #252a35;
}

.private_menu > a:hover {
    border-left-color: #ff684a;
    background: rgba(182, 182, 182, 0.1);
    color: #ffffff;
}

.private_menu > a > i {
    margin-right: .25rem;
}

.private_stats_row {
    display: block;
    background: transparent;
    padding: .55rem .75rem;
    font-size: 11px;
    position: relative;
    border-bottom: 1px solid #252a35;
    color: #a3a3a3;
}

.private_stats_row dl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.private_stats_row dl dt {
}


.private_stats_row dl dd {
   
}

.private_head {
    background: #ff684a;
    color: #ffffff;
    padding: 10px;
    border-radius: .25rem .25rem 0 0;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
}

.private_search .button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #ffffff !important;
    width: 49px !important;
    height: 35px !important;
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    padding: 0;
    background: #1b1f27;
    fill: currentcolor;
    line-height: 0;
    box-shadow: none;
    border-left: 1px solid #141c29;
}

.private_search .button:hover {
    border-color: #ff684a;
    background: #ff684a;
    color: #fff !important;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.private_search input.textbox {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    overflow: visible;
    -webkit-appearance: none;
    vertical-align: middle;
    width: 100%;
    border: none;
    color: #ffffff !important;
    height: 35px;
    padding-left: 6px;
    padding-right: 6px;
    background: 0 0;
    padding-right: 40px;
}

.private_options .button {
    border-radius: 0;
    margin-left: -1px;
    height: 36px !important;
    font-size: 14px;
    width: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1b1f27;
}

.private_options .button.button-red {
    border-radius: 0 .25rem .25rem 0;
}

.private_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.private_icons {
    flex: 0 0 40px;
    padding: .5rem;
    position: relative;
}

.private_main {
    flex: 1;
    padding: .5rem;
}

.private_date {
    flex: 0 0 150px;
    text-align: right;
    padding: .5rem;
}

.private_checkbox {
    flex: 0 0 30px;
    text-align: center;
    padding: .5rem;
}

.private_main h3 {
    font-size: 12px;
    display: block;
    margin: 0 0 0.25em 0;
}

.private_author {
    display: block;
    font-size: 11px;
    margin: 0;
}

.private_block {
    margin-bottom: 1.5em;
    box-shadow: none;
    border: 1px solid #252a35;
    border-radius: .25rem;
    background: #1b1f27;
}

.private_avatar {
    width: 40px;
    height: 38px;
    transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    border-radius: .25rem;
    -moz-border-radius: .25rem;
    transition: all .5s;
    line-height: normal;
    max-width: none;
    vertical-align: middle;
    background: rgba(255, 255, 255, 0) url(../../../images/default_avatar.png) no-repeat center;
    background-size: cover;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    box-sizing: border-box;
    background-clip: padding-box;
}

.private_avatar img {
    width: 40px;
    height: 40px;
    border-radius: .25rem;
}

.private_nomessages {
    padding: 1rem;
}

.private_block .private_row:last-child {
    border: none !important;
}

.private_status {
    width: 12px;
    height: 12px;
    border-radius: 999em;
    border: 2px solid #0d1116;
    display: block;
    position: absolute;
    left: 8px;
    top: 8px;
}

.private_status.new_pm {
    background: #ff684a;
}

.private_status.old_pm {
    background: #ef3131;
}

.private_status.re_pm {
    background: #e5b813;
}

.private_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .85em;
}

.private_flex_left {
    flex: 0 0 33.3333%;
    font-size: 11.5px;
    text-align: right;
    padding-right: 1em;
    font-weight: 500;
    white-space: normal;
    overflow: hidden;
}

.private_flex_right {
    flex: 1;
    padding-left: 1em;
    white-space: nowrap;
    overflow: hidden;
}

.private_flex_note {
    font-size: 11px;
    margin: 0;
    white-space: normal;
    padding: .5rem;
}

.private_flex_button {
    padding: 1em;
    padding-left: 33.333%;
    border-top: 1px solid #252a35;
    margin-top: 1.5em;
}

.private_row_checkbox {
    padding: 1em;
    width: 100%;
    text-align: center;
}

.private_flex p {
    white-space: normal;
    margin: 0 0 5px 0;
    font-size: 11px;
}




@media screen and (max-width: 800px) {
.user_panel,
.private_panel {
    display: block;
}

.user_panel_nav,
.private_panel_left {
    width: 100%;
}

.user_panel_content,
.private_panel_content {
    width: 100%;
    margin: 1.5em 0 0 0;
}

.tab_mob_hide {
    display: none;
}

.userpanel_information {
    display: block;
}

.userpanel_info_col {
    margin: .25rem 0;
}
	
h6.userpanel_title {
    font-size: 11px;
}

.userpanel_options,
.private_flex {
    display: block;
}

.userpanel_options_desc,
.private_flex_left {
    width: 100%;
    text-align: left;
    padding: 0 0 .75rem 0;
}

.userpanel_options_input,
.private_flex_right {
    padding: 0;
    width: 100%;
}

.userpanel_row.userpanel_options_button,
.private_flex_button {
    padding-left: 1em;
    text-align: center;
}

}

@media screen and (max-width: 500px) {

.userpanel_statistic {
    display: block;
    padding: 1em;
}

.userpanel_statistic_col {
    padding: 0;
    border: 0;
}

.userpanel_statistic_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.userpanel_statistic_chart {
    display: none;
}

.userpanel_statistic_title span {
    font-size: 13px;
}

.mob_hide {
    display: none;
}
	
.userpanel_head > a {
    display: none;
}

}