/*forumdisplay*/

.ipt_forumdisplay{
  display: grid; 
  grid-template-columns: 30% 70%; 
  grid-template-rows: min-content min-content; 
  gap: 0px 0px; 
  grid-template-areas: 
    "fd_scenecharas fd_scenecharas"
    "fd_scenedatetime fd_sceneplace"; 
	margin: 2px;
}
.fd_scenecharas { grid-area: fd_scenecharas; }
.fd_scenedatetime { grid-area: fd_scenedatetime; }
.fd_sceneplace { grid-area: fd_sceneplace; }

/*Showthread*/
.ipt_showthread {  display: grid;
   grid-template-columns: 40% 15% 15% 30%; 
  grid-template-rows: 1fr;
  gap: 5px 2px;
	margin: 0 5px;
  grid-auto-flow: row;
  grid-template-areas:
    "ipt_scenecharas ipt_scenedate ipt_scenetime ipt_sceneplace";
	text-align: center;
}

.ipt_scenecharas { grid-area: ipt_scenecharas; 
	box-sizing: border-box;
	padding: 5px 10px;}

.ipt_scenedate { grid-area: ipt_scenedate;
	box-sizing: border-box;
	padding: 5px 10px; }

.ipt_scenetime { grid-area: ipt_scenetime; 
	box-sizing: border-box;
	padding: 5px 10px;}

.ipt_sceneplace { grid-area: ipt_sceneplace; 
	box-sizing: border-box;
	padding: 5px 10px;}

.scenefacts{
	padding: 5px 0 5px 20px;
}


.scenepiont{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

/*Misc*/

.charaterbox{
	padding: 10px 20px;
	background: #efefef;
}

.scenes {  display: grid;
  grid-template-columns: 20% 60% 20%;
  grid-template-rows: 1fr;
  gap: 5px 5px;
  grid-auto-flow: row;
  grid-template-areas:
    "scenestatus sceneinformation scenelastpost";
	align-items: center;
	margin: 5px 0;
}

.scenestatus { grid-area: scenestatus;
text-align: center;}

.openscene{
	font-weight: bold;
	color: red;
}

.waitscene{
	color: green;	
}

.sceneinformation { grid-area: sceneinformation; }

.scenecharas{
	font-size: 12px;	
}

.scenesmallinfos{
	font-size: 10px;	
}

.scenelastpost { grid-area: scenelastpost; }


/*Profile*/
.profilescenes {  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: max-content 1fr;
  grid-auto-flow: row;
gap: 2px 1px;
  grid-template-areas:
    "activescenestitle closedscenestitle"
    "activescenes closedscenes";
}

.activescenestitle { grid-area: activescenestitle; }

.closedscenestitle { grid-area: closedscenestitle; }

.activescenes { grid-area: activescenes; }

.closedscenes { grid-area: closedscenes; }

.scene{
	padding: 2px 5px;
	margin: 3px auto;
}

.scenecaras{
	font-size: 11px;	
}

.sceneinfos{
	font-size: 9px;	
}

/*Scenereminder*/
.reminder_scenes {  display: grid;
  grid-template-columns: 70% 30%;
  grid-template-rows: 1fr;
  gap: 5px 5px;
  grid-auto-flow: row;
  grid-template-areas:
    "sceneinformation scenelastpost";
	align-items: center;
	margin: 5px 0;
}

.reminder_sceneinformation { grid-area: sceneinformation; }


.reminder_scenelastpost { grid-area: scenelastpost; }
        .inplayquotes-quote { font-family: "georgia", serif; font-size: 22px; letter-spacing: -1px; text-transform: lowercase; text-align: center; }
		.ip-quotes-pop { 
			position: fixed; 
			top: 0; 
			right: 0; 
			bottom: 0; 
			left: 0; 
			background: hsla(0, 0%, 0%, 0.5); 
			z-index: 1; 
			opacity:0; 
			-webkit-transition: .5s ease-in-out; 
			-moz-transition: .5s ease-in-out; 
			transition: .5s ease-in-out; 
			 pointer-events: none; 
		 } 
				
		.ip-quotes-pop:target { 
			opacity:1;
			pointer-events: auto; 
		} 
				
		.ip-quotes-pop > .ip-quotes-popup { 
			background: transparent; 
			width: 450px; 
			position: relative; 
			margin: 10% auto; 
			padding: 25px; 
			z-index: 1; 
		} 
				
		.closepop { 
			 position: absolute; 
			right: -5px; 
			top:-5px; 
			width: 100%; 
			height: 100%; 
			z-index:0; 
		}.messager_icons{
			display: flex;
			align-items: center;
		}
		
		.messager_icons i{
			font-size:16px;
			padding: 0 10px;
		}
		
		.messager_chat{
			display: flex;
			align-items: center;
			width: 80%;
			margin: 5px auto;
			gap: 5px 10px;
		}
		
		.messager_chat > div{
			margin: 3px;	
		}
		
		.messager_pic{
					height:50px;
			width:50px;
			border-radius: 100%;
			margin-right: 10px;
		}
		
		.messager_pic img{
					height:50px;
			width:50px;
			border-radius: 100%;
		}
		
		.messager_lastmessagebox{
			padding: 2px;	
			width: 100%;
		}
		
		.messager_messagename{
			font-weight: bold;
			font-size: 15px;
		}
		
		.messager_messagedate{
			float: right;
			font-size:9px;
		}
		
		
.messager_lastmessage{
	font-size: 11px;	
}

/* Showthread */

.showthread_head{
	display: flex;
	gap: 0 30px;
	align-items: center;
	padding:10px 20px;
}

.showthread_icon{
	display: flex;
	justify-content: center;
	align-items: center;
}

.showthread_icon_single{
	height: 60px;
	width: 60px;
	border-radius: 100%;
}

.showthread_icon_single img{
	height: 60px;
	width: 60px;
	border-radius: 100%;
}

.showthread_name{
	font-size: 20px;
	font-weight: bold;
}

.showthread_icons{
	display: flex;
	justify-content: center;
	align-items: center;
}


.showthread_icon{
	height: 60px;
	width: 60px;
	border-radius: 100%;
	position: relative;
	left: 10px;
}

.showthread_icon img{
	height: 60px;
	width: 60px;
	border-radius: 100%;
}

/* Postbit */
.messager {
	padding: 4px 20px;
}

.message_own {
	display: flex;
	align-items: center;
	flex-direction:row-reverse;
	padding: 20px 30px 20px 20px;
		flex-wrap: wrap;
}

.message_other {
	display: flex;
	align-items: center;
		padding: 20px;
	flex-wrap: wrap;
	
}


.message_account_pic{
	width: 120px;
	height: 120px;
	margin: 20px 10px;
}


.message_account_pic img{
	width: 100px;
	height: 100px;
	border-radius: 100%;
}

.message_own .message_post_body{
	width: 80%;
	border-radius: 20px 0 20px 20px;
	background: #ddd;
	padding: 10px 20px;
  box-sizing: border-box;

}


.message_other .message_post_body{
	width: 80%;
	border-radius: 0 20px 20px 20px ;
	background: #ddd;
	padding: 10px 20px;
  box-sizing: border-box;

}


.message_own .post_head{
	text-align: right;
	font-size: 10px;
	width: 100%;
	display: flex;
	gap: 5px 10px;
	flex-direction: row-reverse;
  margin-bottom: 10px;
}

.message_other .post_head{
	font-size: 10px;
		width: 100%;
	display: flex;
		gap: 5px 10px;
	margin-bottom: 10px;
}

.message_own .message_post_body::before{
	content: "";
	width: 0;
  height: 0;
border-top: 20px solid #ddd;
  border-right: 20px solid transparent;
  position: relative;
top: -10px;
  float: right;
  left: 39px;
}

.message_other .message_post_body::before{
	content: "";
	width: 0;
  height: 0;
border-top: 20px solid #ddd;
  border-left: 20px solid transparent;
  position: relative;
  top: 9px;
  left: -39px;
}

.message_own .message_bottom{
	width: 100%;	
	text-align: right;
	padding: 2px 10px 2px 0;
}
.message_other .message_bottom{
	width: 100%;	
	padding: 2px 0 2px 10px;
}


.message_profile{
	font-size: 14px;
	padding: 2px 5px;
}

.messager_datetime{
	font-size: 8px;
	text-align: right;
}

.message{
	padding: 2px;	
}
/*Forumdisplay*/
.messager_forumdisplay{
	display: flex;
	align-items: center;
	gap: 5px 20px;
}

.messager_forumdisplay_icons{
	width: 120px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.messager_icon{
	height: 60px;
	width: 60px;
	border-radius: 100%;
	position: relative;
	left: 10px;
}

.messager_icon img{
	height: 60px;
	width: 60px;
	border-radius: 100%;
}

.messager_groupicon img{
		height: 80px;
	width:80px;
	border-radius: 100%;
}


.messager_forumdisplay_messager{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.messager_forumdisplay_chat{
	font-size: 20px;
	font-weight: bold;
}

.messager_forumdisplay_lastpost{
	font-size: 10px;
	padding-left: 10px;
	text-transform: uppercase;
}