.usercp_notepad {
	width: 99%;
}

.usercp_container {
	margin: 5px;
	padding: 8px;
	border:1px solid #CCCCCC;
}

.pmspace_unused {
	display: inline-block;
}

.pmspace_text {
	padding: 1px 5px;
	display: inline-block;
}

.new_pm {
	font-weight: bold;
}


.usercp{
    display:flex;
	margin-left:calc(var(--default-margin) * -1);
	margin-bottom:calc(var(--default-margin) * -1);
}

.usercp > div{
	margin-left:var(--default-margin);
	margin-bottom:var(--default-margin)
}

.usercp-nav{
    flex-basis:20%
}

.usercp-content{
    flex:1;
    margin-left:1rem;
}

.usercp-content_head{
    background:var(--trow-bg-hover);
    padding:var(--default-padding);
    border-radius:var(--default-border-radius) var(--default-border-radius) 0 0;
    border-bottom:1px solid var(--default-border-color);
    font-weight:500
}

.usercp-content_body {
    background: var(--trow-bg);
    border-radius:0 0 var(--default-border-radius) var(--default-border-radius)
}

.usercp-content_body ~ .usercp-content_head , form ~ form .usercp-content_head{
	margin-top:var(--default-margin)
}

.usercp-content_row:not(:last-child){
    margin-bottom:var(--default-margin)
}

.usercp-content_submitrow{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:var(--default-padding);
    border-top:1px solid var(--default-border-color);
    border-radius:0 0 var(--default-border-radius) var(--default-border-radius)
}

.usercp-content_submitrow input.button{
	padding: calc(var(--default-padding) * .75) calc(var(--default-padding) * 1.25);
}

.usercp-content_row_title{
    padding:var(--default-padding);
    border-bottom: 1px solid var(--default-border-color);
    text-transform:uppercase;
    font-weight:500;
    font-size:calc(1em - 1px);
    letter-spacing: .5px;
}

.usercp-content_row_title:empty{
	display:none
}

.usercp-content_row_content{
    display:flex;
    align-items:center;
    padding:calc(var(--default-padding) * 3 / 4) var(--default-padding)
}

.usercp-content_row_content_info{
    flex-basis:calc(100% / 3);
    display:flex;
	flex-direction:column;
    justify-content:flex-end;
	text-align:right;
    margin-right:var(--default-margin);
    padding-right:var(--default-margin);
    border-right: 1px solid var(--default-border-color);
}

.usercp-content_row_content_info:empty{
    display:none
}

.usercp-content_row_content_info-desc{
	font-size:calc(1em - 2px);
}

.usercp-content_row_content_content{
    /*display:flex;*/
	flex:1;
    align-items:center;
}

.usercp-content_row_content_content input{
    margin-right:calc(var(--default-margin) / 2);
}

.usercp-nav-inner{
	/*position:sticky;
	top:.5rem;*/
    background:var(--trow-bg);
    border-radius: var(--default-border-radius);
}

.usercp-nav-head{
    padding:var(--default-padding);
    font-weight:500;
    border-bottom:1px solid var(--default-border-color)
}

.usercp-nav-item-head {
    padding: calc(var(--default-padding) * 1.5) var(--default-padding);
    display:flex;
    align-items:center;
    border-bottom:1px solid var(--default-border-color);
    cursor:pointer;
	user-select:none;
	position:relative
}

.usercp-nav-item:last-child .usercp-nav-item-head{
	border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);
}

.usercp-nav-item-head.usercp-nav-item-showprofilehead{
	padding: var(--default-padding);
}

.usercp-nav-item-showprofilebutton{
	flex:1;
	font-size:calc(1em + 1px) !important;
	font-weight:700 !important;
	letter-spacing:.5px;
}

.usercp-nav-item-head i{
    color: #23d2e2;
    font-size: 1rem;
    margin-right: .5rem
}

.usercp-nav-item-head svg{
	fill: #23d2e2;
    width:1.125rem;
	height:1.125rem;
    margin-right: .5rem
}

svg.usercp-nav-item-head-plusicon, svg.usercp-nav-item-head-minusicon{
	width:.625rem;
	height:.625rem;
	fill:var(--default-color);
	margin-left:auto;
	position:absolute;
	right:var(--default-padding);
	transition:250ms ease-in-out
}

svg.usercp-nav-item-head-plusicon, .usercp-nav-item-head.close svg.usercp-nav-item-head-minusicon{
	opacity:0;
	visibility:hidden
}

.usercp-nav-item-head.close svg.usercp-nav-item-head-plusicon{
	opacity:1;
	visibility:visible
}

.usercp-nav-item-head span {
    font-weight: 500
}

.usercp-nav-item-head span {
    font-weight: 500;
    font-size:calc(1em + 1px)
}

.usercp-nav-item-body{
	background:var(--trow-bg-hover);
	border-bottom:1px solid var(--default-border-color);
    padding:calc(var(--default-padding) * 1.5) var(--default-padding);
	overflow:hidden;
	transition:250ms ease
}

.usercp-nav-item-body.close{
    max-height:0!important;
	padding:0 var(--default-padding);
	border-width:0
}

.usercp-nav-item-body-link{
    display:flex;
    align-items:center;
}

.usercp-nav-item-body-link {
    display: flex;
    align-items: center;
    font-weight:500
}

.usercp-nav-item-body-link:not(:last-child) {
    margin-bottom: .75rem;
}

.usercp-nav-item-body-link-icon {
    flex-basis: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.usercp-nav-item-body-link:not(:last-child) .usercp-nav-item-body-link-icon:after {
    content: '';
    position: absolute;
    top: 100%;
    width: 1px;
    height: 1.5rem;
    background: var(--default-border-color)
}

.usercp-nav-item-body-link svg {
    width: .5rem;
    height: .5rem;
    stroke: var(--default-link-color);
}

.usercp-content_row_content_content_note{
	width: 35%;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-size:calc(1em - 2px)
}

.usercp_avatarupload_field {
    width: 75%;
    padding: 1em;
    border: 1px dashed #ccc
}

.usercp_avatarupload_field label {
    cursor: pointer
}

.usercp_avatarupload_field input {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}



.usercp_private_headbar{
	background: var(--trow-bg);
	border-radius: var(--default-border-radius);
	padding:var(--default-padding);
	margin-bottom:var(--default-margin)
}

.usercp_private_headbar_controls, .usercp_private_headbar_search{
	display:flex;
	flex-wrap:wrap;
	margin-bottom: calc(var(--default-margin) * -1);
	justify-content:space-between;
}

.usercp_private_headbar_controls > *, .usercp_private_headbar_search > *{
	display:flex;
	margin-bottom: var(--default-margin)
}

.usercp_private_headbar_controls_buttons > a svg{
	fill:white
}
	

.usercp_private_headbar_controls{
	margin-bottom: calc(var(--default-margin) / 1)
}

.iconbutton{
	font-family:'Font Awesome 5 Free' !important
}

#far.iconbutton{
	font-weight:bold
}

.usercp_private_headbar_controls_button, .usercp_private_headbar_controls_button.iconbutton{
    background:#62c6fd !important;
	margin-left:calc(var(--default-margin) /2) !important
}

.usercp_private_headbar_controls_button.iconbutton{
    width: 2.375rem;
    height: 2.375rem;
}

.pmspace {
	width:16rem;
    border-radius: 2rem;
    background: var(--trow-bg-hover);
	border:1px solid var(--default-border-color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(var(--default-padding) * .375) 0;
    position: relative;
    overflow: hidden
}

.pmspace > span {
    position: relative;
    z-index: 2;
    font-weight: 600;
    color: var(--default-color)
}

.pmspace > perc {
    position: absolute;
    height: 100%;
    width: 81%;
    background: linear-gradient(to right,#615dfa,#41ecff);
    left: 0;
    z-index: 0
}

.pmspace.low > perc {
	background: var(--success-green)
}

.pmspace.medium > perc {
	background: #ff862b;
}

.pmspace.high > perc {
	background: #e73c3c;
}

.usercp_private_messagebit{
	display:flex;
	align-items:center;
	padding:calc(var(--default-padding) / 2)
}

.usercp_private_messagebit:nth-child(2n + 1){
	background:var(--trow-bg)
}

.usercp_private_messagebit:nth-child(2n){
	background:var(--trow-bg-hover);
}

.usercp_private_messagebit_avatar{
	flex-basis:8%;
	display:inline-flex;
	justify-content:center;
}

.usercp_private_messagebit_avatar .hexagon-avatar{
	width:3.5rem;
	height:3.5rem;
}

.usercp_private_messagebit_main{
	flex:1
}

.usercp_private_messagebit_date{
	flex-basis:12%;
	color:var(--default-light-color)
}

.usercp_private_messagebit_modbit{
	flex-basis:1.75rem
}


.usercp-content-header_info{
	display:flex;
	align-items:center;
	background:var(--trow-bg);
	padding:var(--default-padding);
	border-radius:var(--default-border-radius);
}

.usercp-content-header_info_avatar{
	flex-basis:10%;
}

.usercp-content-header_info_content{
	flex:1;
	margin-left:calc(var(--default-margin) / 2)
}

.usercp-content-header_info_content_row{
	display:flex;
	align-items:center;
}

.usercp-content-header_info_content_row-icon{
    flex-basis:auto;
    display:inline-flex;
    justify-content:center;
    align-items:center;
	margin-right:calc(var(--default-margin) * 3 / 4)
}

.usercp-content-header_info_content_row-icon svg{
    width:.5rem;
    height:.5rem;
    stroke: var(--default-icon-color)
}

.usercp-content-header_info_content-info{
	flex-basis:10%;
}

.usercp-content-header_info_content-content{
	font-weight:500
}

.usercp-content-dial {
    margin: var(--default-margin) 0 calc(var(--default-margin) * 2) 0
}

.usercp-content-dial-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-bottom: -1rem;
}

.usercp-content-dial-item {
    flex-basis: calc(100% / 4 - 1rem);
    flex-grow: 1;
    flex-shrink: 0;
    margin-left: var(--default-margin);
	margin-bottom: var(--default-margin);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: var(--trow-bg);
    border-radius: calc(var(--default-border-radius) / 2);
    padding: calc(var(--default-padding) * 1.25) calc(var(--default-padding) * 2);
	text-align:center;
}

.usercp-content-dial-item_icon {
    color: var(--default-light-color);
    font-size: 1.25rem;
    margin-bottom: calc(var(--default-margin) / 4);
    transition:250ms ease
}

.usercp-content-dial-item_name {
    font-size: calc(1em + 2px);
    font-weight: 500
}

.usercp-content-dial-item_desc {
    color: var(--default-light-color);
    font-size: calc(1em - 2px);
	text-align:center;
    transition:250ms ease
}

.usercp-content-dial-item:hover .usercp-content-dial-item_icon,.usercp-content-dial-item:hover .usercp-content-dial-item_desc{
    color:var(--default-link-hover-color);
}

.usercp-content-dial-item:hover .usercp-content-dial-item_icon{
     transform:translateY(-.25rem)
}
		
		
		
		
		
		
		
		
		
		
		