.wiki_navi{
		display: flex;
		flex-direction: column;
		justify-content: center;
}

.wiki_nav_cat{
	text-align: center;
	font-weight: bold;
}

.wiki_entry{
	margin: 5px;	
}

.wiki_entry::before{
		content: "» ";
	padding-right: 2px;	
}

/*Main*/
.wiki_title{
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	margin: 20px 10px 15px 10px;
}

.wiki_textbox{
	margin: 10px 20px;	
}

/*modcp*/
.wiki_modcp_entry{
	padding: 5px;
	text-align: justify;
	max-height: 500px;
	overflow: auto;
}
        /*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; }
        .joblist{
	display: flex;
}

/* Style the tab */
.tab {
  overflow: hidden;
	display: flex;
	 flex-flow: column wrap;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
	box-sizing: border-box;
	width: 100%;
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.joblist_infotext{
	margin: 20px;
	text-align: justify;
	font-size: 13px;
}



.joblist_job_flex{
	display: flex;
	flex-flow: row wrap;
}

.joblist_job_flex > div{
	margin: 5px;	
}

.joblist_job{
	width: 33%;
}

.joblist_job_top{
	background: #efefef;
  color: #333;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  padding: 5px;
	box-sizing: border-box;
	text-align: center;
}

.joblist_job_desc{
	height: 100px;
	overflow: auto;
	padding: 2px 5px;
	box-sizing: border-box;
	text-align: justify;
}

.joblist_job_staff_top{
	text-align: center;	
}

.joblist_job_staff{
	padding: 10px;
	box-sizing: border-box;
	max-height: 100px;
	overflow: auto;
}

	.joblist_staff{
	padding: 2px 5px;		
}

.joblist_staff::before{
		content: "» ";
	padding-right: 2px;
}

.joblist_otherinfos{
	padding: 10px 20px;	
}