.modcp{
    display:flex;
	margin-left:calc(var(--default-margin) * -1);
	margin-bottom:calc(var(--default-margin) * -1);
}

.modcp > div{
	margin-left:var(--default-margin);
	margin-bottom:var(--default-margin)
}

.modcp-nav{
    flex-basis:20%
}

.modcp-content{
    flex:1;
}



.modcp-nav-inner{
	/*position:sticky;
	top:.5rem;*/
    background:var(--trow-bg);
    border-radius: var(--default-border-radius);
}

.modcp-nav-head{
    padding:var(--default-padding);
    font-weight:500;
    border-bottom:1px solid var(--default-border-color)
}

.modcp-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
}

.modcp-nav-item:last-child .modcp-nav-item-head{
	border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);
}

.modcp-nav-item-head.modcp-nav-item-showprofilehead{
	padding: var(--default-padding);
}

.modcp-nav-item-showprofilebutton{
	flex:1;
	font-size:calc(1em + 1px) !important;
	font-weight:700 !important;
	letter-spacing:.5px;
}

.modcp-nav-item-head i{
    color: #23d2e2;
    font-size: 1rem;
    margin-right: .5rem
}

.modcp-nav-item-head svg{
	fill: #23d2e2;
    width:1.125rem;
	height:1.125rem;
    margin-right: .5rem
}

svg.modcp-nav-item-head-plusicon, svg.modcp-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.modcp-nav-item-head-plusicon, .modcp-nav-item-head.close svg.modcp-nav-item-head-minusicon{
	opacity:0;
	visibility:hidden
}

.modcp-nav-item-head.close svg.modcp-nav-item-head-plusicon{
	opacity:1;
	visibility:visible
}

.modcp-nav-item-head span {
    font-weight: 500
}

.modcp-nav-item-head span {
    font-weight: 500;
    font-size:calc(1em + 1px)
}

.modcp-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
}

.modcp-nav-item-body.close{
    max-height:0!important;
	padding:0 var(--default-padding);
	border-width:0
}

.modcp-nav-item-body-link{
    display:flex;
    align-items:center;
}

.modcp-nav-item-body-link {
    display: flex;
    align-items: center;
    font-weight:500
}

.modcp-nav-item-body-link:not(:last-child) {
    margin-bottom: .75rem;
}

.modcp-nav-item-body-link-icon {
    flex-basis: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.modcp-nav-item-body-link:not(:last-child) .modcp-nav-item-body-link-icon:after {
    content: '';
    position: absolute;
    top: 100%;
    width: 1px;
    height: 1.5rem;
    background: var(--default-border-color)
}

.modcp-nav-item-body-link svg {
    width: .5rem;
    height: .5rem;
    stroke: var(--default-link-color);
}







.modqueue_message {
	overflow: auto;
	max-height: 250px;
}

.modqueue_controls {
	width: 270px;
	float: right;
	text-align: center;
	border: 1px solid #ccc;
	background: #fff;
	padding: 6px;
	font-weight: bold;
}

.modqueue_controls label {
	margin-right: 8px;
}

.label_radio_ignore,
.label_radio_delete,
.label_radio_approve {
	font-weight: bold;
}

.modqueue_meta {
	color: #444;
	font-size: 95%;
	margin-bottom: 8px;
}

.modqueue_mass {
	list-style: none;
	margin: 0;
	width: 150px;
	padding: 0;
}

.modqueue_mass li {
	margin-bottom: 4px;
	padding: 0;
}

.modqueue_mass li a {
	display: block;
	padding: 4px;
	border: 1px solid transparent;
}

.modqueue_mass li a:hover {
	background: #efefef;
	border: 1px solid #ccc;
	text-decoration: none;
}