.resultKillFeedHolder {
    grid-column-start: left;
    grid-column-end: right;
}

.KFEntry {
    display: grid;
    grid-template-columns:[start]120px [VicInfo] 300px [LocInfo] 115px [FinalInfo] 309px [end];
    grid-template-rows: [start] 65px [end];
    width: 859px;
    height: 0px;
    margin-top: 4px;
    overflow: hidden;
}
    .KFEntry.vis {
        height: 65px;
        transition: height 150ms ease-out;
    }
    .KFEntry.blueKill{
        background-color: #5178b64f;
    }
    .KFEntry.redKill{
        background-color: #c7413231;
    }


.KFVictim{
grid-column-start: VicInfo;
display: grid;
grid-template-columns: [start] 11px [shipPic] 64px [AllPic] 67px [text] 135px;
grid-template-rows: [top] 15px [text1] 10px [text2] 33px 6px[end];
}

.KFLocation{
grid-column-start: LocInfo;
grid-template-rows: [top] 13px [text1] 14px [text2] 35px [end];
display: grid;
}
.KFFinalBlow{
grid-column-start: FinalInfo;
grid-template-columns: [start] 11px [shipPic] 64px [AllPic] 67px [text] 135px;
grid-template-rows: [top] 10px [text1] 23px [text2] 25px 7px [end];
display: grid;
}



.KFImg{
    height: 55px;
}

.KFVicImage {
    grid-row-start: top;
    grid-row-end: end;
    grid-column-start: shipPic;
    align-self: center;
    
}

.KFVicAll {
    grid-row-start: top;
    grid-row-end: end;
    
    grid-column-start: AllPic;
    align-self: center;
    
}

.KFKillerImage {
    grid-row-start: top;
    grid-row-end: end;
    
    grid-column-start: shipPic;
    align-self: center;
    
}

.KFKillerAll {
    grid-row-start: top;
    grid-row-end: end;
    
    grid-column-start: AllPic;
    align-self: center;
    
}

.KFVicInfoName {
    grid-row-start: text1;
  margin-left: 5px;
  grid-column-start: text;
  
  justify-self: left;
  align-self: center;
  text-wrap: nowrap;
}

.KFVicInfoValue {
   
    grid-row-start: text2;
    grid-column-start: text;
    justify-self: right;
    align-self: center;
}
.KFVicInfoRegion{
  grid-row-start:text2;
  
  
  
  justify-self: center;
  align-self: center;
  width:90px
  
}

.KFVicInfoSystem {
    grid-row-start: text1;
  
  
  justify-self: center;
  align-self: center;

}

.KFVicInfoTime {
    grid-column-start: start;
  
  align-self: center;
  

}

.KFKillerInfoName{
grid-row-start: text1;
  justify-self: left;
  grid-column-start: text;
  margin-left: 5px;
  align-self: center;
  text-wrap: nowrap;
}

.KFNumAtt{
  grid-column-start: text;
    grid-row-start: text2;
    justify-self: right;
    align-self: center;
    margin-right: 30px;
    width: 30px;
    height: 18px;
    padding-top: 2px;
    border-radius: 3px;
}
.KFNumAtt.Green{
background-color: rgb(29 89 29 / 31%);
}
.KFNumAtt.Yellow{
background-color: rgb(83 82 15);
}
.KFNumAtt.Orange{
background-color: rgb(165 127 28 / 40%);
}
.KFNumAtt.Red{
  background-color: rgb(163 17 17 / 40%);
  width: 40px;
}
.KFNumAtt.Solo{
  width: 40px;
  background-color: rgb(29 89 29 / 31%);
}




.KFAlliancePic{
    grid-row-start: top;
  grid-row-end: bottom;
  width: 50px;
  align-self: center;
  justify-self: center;
}
.KFAlliancePic.Side0{
    border-style: solid;
  border-width: 1px;
  border-color: #c74232;
}
.KFAlliancePic.Side1{
    border-style: solid;
  border-width: 1px;
  border-color: #5178b6;
  
}
.KFAllianceDiv{
    margin-top: 5px;
  margin-bottom: 5px;
  display: grid;
  grid-template-rows: [top] 19px [title] 0px [killed] 18px [lost] 19px [bottom];
  overflow: visible;
}
.KFAllianceDiv.Side0{
    grid-template-columns: [left] 53px [textstart] 110px [split] 78px [picstart] 80px [right];
}
.KFAllianceDiv.Side1{
    grid-template-columns: [left] 83px [textstart] minmax(112px,max-content) [split] 94px [picstart] 33px [right];
}


.KFPicBlue{
  border-color: #5178b6;
  border-style: solid;
  border-width: 1px;
  
}
.KFPicRed{
  border-color: #c74232;
  border-style: solid;
  border-width: 1px;
  
}

.NavLive{
  grid-column-start: const;
  grid-row-start: button;
  display: grid;
  grid-template-rows: [button]20px[navlight]1px[end];
}



.KFInfo{
  grid-template-columns: [start] 00px [datestart] 120px [dateend] 10px[Victimstart]200px [Victimend]60px[Locationstart]200px[Locationend]60px[FinalBlowstart] 152px [FinalBlowend]59px  [end];
  background-color: #2a3138;
  display: grid;
  height: 29px;
  width: fit-content;
}
.KFInfoDate{
  grid-column-start: datestart;
  align-self: center;
}
.KFInfoVictim{
grid-column-start: Victimstart;
align-self: center;
}
.KFInfoLocation{
grid-column-start: Locationstart;
align-self: center;
}
.KFInfoFinalBlow{
grid-column-start: FinalBlowstart;
align-self: center;
}


.KFIskKilled{
grid-column-start: midleft;
  grid-column-end: midright;
  grid-row-start: totalresultstart;
  grid-row-end: options;
  width: 163px;
  justify-self: center;
}





.popdownMenu.CWTab {
        opacity: 1;
        z-index: 10;
        height: 79px;
        transition: height 0.1s ease-out,opacity 0.05s linear;
    }





.BattleMainGrid{
  grid-template-columns: [start] 10px [genInfoStart]250px [genInfoEnd] 20px [side0InfoStart] 250px [side0InfoEnd] 20px [side1InfoStart]250px[side1InfoEnd]20px [End];
  display: grid;
  height: 130px;
  width: 800px;
  border-style: solid;
  border-width: 1px;
  border-color: #4f4e4e;
  margin-top: 3px;
}.Battle0win {
  background-color: #5178b64f;
}

.Battle1win {
  background-color: #c7413231;
}

.BattleGenInfo {
  grid-column-start: genInfoStart;
  grid-column-end: genInfoEnd;
  display: grid;
  grid-template-rows:5px [date]18px 3px [loc]18px 6px [isk]25px 1px [losses]18px 5px [url]20px 5px;
}
.BattleGenInfoLoc{
grid-row-start: loc;
}
.BattleGenInfoDate{
grid-row-start: date;
}
.BattleGenInfoISK{
grid-row-start: isk;
}
.BattleGenInfoLosses{
grid-row-start: losses;
}
.BattleGenInfoURL{
grid-row-start: url;
text-wrap: nowrap;
}



.BattleSide0{
  grid-column-start: side0InfoStart;
  grid-column-end: side0InfoEnd;
  display: grid;
  grid-template-rows:14px [img] 59px 6px [isk] 18px 3px [killed] 19px 3px;
}

.BattleSide1{
  grid-column-start: side1InfoStart;
  grid-column-end: side1InfoEnd;
  display: grid;
  grid-template-rows:14px [img] 59px 6px [isk] 18px 3px [killed] 19px 3px;
}


.BattleSideImg{
  grid-row-start: img;  
  justify-self: center;
  height: 55px;
}

.BattleSideISK{
  grid-row-start: isk;
}
.BattleSideKilled{
  grid-row-start: killed;
}


.alliancesSide0ResultsCW{
grid-column-start: left;
    justify-self:center;
    grid-row-end: alliancestart;
    align-self: center;
    display: grid;
    width: max-content;
    height: 68px;
    overflow: hidden;
    margin-left: 12px;
}
.alliancesSide0ResultsCW.Open{
height: auto;
}
.alliancesSide1ResultsCW{
grid-column-start: midright;
    justify-self:center;
    grid-row-end: alliancestart;
    align-self: center;
    display: grid;
    width: max-content;
    overflow: hidden;
    height: 68px;
}
.alliancesSide1ResultsCW.Open{
height: auto;
}

.gridResultsPageCW {
  grid-template-columns: [left] 48.5% [midleft] 3% [midright] 48.5%[right];
  grid-template-rows: [top]max-content [alliancestart]max-content [expand]20px[totalresultstart] max-content 12px [options] max-content [middle] max-content [midend] max-content [end];
  display: grid;
}
.expandButton0{
  grid-column-start: left;
  grid-column-end: midleft;
  grid-row-end: totalresultstart;
  justify-self: center;
  height: 20px;
  width: 300px;
}
.expandButton1{
  grid-column-start: midright;
  grid-column-end: right;
  grid-row-end: totalresultstart;
   justify-self: center;
   height: 20px;
   width: 300px;
}

.gridResultsPageCW {
  grid-template-columns: [left] 48.5% [midleft] 3% [midright] 48.5%[right];
  grid-template-rows: [top]max-content [alliancestart]max-content 40px[totalresultstart] max-content 12px [options] max-content [middle] max-content [midend] max-content [end];
  display: grid;
}

.ResultswindowResultsCW{
  grid-column-start: left;
  grid-column-end: right;
  grid-row: midend;
  overflow: auto;
    overflow-x: auto;
  width: 99%;
  height: auto;
  margin-bottom: 10px;
  justify-self: center;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: [left] 47.5% [midleft] 5% [midright] 47.5% [right];
  grid-template-rows: [top] max-content [startkills] max-content[more]3px[end];
}

.ResultswindowResultsBattlesCW {
  grid-column-start: left;
  grid-column-end: right;
  grid-row: midend;
  overflow: auto;
    overflow-x: auto;
  width: 99%;
  height: auto;
  margin-bottom: 10px;
  justify-self: center;
  overflow-x: hidden;
}

.Side1InfoOffset{
margin-right: 50px;
}
.Side0InfoOffset{
  margin-left: 50px;
}


@media only screen and (max-width:870px) {
    .KFEntry {
  display: grid;
  grid-template-columns:[start]auto [VicInfo] auto [LocInfo] auto [FinalInfo] auto [end];;
    grid-template-rows: [start] 65px [end];
  width: auto;
  height: 0px;
  margin-top: 4px;
  overflow: hidden;
}
.KFVictim{
 grid-template-columns:  [start] 2px [shipPic] 48px [AllPic] 49px [text] 129px;
}
.KFFinalBlow{
   grid-template-columns:  [start] 2px [shipPic] 48px [AllPic] 49px [text] 129px;

}
.KFPicRed {
  border-color: #c74232;
  border-style: solid;
  border-width: 1px;
  height: 43px;
}
.KFPicBlue {
  border-color: #5178b6;
  border-style: solid;
  border-width: 1px;
  height: 43px;
}
.KFInfo{
  grid-template-columns: [start] 00px [datestart] 15% 10%[Victimstart]12% 12%[Locationstart]20% 5%[FinalBlowstart] 20% 11px [end];
min-width: 211%;
}
.BattleMainGrid{
  
  grid-template-columns: [start]1% [genInfoStart]30% [genInfoEnd] 3% [side0InfoStart] 30% [side0InfoEnd] 3% [side1InfoStart]30%[side1InfoEnd]3% [End];
  
  width: unset;
  
}
}



@media only screen and (max-width:770px){

}
@media only screen and (max-width:674px){

  .KFAllianceDiv {
  
  grid-template-rows: [top] 55px [name] 20px [killed] 18px [lost] 19px [bottom];
  }
  .KFAllianceDiv.Side0 {
  grid-template-columns: [left] 57% [split] 43% [right];
}
.KFAllianceDiv.Side1 {
  grid-template-columns: [left] 57% [split] 43% [right];
}
.alliancesSide1ResultsCW {
  height: 120px;
}
.alliancesSide0ResultsCW {
  height: 120px;
  margin-left: unset;
  width: 236px;
}
.KFAlliancePic{
  grid-column-start: left;
  grid-column-end: right;
  grid-row-end: unset;
}

.Side1InfoOffset{
margin-right: unset;
margin-left: 28px;
}
.Side0InfoOffset{
  margin-left: unset;
  margin-right: 28px;
}
.expandButton0{

  width: 190px;
}
.expandButton1{
  
  width: 190px;
}

.BattleSide0 {
  
 
  grid-template-rows: 5px [img] 50px 6px [isk] 29px 5px [killed] 19px 3px;
}
.BattleSide1 {
  
 
  grid-template-rows: 5px [img] 50px 6px [isk] 29px 5px [killed] 19px 3px;
}
}

@media only screen and (max-width:612px) {
.KFInfo {
grid-template-columns: [start] 00px [datestart] 15% 5%[Victimstart]25% 2%[Locationstart]23% 5%[FinalBlowstart] 19% 11px [end];  
background-color: #2a3138;
  display: grid;
  height: 29px;
  width: fit-content;
}

     .KFEntry {
    display: grid;
    grid-template-columns: [start]90px[VicInfo] auto 10px[LocInfo] auto 10px[FinalInfo]auto 00px[end];
    grid-template-rows: [start] 80px [end];
    width: auto;
    height: 0px;
    margin-top: 4px;
    overflow: hidden;
  }

  .KFVictim {
        grid-template-columns: [left] 100px [right];
        grid-template-rows: [top] 3px [img] 44px [text1] 15px [text2] 21px [end];
    }
    .KFFinalBlow {
        grid-template-columns: [left] 100px [right];
        grid-template-rows: [top] 3px [img] 44px [text1] 15px [text2] 21px [end];
    }
    .KFLocation{
      grid-template-rows: [top] 21px [text1] 21px [text2] 25px 17px [end];
    }
  
.KFVicImage {
    grid-row-start: img;
    grid-column-start: left;
    justify-self: center;
    margin-right:42px;
    grid-row-end: unset;
}
.KFVicAll {
    grid-row-start: img;
    justify-self: center;
    margin-left: 42px;
    grid-column-start: left;
    grid-row-end: unset;
    
}
.KFKillerImage {
    grid-row-start: img;
    justify-self: center;
    margin-right:42px;
    grid-column-start: left;
    grid-row-end: unset;

}.KFKillerAll {
    grid-row-start: img;
    justify-self: center;
    margin-left: 42px;
    grid-column-start: left;
    grid-row-end: unset;

}
.KFVicInfoName {
   grid-row-start: text1;
    margin-left: 5px;
    grid-column-start: left;
    justify-self: center;
    align-self: center;
    text-wrap: nowrap;
    max-width: 104px;
    overflow: clip;
}

.KFVicInfoValue {
   grid-column-start: text2;
    justify-self: center;
    align-self: center;
    max-width: 85px;
    overflow: visible;
    text-wrap: nowrap;
    grid-column-start: left;
}


.KFVicInfoTime {
    grid-column-start: start;
  
  align-self: center;
  

}

.KFKillerInfoName{
grid-row-start: text1;
    justify-self: center;
    margin-left: 5px;
    align-self: center;
    text-wrap: nowrap;
    max-width: 116px;
    overflow: clip;
    grid-column-start: left;
}

.KFNumAtt{
    grid-row-start: text2;
    justify-self: center;
    align-self: center;
    margin-right: 0px;
    width: 30px;
    height: 18px;
    padding-top: 2px;
    border-radius: 3px;
    grid-column-start: left;
}
.KFImg {
  height: 38px;
}
.KFEntry.vis {
  height: 85;
  
}
}
@media only screen and (max-width:430px){

.KFInfo {
grid-template-columns: [start] 00px [datestart] 25% 5%[Victimstart]21% 2%[Locationstart]20% 2%[FinalBlowstart] 20% 0px [end];    
  }

    .expandButton0{
font-size: 11px;
width: 150px;
    }
    .expandButton1{
font-size: 11px;
width: 150px;
    }
}