/*OWN CSS */
.hidden_custom_field {
	display:none;
}

/*NAVIGATION*/

.usercp-nav ul {
	 list-style: none;
	 padding-left: 0;
	 margin-top: 10px;
	 margin-bottom: 0;
}
 .usercp-nav {
	width: 100%;
margin: 20px auto;
color: var(--bright);
	 text-align:center;
}
 .usercp-nav a {
	 display: block;
	 padding: 0 16px;
	 line-height: inherit;
	 cursor: pointer;
}
 .usercp-nav__menu {
	 font-weight: 700;
	 text-transform: uppercase;
}
 .usercp-nav__menu-item {
	     display: inline-block;
    position: relative;
    margin: 0 5px;
    padding: 10px 0px;
    background-color: var(--blue);
}
 .usercp-nav__menu-item:hover {
	 background-color: var(--red);
}
 .usercp-nav__menu-item:hover .usercp-nav__submenu {
	 display: block;
}
 .usercp-nav__submenu {
	 font-weight: 300;
	 text-transform: none;
	 display: none;
	 position: absolute;
	width: 200px;
background-color: var(--red);
	 margin-top: 10px;
}
 .usercp-nav__submenu-item:hover {
	 background: rgba(0, 0, 0, 0.1);
}

.usercp-nav__submenu-item {
	margin: 2px;
padding: 5px 10px;
}

.ucp_head {
    color: #ffffff;
    border-bottom: 5px solid var(--blue);
    border-top: 5px solid var(--blue);
    padding: 8px;
}

.ucp_gridbox {
	margin-top: 20px;
	display: grid;
	width: 100%;
	grid-template-columns: 33% 33% 33%;
	grid-template-rows: 150px 150px 350px auto;
	justify-items: center;
	align-items: start;
	align-content: space-between;
}

.ucp_pn {
	grid-column: 1;
grid-row: 1 / 3;
width: 90%;
height: 80%;
background: #000;
border-bottom: 5px solid var(--red);
border-top: 5px solid var(--red);
padding: 10px;
}

.ucp_alert {
	grid-column: 2;
	grid-row: 1;
	width: 90%;
	height: 80%;
	padding: 10px;
	background: #000;
	border-bottom: 5px solid var(--red);
border-top: 5px solid var(--red);
}

.ucp_profile {
	grid-column: 3;
	grid-row: 3;
	width: 90%;
	height: 80%;
	background: #000;
	padding: 10px;
	border-bottom: 5px solid var(--red);
border-top: 5px solid var(--red);
	align-self: end;
	margin-bottom: 20px;
}

.ucp_setting {
	grid-column: 1;
	grid-row: 3;
	width: 90%;
	height: 80%;
	background: #000;
	padding: 10px;
	border-bottom: 5px solid var(--red);
border-top: 5px solid var(--red);
	align-self: end;
	margin-bottom: 20px;
}

.ucp_stats {
	grid-column: 2;
	grid-row: 2 / 4;
	width: 90%;
	height: 80%;
	background: #000;
	padding: 10px;
	border-bottom: 5px solid var(--red);
border-top: 5px solid var(--red);
	align-self: end;
	margin-bottom: 20px;
}

.ucp_abo {
	grid-column: 3;
	grid-row: 1 /3;
	width: 90%;
	height: 80%;
	background: #000;
	padding: 10px;
	border-bottom: 5px solid var(--red);
border-top: 5px solid var(--red);
}

.ucp_sonst {
	grid-column: 1 / 4;
	grid-row: 4;
	width: 100%;
	height: 100%;
	background: #000;
	border-bottom: 5px solid var(--red);
border-top: 5px solid var(--red);
}

.ucp_headline{
	font-size: 20px;
	font-family: var(--mainfont);
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

.ucp_link{
	width: 90%;
	padding: 5px;
	background-color: var(--blue);
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.ucp_username {
	font-size: 25px;
	font-family: var(--serif);
}


/*MYBB CSS*/
.usercp_nav_item {
	display: block;
	padding: 1px 0 1px 23px;
	background-image: url(../../../images/usercp_sprite.png);
	background-repeat: no-repeat;
}

.usercp_nav_composepm {
	background-position: 0 0;
}

.usercp_nav_pmfolder {
	background-position: 0 -20px;
}

.usercp_nav_sub_pmfolder {
	padding-left: 40px;
	background-position: 0 -40px;
}

.usercp_nav_trash_pmfolder {
	padding-left: 40px;
	background-position: 0 -60px;
}

.usercp_nav_pmtracking {
	background-position: 0 -80px;
}

.usercp_nav_pmfolders {
	background-position: 0 -100px;
}

.usercp_nav_profile {
	background-position: 0 -120px;
}

.usercp_nav_email {
	padding-left: 40px;
	background-position: 0 -140px;
}

.usercp_nav_password {
	padding-left: 40px;
	background-position: 0 -160px;
}

.usercp_nav_username {
	padding-left: 40px;
	background-position: 0 -180px;
}

.usercp_nav_editsig {
	padding-left: 40px;
	background-position: 0 -200px;
}

.usercp_nav_avatar {
	padding-left: 40px;
	background-position: 0 -220px;
}

.usercp_nav_options {
	background-position: 0 -240px;
}

.usercp_nav_usergroups {
	background-position: 0 -260px;
}

.usercp_nav_editlists {
	background-position: 0 -280px;
}

.usercp_nav_attachments {
	background-position: 0 -300px;
}

.usercp_nav_drafts {
	background-position: 0 -320px;
}

.usercp_nav_subscriptions {
	background-position: 0 -340px;
}

.usercp_nav_fsubscriptions {
	background-position: 0 -360px;
}

.usercp_nav_viewprofile {
	background-position: 0 -380px;
}

.usercp_nav_home {
	background-position: 0 -400px;
}

.usercp_notepad {
	width: 99%;
}

.usercp_container {
	margin: 5px;
	padding: 8px;
	border:1px solid #CCCCCC;
}

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

.pmspace_container {
	background: #fff;
	border: 1px solid #ccc;
	width: 100px;
	display: inline-block;
}

.pmspace_used {
	display: inline-block;
	color: #fff;
	margin: -1px;
}

.pmspace_used.low {
	border: 1px solid #0c5a01;
	background: #167203;
}

.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: bold;
}