.bsgcard {
	clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px),calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px);
}

.bsgcardsmall {
	clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px),calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px);
}

.waitingFor {
	
	box-shadow: 0px 0px 20px 17px rgba(255,255,255,0.46), inset 0 0 10px rgba(255,255,255,0.8);
}

.jumppreptrack{
	box-shadow: 0px 0px 5px 5px rgba(4, 174, 241, 0.5), inset 0 0 1px rgba(4, 174, 241, 0.5);
}


.hero-brik{
	width: 3.5%;
	position: absolute;
}


.raptor {
	position:relative;
	z-index:30;
	transform: rotate(20deg)
}

.raptorflame {
	background-color:rgba(255, 255, 255, 0.85);
	
	width:15%;
	height:15%;
	border-radius: 2px;	
	position:absolute;
	left:77%;
	top:36%;
	z-index:20;
}

.raider {
	position:relative;
	z-index:30;
}

.raiderflame1 {
	background-color:rgba(255, 255, 255, 0.85);
	width:10%;
	height:1%;
	border-radius: 2px;	
	position:absolute;
	left:0%;
	top:32%;
#	z-index:20;
	transform: rotate(15deg)
}

.raiderflame2 {
	background-color:rgba(255, 255, 255, 0.85);
	
	width:10%;
	height:1%;
	border-radius: 2px;	
	position:absolute;
	left:15%;
	top:19%;
#	z-index:20;
	transform: rotate(15deg)
}

.heavyraider {
	position:relative;
	z-index:30;
}

.heavyraiderflame1 {
	background-color:rgba(255, 255, 255, 0.85);
	width:10%;
	height:1%;
	border-radius: 2px;	
	position:absolute;
	left:3%;
	top:20%;
	z-index:20;
	transform: rotate(2deg)
}

.heavyraiderflame2 {
	background-color:rgba(255, 255, 255, 0.85);
	
	width:10%;
	height:1%;
	border-radius: 2px;	
	position:absolute;
	left:3.5%;
	top:16.5%;
	z-index:20;
	transform: rotate(2deg)
}


.vipermk2 {
	position:relative;
	z-index:30;
	transform: rotate(20deg)
}

.vipermk2flame {
	background-color:rgba(255, 255, 255, 0.85);
	
	width:10%;
	height:10%;
	border-radius: 2px;	
	position:absolute;
	left:82%;
	top:24%;
	z-index:20;
	
	transform: rotate(-20deg)
}

.vipermk7 {
	position:relative;
	z-index:30;
	transform: rotate(20deg)
}

.vipermk7flame {
	background-color:rgba(255, 255, 255, 0.85);
	
	width:12%;
	height:12%;
	border-radius: 2px;	
	position:absolute;
	left:72%;
	top:21%;
	z-index:20;
	transform: rotate(-20deg)
}


#stardiv {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  
}

.star {
    position: absolute;
    width: 1px;
    height: 1px;
    background:white;
    visibility: hidden;
    opacity: 0;
}

.spacecrafticons{
	height:80%;
	opacity: 0.5;
	
}

.centurionTrack {
	height:6%;
	opacity:0;
	position:absolute;
}

.showInfo {
	z-index:20;
	cursor: pointer;
}

.LaunchStripe{
	width:2%;
	position:absolute;
}

.leftLaunchStripe{
	left:44.0%;
}

.rightLaunchStripe{
	left:53.75%;
}




.postGroup {
	font-size:0.95em;
	width:100%;
	background-color:#F1F1F1;
	margin-bottom:10px;
	border: solid 1px #F1F1F1;
}

.postGroup * {
	
}

.postTop{
	
	display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
	align-items: center;
	flex-direction: row;
	display: flex;
	padding:5px;
	box-sizing: border-box;
}

.postTop *{
    display: table-cell;
}

.postUser{
	width:100px;
}
.postDatestamp{
	width:300px;
}
.postLink{
	width: 100%;

}
.postLink *{
	float:right;
}





.postMiddle{
	
	display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
	
	flex-direction: row;
	display: flex;
	
	box-sizing: border-box;
	
	background-color:#FFF;
}

.postMiddle *:not(.portrait *, .characterCard *, .card *){
    display: table-cell;
	
}


.postPic{
	width:100px;
	background-color:#F1F1F1;
	padding-top:10px;
	padding-bottom:10px;
}

.postMessage{
	font-size:1.1em;
	padding:5px;
	box-sizing: border-box;
	
	width: 100%;
	height:100%;
	display:inline-block;
}



.postMessage span:not(.card *),u,strong {	
	display:inline !important;
}







.postBottom{
	display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
	align-items: center;
	flex-direction: row;
	display: flex;
	padding:5px;
	box-sizing: border-box;
}

.postBottom *{
    display: table-cell;
}

.postBottomLeft{
	width:100px;
}
.postBottomLeft *{
	display:inline;
}
.postBottomRight{
	width: 100%;
}
.postBottomRight *{
	display:inline;
}
.postBottomRight *{
	margin-left: auto; 
	margin-right: 0;
}


@media screen and (orientation:portrait) {
	.postGroup {
		font-size:2em;
	}
	
	.postMessage{
		font-size:1.5em;
		padding:10px;
	}

	.postBottomLeft{
		width:200px;
	}
	
	.postPic{
		width:200px;
		
		padding-top:20px;
		padding-bottom:20px;
	}
	.postUser{
		width:200px;
	}
}




.QuoteAndEdit{
	float:right;
}

.showWindow{
	display:block;
}
.showWindow *:not(.portrait *){
	display:block;
}

.guiRow{
	display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
    padding:0.5%;
	align-items: center;
	flex-direction: row;
	display: flex;
	
}

.guiRow * {
    display: table-cell;
	margin-right:3%;
	font-weight:400;
}

.guiLoadRow{
	display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
    padding:0.5%;
	align-items: center;
	flex-direction: row;
	display: flex;
	
}

.guiLoadRowCell {
    display: table-cell;
	font-weight:400;
	width:50%;
	cursor:pointer;
	padding:0.3%;
	background-color:#FbFbFb;
	color:blue;text-align:center
}

.guiLoadRowCell:hover {
	background-color:#4444FF;
	color:white;

}


.BSGLoading{
	position: fixed;
	top: 40%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	z-index:99999;
  
}

.CharAbilities *{
		display:inline;
}

.infoElement{
	opacity:0;
	
}


/* Fra tailwind: */
.text-blue-500{--tw-text-opacity:1;color:rgba(59,130,246,var(--tw-text-opacity))}
.font-bold{font-weight:700}
.font-normal{font-weight:400}
.text-red-500{--tw-text-opacity:1;color:rgba(239,68,68,var(--tw-text-opacity))}
.flex{display:flex}
.flex-row{flex-direction:row}
.items-center{align-items:center}
.pl-4{padding-left:5%}
.m-auto{margin:auto}
.grid{display:grid}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gap-1{gap:1%}
.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}
#.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.truncate{text-overflow:ellipsis;white-space:nowrap}
.bg-blue-300{--tw-bg-opacity:1;background-color:rgba(147,197,253,var(--tw-bg-opacity))}
.bg-blue-400{--tw-bg-opacity:1;background-color:rgba(96,165,250,var(--tw-bg-opacity))}
.bg-red-400{--tw-bg-opacity:1;background-color:rgba(248,113,113,var(--tw-bg-opacity))}
.bg-black-400{--tw-bg-opacity:1;background-color:rgba(150,150,150,var(--tw-bg-opacity))}
.bg-opacity-40{--tw-bg-opacity:0.4}
.px-3{padding-left:7%;padding-right:7%}
.pt-2{padding-top:5%}
.pb-1{padding-bottom:2%}
.py-2{padding-top:5%;padding-bottom:5%}
.text-red-700{--tw-text-opacity:1;color:rgba(185,28,28,var(--tw-text-opacity))}
/* END fra Tailwind */


.GrayScale{
	-webkit-filter: grayscale(1);
}