.tag_owner {
 
    color: white;
    font-size: 21px;
    font-family: 'Inter';
    font-weight: 900;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    text-shadow: 0px 0px 2px black
}
 
intel .tag_owner{
 
   font-family: 'Inter';
    font-size: 18px;
    font-weight: bold;
    color:white;
}
 .interactiveTags .tag_owner{
 
    font-family: 'Inter';
        font-size: 9px;
    font-weight: bold;
    color:#7a5e5e;
    position: absolute;
    top: 13px;
    left: 14px;
    width: 100%;
}
 
.tag_date {
    color:white;
    font-size: 13px;
    font-family: 'Inter';
    font-weight: 900;
}
 

 .up {
  position: fixed;
  right:25px;
  bottom:45px;     z-index:02;
  display:none;
 }
 
 .down {
  position: fixed;
  right:25px;
  bottom:15px;
     z-index:02;
       display:none;
 }
 
 
 .linkTagsMini {
  
    border-radius: 6px;
    position: absolute;
    z-index: 9491;
    top: 10px;
    height: 25px;
    right: 15px;
    transition: all 0.4s ease;
    cursor: pointer;
  
 }
 
  
 .linkTagsMini {
  
    border-radius: 6px;
    position: absolute;
    z-index: 9491;
    top: 10px;
    height: 25px;
    right: 15px;
    transition: all 0.4s ease;
    cursor: pointer;
  
 }
 
  .viewReplies{
  
    border-radius: 6px;
    position: absolute;
    z-index: 9491;
    top: 10px;
    height: 25px;
    right: 0px;
    transition: all 0.4s ease;
    cursor: pointer;
  
 }
 
 
 .replyLinks, .replyDirect {
   
    position: absolute;
    cursor: pointer;
   top: 40px;
    left: -13px;
    padding:4px;
    width:30px;
    height: 30px;
      border-top-left-radius: 0x;
    border-bottom-right-radius: 8px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    z-index: 1500;
    background:#000;
    border :1px solid #4F4F4F;
      	transition: all 0.4s ease;
     transform:rotate(0deg);
  
 }
 .replyDirect {
   
    
    background: #000;
    top: 85px;
   
 }
  .replyLinks:hover  {
     border-top-left-radius: 8px;
     border-bottom-right-radius:18px;
         background:#262626;
         transform:rotate(5deg);
  }
  .replyDirect:hover {
   order-top-left-radius: 8px;
     border-bottom-right-radius:18px;
         background:#97C637;
            transform:rotate(5deg);
  }
  
 .removeTag {
   
    
    position: absolute;
    cursor: pointer;
    top: 0px;
    right: 0px;
    padding:4px;
    width: 20px;
    height: 20px;
    border-bottom-left-radius: 5px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    z-index: 1500;
 
    background:#000;
    border :1px solid #4F4F4F;
      	transition: all 0.4s ease;
 }
  .removeTag:hover {
     position: absolute;
    cursor: pointer;
    top: 0px;
    right: 0px;
    padding:4px;
     
    border-bottom-left-radius: 5px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    z-index: 1500;
    background:#751C1C;
    border :1px solid #ED0707;
      	transition: all 0.4s ease;
    width: 25px;
    height: 25px;
    border-bottom-left-radius: 15px;
  }
 .commentary {
  
    position: absolute;
    cursor: pointer;
    bottom: 10px;
    background: #0000006e;
    right: 51px;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    z-index: 1500;
      	transition: all 0.4s ease;
      transform :scale(1.00) rotateX(0deg);
 }
 
 .commentary:hover {
  
   background: #497C93;
  transform :scale(1.1) rotate(-34deg);
  
 }
 
 .promote {
  
    position: absolute;
    cursor: pointer;
 
    padding:4px;
    width:20px;
    height: 20px;
        right:14px;
    bottom: 15px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    z-index: 1500;
    background:#000;
 	transition: all 0.4s ease;
      
  
 }
 
 .promote:hover {
  
   bottom: 14px;
 }
 .demote:hover {
  
   bottom: 5px;
 }
  .promote img, .demote img{
   
   height:100%;
   width:100%;
  }
  
  .promotions{
  
    position: absolute;
    cursor: pointer;
    bottom: -60px;
    left: 30px;
    color:#b7cd9f;
    padding: 2px;
    font-size: 7px;
    font-family: 'Inter';
    height: 20px;
    display: inline-flex;
    text-align: right;
    flex-wrap: wrap;
    align-content: center;
    z-index: 1500;
    background: #000;
    transition: all 0.4s ease;
    padding-left:15px;
     padding-right:15px;
         border-bottom-right-radius:5px;
 }
 
 .demote {
  
    position: absolute;
    cursor: pointer;

     bottom:8px;
    right: -13px;
     
    padding:4px;
    width:20px;
    height: 20px;
 
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    z-index: 1500;
    background:#000;
 	transition: all 0.4s ease;
      
  
 }
 
 
 
  .demotions{
  
      position: absolute;
    cursor: pointer;
    bottom: -60px;
    right: 21px;
      color:#e58b8b;
    padding: 2px;
    font-size: 7px;
    font-family: 'Inter';
    height: 20px;
    padding-left:15px;
     padding-right:15px;
    display: inline-flex;
    text-align: right;
    flex-wrap: wrap;
    align-content: center;
    z-index: 1500;
    background: #000;
    transition: all 0.4s ease;
      border-bottom-right-radius:5px;
  
 }
 
 /* Visual Shut Off */
 
  .opDisplay {
    display:none;
   }
   
 
   .promotions, .demotions{
    display:none;
   }
   
   
 .linkTags {
  
  position: fixed;
  z-index:06;
 top: 165px;
 height: 50px;
    left: 25px;
  	transition: all 0.4s ease;
   cursor: pointer;
       left: 12px;
 }
  .linkTags:hover,.getHelp:hover,.accessPAR:hover {
   
   transform:scale(1.1);
  }
  
 .alterwallRESET{
  
     position: fixed;
    z-index: 15;
    /* top: 258px; */
    transition: all 0.2s ease;
    cursor: pointer;
     
    height: 27px;
    /* top: 9px; */
    /* left: 12px; */
    right: 412px;
    bottom: 69px;
    opacity : 0.8;
 }
 
  .alterwallRESET:hover{
      opacity : 1;
  }
 .alterwallOUT {
  
     position: fixed;
    z-index: 15;
    /* top: 258px; */
    transition: all 0.2s ease;
    cursor: pointer;
    height: 27px;
    /* top: 9px; */
    /* left: 12px; */
    right: 412px;
    bottom: 100px;
     opacity : 0.8;
 }
 
  .alterwallOUT:hover{
      opacity : 1;
  }
 .alterwallIN {
  
     position: fixed;
    z-index: 15;
    /* top: 258px; */
    transition: all 0.2s ease;
    cursor: pointer;
    height: 27px;
    /* top: 9px; */
    /* left: 12px; */
    right:412px;
    bottom: 130px;
         opacity : 0.8;
 }
   .alterwallIN:hover{
      opacity : 1;
  }
 
.container {
     margin-top: 12px;
 position: relative;
 height:100vh;
 width:100%;
}
     .getHelp {
   position: fixed;
    z-index: 15;
    /* top: 258px; */
    transition: all 0.2s ease;
    cursor: pointer;
    height: 30px;
    /* top: 9px; */
    /* left: 12px; */
    right:15px;
    bottom: 10px;
    opacity:0.8;
 }
 
 .getHelp:hover {
   opacity:1;
  
 }
 
 .navTags_title {
  
     font-family: 'Inter';
    font-weight: 200;
    font-size: 24px;
    position: fixed;
    z-index: 07;
    right: 10px;
    top: 112px;
    color: white;

 }
 
 .no-tags {
  
  width:500px;
  padding:50px;
  margin-top:100px;
  font-size:28px;
     font-family: 'Inter';
    font-weight: 900;
    color:white;
    background:black;
    text-align: center;
    cursor:pointer;
 }
 
 a {
  
  color:white;
  text-decoration:none; 
 }
 
 /* Interaction Containers */
 
 .interactiveTags {
  
  position: absolute;
  bottom:0px;
  height: 0px;
  background:black;
  left:0px;
  width:100%;
  overflow:hidden;
  
 }
 
 .leftPane {
    position: absolute;
    left: -850px;
      width: 810px;
 
    z-index: 25;
    height: 100vh;
    overflow: hidden;
    padding: 15px;
    padding-top: 0px;
    border-top-right-radius: 15px;
   
    

 }
 
 .rightPane {
  
    position: absolute;
    right: -377px;
    width: 377px;
    background: #fff;
    z-index: 04;
    height: 37.4vw;
    overflow: hidden;
    padding: 15px;
    padding-top: 99px;
    /* border-bottom-left-radius: 50px; */

 }
 
 .rightPane .title {
  
    font-family: "Fjalla One", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-weight: bold;
    color: #f6f6f6;
    font-size: 24px;
  
 }
  .rightPane .user {
font-family: "Fjalla One", sans-serif;
    font-weight: 400;
    position: absolute;
    font-style: normal;
    font-weight: bold;
    color: #717171;
    font-size: 14px;
    top: 139px;
    right: 18px;
    width: 180px;
    text-align: right;
  
  cursor:pointer;
 }
 
   .rightPane .user:hover {
     color: #C4C4C4;
   }
  .rightPane .subtitle {
   
    color: #f6f6f6;
    font-size: 24px;
    font-weight:200;
    font-family:'Inter';
  }
  
   .expandtheLeftpane{
  position: absolute;
    top: 90px;
    right: -15px;
    height: 44px;
    cursor: pointer;
    z-index:36;
        transition: all 0.4s ease;
}
   .expandthepane{
  
}
    
   .expandthepane:hover{
 
        
}

  
            .ui-tooltip {
    padding: 10px 20px;
    color: #fefefe;
    background: #0e0e0e;
    border : 1px solid hite;
    border-radius: 5px;
    font: bold 12px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    position: absolute;
    z-index:9555;
    box-shadow: 0 0 1px black;
  }
   
   body {
    
 
   }
   
   .paneDivider {
    
        border-color: #4c4c4c;

   }
   
 
   .pulse_container {
    
    position: relative;
   }

 
 
 /* Migrate to css on completion */
    .commentary_view {
          width:100%;
          height:100%;
     
      width:94%;
    height: 100%;
    background:#000000ba;
    position: absolute;
    top: 0px;
    left: 0px;
    padding:10px;
    display:none;
    transform:rotateY(180deg);
     
    }
    .comments {
     width:100%;

     padding:0px;
     overflow-x:hidden;
     overflow-y:scroll;
     height:200px;
    }
    
    .comments {

  &::-webkit-scrollbar {
   width: 5px;
   background:black;
   
  }

  &::-webkit-scrollbar-thumb {
   background-color: rgba(255,255,255,.4);
   border-radius: 3px;

   &:hover {
    background: rgba(255,255,255,.7);
   }
  }
}
    
 .acomment {
      font-size: 13px;
    color: #f3f3f3;
    position: relative;
    width: 100%;
    padding: 5px;
    padding-top: 4px;
    padding-bottom: 1px;
    border-bottom: 1px dashed #555;
    font-family: 'Inter';
    transition: all 0.4s ease;
    background: #0c0c0c00;
    
 }
       .acomment:hover {
     background: #0c0c0ca8;
     
       }
    .leave_acomment {
    color: #cccccc;
    padding: 13px;
    font-size: 13px;
    width: 100%;
    background: #0e0e0ebd;
    position: absolute;
    z-index: 05;
    left: 0px;
    bottom: -14px;
    transform: rotateY(180deg);
    display:none;
    }
    
    /* Comment Options */
    .options {
     
        display: none;
    position: absolute;
    right: 10px;
    top: 1px;
    padding: 2px;
    border: 1px solid white;
    background: Black;
    border-radius: 2px;
       transition: all 0.2s ease;
    }
    .delete {
         transition: all 0.8s ease;
      transform:scale(1.0);
       cursor: pointer;
    }
    
    .delete:hover {
        transform:scale(1.5);
       
       }
       
       .comment_author {
        
        position: absolute;
    right: 15px;
    bottom: -1px;
    color: #736969;
    font-size: 9px;
       }
       
       
       /* right side additionl 0.92 componet */
       
       .latest_tag {
        
         
      position: absolute;
    bottom: 279px;
    right:18px;
    z-index: 09;
    cursor: pointer;
       }
       
       .r_pane_recenttag {
         width: 168px;
    border-radius: 10px;
    border-right: 1px solid white;
   
   filter: grayscale(0)  brightness(1.2);
    box-shadow: 2px 2px 15px black;
            	transition: all 0.6s ease;
       }
          .r_pane_recenttag:hover {
               filter: grayscale(0)  brightness(1.5);
          }
              
       .lc {
     position: absolute;
    bottom: 229px;
    right: 132px;
    z-index: 19;
    color: #f6f6f6;
    font-weight: 400;
    font-family: 'Inter';
    font-size: 16px;
    font-size: 24px;
    width: 241px;
    font-weight: 200;
    font-family: 'Inter';
       }
       
       .lt {
          
        position: absolute;
    bottom: 397px;
    right:-86px;
    font-size: 24px;
    width: 241px;
    font-weight: 200;
    font-family: 'Inter';
    z-index: 15;
       }
       
     .latest_comments {      
  &::-webkit-scrollbar {
   width: 1px;
   background:black;
   
  }

  &::-webkit-scrollbar-thumb {
   background-color: rgba(255,255,255,.4);
   border-radius: 3px;

   &:hover {
    background: rgba(255,255,255,.7);
   }
  }
  
     }
     
     
     .latest_comments {
    
    
    position: absolute;
    cursor: pointer;
    bottom: 52px;
    background: #fffffff7;
    padding: 5px;
    right: 19px;
    height: 177px;
    width: 360px;
    border-radius: 15px;
    border-left: solid 1px white;
    overflow: hidden;
    overflow-y: scroll;
}
       
       
       
       
       .lc_comment {
      
        margin:2px;
        border-bottom:1px solid #141414;
        padding:5px;
           font-size:14px;
             color: white;
             font-family:'Inter';
             cursor: pointer;
       }
        .lc_comment:hover {
         background: #00000080;
        }
       .lc_comment_author {
        
        color: #979797;
    font-family: monospace;
    font-size: 12px;
    position: relative;
    z-index:09;
       }
       
       #dadpun-inform {
 position: fixed;
    top: auto;
    bottom: 55px;
    right: 80px;
    cursor: pointer;
    z-index: 99999;
    padding: 20px;
    background: #FFF;
    font-size: 17px;
    text-align: center;
    box-shadow: 0px 0px 2px 2px #FFF;
    color: rgba(0, 0, 0, 0.8);
    width: 500px;
    /* display: none; */
    font-family: 'Inter';
}

navTags {
 display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    width: 380px;
 padding:10px;
 
}

.tagsearch, .hashsearch {
    display: block;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Inter';
    color: white;
    transition: all 0.4s ease;
    margin-left: 25px;
 	transition: all 0.4s ease;
  margin: 1px;
    padding: 8px;
}


.tagsearch:hover, .hashsearch:hover {
 display:block;
 cursor: pointer;
 font-size:20px;
 font-weight:bold;
 font-family:'Inter';
 color:red;
 
}

 
 .rightPane {
    position: absolute;
    right: -377px;

    background: #fff;
    z-index: 23;
    height: 39.4vw;
    overflow: hidden;
    padding: 15px;
    padding-top: 99px;
    border-style:solid;
  height:530px;
    /* border-bottom-left-radius: 50px; */
}

.rightPane .title {
    font-family: "Fjalla One", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-weight: bold;
    color: #3e3e3e;
    font-size: 24px;
}

  .tagsearch, .hashsearch {
 color: #274569;
    border: 1px dashed #929292;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 8px;
    background: #fcfcfc;
  }
  
    .tagsearch:hover, .hashsearch:hover {
   font-size:14px;
 padding:8px;
   border:1px dashed black;
   border-top-right-radius:0px;
   border-bottom-left-radius:0px;
     border-top-left-radius:15px;
   border-bottom-right-radius:15px;
  }
  
.rightPane .subtitle {
    color: #de8827;
    font-size: 24px;
    font-weight: 200;
    font-family: 'Inter';
}


 .latest_tag {
 width: 288px;
    border-radius: 11px;
    border-right: 1px solid white;
    filter: grayscale(0) brightness(1.2);
    box-shadow: 0px 0px 0px;
    transition: all 0.6s ease;
    position: absolute;
    left: 21px;
    top: 67px;
    height: 50px;
}
 
 
.latest_tag_stat {
      position: absolute;
    bottom: auto;
    right: 16px;
    z-index: 26;
    cursor: pointer;
    height: 170px;
    top: 118px;
    border: 3px solid #dddddd;
    border-radius: 25px;
}

.r_pane_recenttag {
    width: 168px;
    border-radius: 10px;
    border-right: 1px solid white;
    filter: grayscale(0) brightness(1.2);
    box-shadow: 2px 2px 15px black;
    transition: all 0.6s ease;
}
 
 
 
.latest_comments {
    position: absolute;
    cursor: pointer;
    bottom: 34px;
    background: #fff8f8f7;
    padding: 5px;
    left: -9px;
    height: 202px;
    width: 254px;
    border-radius: 9px;
    border-left: solid 10px #000000;
    overflow: hidden;
    overflow-y: scroll;
}

.lc_comment {
 
    margin: 2px;
    border-bottom: 1px solid #C9C9C9;
    padding: 5px;
    font-size: 12px;
    color: #212120;
    font-family: 'DM Sans';
    background: #fffefef7;
}

.lc_comment:hover {
 border-bottom-left-radius:8px;
     background: #fff;
}


.latest_comments_user {
 
    position: absolute;
    cursor: pointer;
    padding: 5px;
    left: -9px;
    height: 41vh;
    width: 334px;
    border-radius: 9px;
    border-top-left-radius: 34px;
    border-left: solid 15px #e9e9e9;
    overflow: hidden;
    overflow-y: scroll;
    top:342px;
 
}
.commentary {
 
right:60px;
}
.commentary_view,.leave_acomment  {
     transform: rotateY(180deg);
 
}
.leave_acomment {
    color: #cccccc;
    padding: 13px;
    font-size: 13px;
    width: 100%;
    background: #0e0e0ebd;
    position: absolute;
    z-index: 05;
    left: 0px;
    padding-bottom: 8px;
    bottom: 0px;
    transform: rotateY(180deg);
    display: none;
    
}
.leave_acomment:focus {
 border:none;
 outline:none;
     background: #2f2f2fbd;
}
.linkTagsMini {
    border-radius: 6px;
    position: absolute;
    z-index: 9491;
    top: 10px;
    height: 25px;
    right: 33px;
    
    
}

.viewReplies {
    border-radius: 6px;
    position: absolute;
    z-index: 9491;
    top: 12px;
    height: 25px;
    right: 5px;
    transition: all 0.4s ease;
    cursor: pointer;
}
/* Have fun with CSS Clean up*/

.commentary_view {
   
    width:99%;
      padding-right:0px;height: 94%;
}

.comment_author {
   
    color: #ba7b7b;
    
}

.comment_date {
 
 
 font-size: 11px;
    color: red;

 
}
 
  
  
  
 .rightPane {

    overflow: hidden;
    background: #fff;
    background: linear-gradient(152deg, rgba(246, 246, 246, 1) 20%, rgba(255, 255, 255, 1) 49%, rgba(210, 210, 210, 1) 86%);
}
.rightPane {
    position: absolute;

   
    background: #fff;
    z-index: 25;
  
    overflow: hidden;
    padding:0px;
    /* padding-top: 99px; */
    border-style: none;
   
     height: 580px;
     right: -377px;
    width: 322px;
    top:0px;
    bottom:0px;
    margin:auto;
   border-top-left-radius:114px;
   border-bottom-left-radius:75px;
 
   background:url('../dpun_rightpane.jpg');
   
}


.rp_statline {
    font-family: 'Inter';
    color: #2B2B2B;
    font-size: 11px;
    position: absolute;
    font-weight: bold;
    letter-spacing: 1.5px;
    top: 12px;
    left: 86px;
    pointer-events:none;
}

.rightPane .title {
  pointer-events:none;
font-family: 'Inter';
    color: #191919;
    font-size: 11px;
    position: absolute;
    font-weight: bold;
    letter-spacing: 1.5px;
  
    position: absolute;
    top: 25px;
}

 
.latest_tag {
   width: 288px;
    border-radius: 11px;
    border-right: 1px solid white;
    filter: grayscale(0) brightness(1.2);
    box-shadow: 0px 0px 0px;
    transition: all 0.6s ease;
    position: absolute;
    left: 1px;
    top: 37px;
    height: 50px;
}

.r_pane_recenttag {
 
    width:243px;
    border-radius: 10px;
    border: 3px solid white;
    filter: grayscale(0) brightness(1.2);
    box-shadow: 0px 0px 0px;
    transition: all 0.6s ease;
}


.lt {
  pointer-events:none;
       position: absolute;
    top: -66px;
    right:-173px;;
    font-size: 16px;
    width: 241px;
    font-weight: bold;
    font-weight: 600;
    font-family: 'Inter';
    z-index: 15;
    transform: rotate(270deg);
    color: #AA3B0B;

    
}


.lt_Stat {
 
    pointer-events: none;
    position: absolute;
    top: 238px;
    right: 162px;
    font-size: 26px;
    width: 281px;
    font-weight: bold;
    font-weight: 600;
    font-family: 'Fjalla One';
    z-index: 15;
    transform: rotate(90deg);
    color: #46464c;
    
}




.rightPane .user {
    font-family: "Fjalla One", sans-serif;
    font-weight: 400;
    position: absolute;
    font-style: normal;
    font-weight: bold;
    color: #7F1919;
    font-size: 34px;
    top: 56px;
    right: -51px;
    width: 170px;
    text-align: right;
    cursor: pointer;
    transform: rotate(90deg);
}

 
.storyleaders {
    position: absolute;
    top: 236px;
    left: 37px;
}



.rightPane .subtitle {
    color: #1c4880;
    font-size: 19px;
    font-weight: 200; pointer-events:none;
    font-family: 'Inter';
}


navTags {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    width: 264px;
    padding: 10px;
    height: 110px;
}

.lc 
{
 position: absolute;
    bottom: 198px;
    left: 21px;
    z-index: 19;
    color: #4d4d4d;
    font-weight: 400;
    font-family: 'Inter';
    font-size: 16px;
    font-size: 18px;
    width: 241px;
    font-weight: 400;
    font-family: 'Inter';
}
.latest_comments {
    position: absolute;
    cursor: pointer;
    bottom: -10px;
    background: #fff8f8f7;
    padding: 5px;
    left: 17px;
    height: 197px;
    width: 288px;
    border-radius: 9px;
    border-left: solid 5px #ffffff;
    overflow: hidden;
    overflow-y: scroll;

}

.lc_Stat {
       position: absolute;
    bottom: auto;
    left: 15px;
    z-index: 19;
    color: #5f5f5d;
    font-weight: 400;
    font-family: 'Inter';
    font-size: 16px;
    font-size: 20px;
    width:271px;
    font-weight: 200;
    font-family: 'Inter';
    top: 311px;
}
intel {
 color: white;
    padding: 15px;
    margin-top: 45px;
    position: fixed;
    z-index: 5;
    bottom: auto;
    top: -11px;
    right: 97px;
    font-family: 'Inter';
    font-size: 18px;
    padding-left: 35px;
    font-weight: bold;
    padding-right: 35px;
    border-bottom-left-radius: 82px;
    border-top-right-radius: 102px;
    background: #000;
    
}
intel:hover {
 transform: scale(1);
}
 
.accessPAR {
   filter: invert(1);
 
}

  .expandthepane {
  position: fixed;
    top:98px;
    right:-43px;
    display: block;
    height: 337px;
    cursor: pointer;
    width: 129px;
    z-index: 6;
    transition: all 0.4s ease;
    filter:invert(1);
    
}  
   
     .expandthepane:hover {
      
     
  top:98px;
    right: -43px;
    display: block;
    height: 337px;
    cursor: pointer;
    width: 129px;
    z-index: 2;
    transform:scale(1.1);
    transition: all 0.4s ease;
     }
     
     
  .expandthebuild {
  position: fixed;
      top:98px;
    left: -43px;
    display: block;
    height: 337px;
    cursor: pointer;
    width: 129px;
    z-index: 2;
    transition: all 0.4s ease;
}  
   
   .alterwallIN, .alterwallOUT, .alterwallRESET {
   
  right:16px;
    
}
.browsetags {
   position: fixed;
    z-index: 06;
    top: auto;
    bottom:0px;
    width: 238px;
    font-size: 21px;
    padding: 12px;
    border-radius: 20px;
    background: #0000005c;
    border-bottom-left-radius: 82px;
    border-top-right-radius: 102px;
    text-align: left;
    color: #5a5a5a;
    /* box-shadow: 0px 0px 2px black; */
    right: 112px;
    border: 0px;
    padding-left: 30px;
    left: auto;
    border: 0px solid #ffffff;
    
}
.browsetags:focus {
 background:#0e0e0e;
 color:#eeeeee;
}
.settings {
   cursor: pointer;
    position: fixed;
    z-index: 16;
    top: auto;
    bottom: 12px;
    left: 366px;
    height: 30px;
    transition: all 0.4s ease;
    right: 67px;
    left: auto;
    height: 23px;
    transform: scale(1) rotate(45deg);
    opacity: 1;
    transition: all 0.4s ease;
    background: rgb(246, 246, 246);
}

.settings:hover {
 
   transform: scale(1) rotate(5deg);
}


  
.reload {
     
    cursor: pointer;
    position: fixed;
    z-index: 16;
    top: auto;
    bottom: 27px;
    left: 336px;
    height: 30px;
    transition: all 0.4s ease;
    right: 110px;
    left: auto;
  
    transform: scale(1) rotate(314deg);
    opacity: 1;
}


.reload_alterlocation {
 left:5px; top :5px;
 bottom:auto;
 right:auto;

  z-index:02;
  display:none;
}
.reload_alterlocation-two {
left: auto;
    top: -11px;
    bottom: auto;
     transform: scale(1) rotate(0deg);
    right: 204px;
    z-index: 26;
}

.reload:hover {
   transform:scale(1.1) rotate(314deg);
   opacity: 1;
}

.reload_alterlocation-two:hover {
    transform: scale(1.2) rotate(0deg);
}
.panel_door{
 display:block;
 left:900px;
}
.VWcontain{
 display:none;
 
 width:auto;
 position: fixed;
 top:0px;
 left:900px;
 height:100vw;
 z-index:99;
  
  
    padding: 10px;
    border: 0px solid white;
    background: rgba(0, 0, 0, 0.8);
}
.vtagwa11 {
 
 
 width:100%;
  position: relative;
}
.vtagwa11 {
    height: 100%;
   
    width: 100%;
    position: relative;
    display: inline-flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    
    }
    
    .viewReplies {
     
     
    }
    .linkTagsMini {
         transition: all 0.4s ease;
         transform : rotate(0deg);
    }
.linkTagsMini:hover {
          transform : rotate(4deg);
 
}
 
  .mood-container {
position: fixed;
    right: 19px;
    z-index: 16;
    top: 0px;
    width: 160px;
    display: inline-flex;
  } 
    
.moodtag {
 border-bottom-left-radius:5px;
 border-bottom-right-radius:5px;
 
 width:30px;
 height:20px;
     transition: all 0.2s ease;
     cursor: pointer;
}
.moodtag:hover {
  width:40px;
  height:30px;
   
 
   border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
}
.mt-red {
 
 background: #fe1c2a ;
}

.mt-black {
 
 background: #000;
}

.mt-white {
 
 background: #f1f1f1;
}

 
 
   /* New CSS Rules Policy SSMC - For add on style sheets, please only append the style alteration */
   
.leftPane {
 width:770px;
 padding:0px;
  height:608px;
  
    border-top-right-radius:15px;
   border-bottom-right-radius:165px;
   box-shadow:0px 0px 15px black;
     box-shadow:0px 0px 15px #dbdbdb;
 top:0px;
 bottom:0px;
 margin: auto;

    background: #fefefe;
    
}



 .panel_door {
 display:none;
    position: absolute;
    bottom: 75px;
    left:688px;
    height: 100px;
    z-index: 999999;
 
    
  
 }
 
 displacement_screen {
  width:5px;
   
    z-index:24;
 }
 
 
 
 .settings-panel {
   
position: fixed;
    right: 100px;
    bottom: 150px;
    background: #f9f9f9;
    border-radius: 25px;
    box-shadow: 0px 0px 10px #00000070;
    border: 2px solid #878787;
    z-index: 98000;
       width: 260px;
    height: 155px;
    padding: 23px;
    font-family: 'Inter';
    background: linear-gradient(0deg, rgba(246, 246, 246, 1) 20%, rgba(255, 255, 255, 1) 49%, rgb(236 234 234) 86%);
    font-size: 14px;

  display:none;
  
 }
 
 
.settings_theme {
 width:100%;
 padding:4px;
 font-family: 'Inter';
 color:#0e0e0e;
 border:#9f9f9f;
}
  
  .settings_theme:focus {
   outline:none;
  
  }
  .settings-panel hr {
   
   color:#eee;
  }
  .settings-panel .header {
   font-weight:bold;
       font-size: 18px;
  
  
 }
  .settings-panel label
  {
   pointer-events:none;
 
 
    color: #4e4e4e; 
    font-family: 'Inter';
    font-size: 14px;;
 
   
  }
  .settings-panel .hud-step {
   
    font-size: 11px;
    font-weight: re;
    font-weight: 600;
    color: #5a4c4d;
}

  .close-settings-panel {
   
   height:25px;
   width:25px;
   position: absolute;
     right: -6px;
    top: -3px;
   filter:invert(1);
   background:url('../ico_close.png');
   background-size:cover;
  }
  
  
  
.toggle_Stat {
 
        position: fixed;
    z-index: 90;
    right: 33px;
    height: 45px;
    top: 4px;
    cursor: pointer;
    transition: all 0.4s ease;
filter:invert(1);
}

.toggle_Stat:hover {
   
    top: 6px;
        height: 50px;
}
 
 .statPane {
    position: absolute;
    right: 0px;
     top:calc(-110vh);
    width: 318px;
    background: #fff;
    z-index: 26;
    height: 39.4vw;
    overflow: hidden;
    padding: 15px;
    padding-top: 99px;
 
  
 
   border-bottom-left-radius:109px;
}

  
 .topPane {
     position: fixed;
   left:-32px;
   top:15px;
   z-index:05;
   width: 200px;
}

.rp_statline_top {
font-family: 'Inter';
    color: #B7B7B7;
    font-size: 10px;
    position: absolute;
    left: 50px;
    font-weight: bold;
    letter-spacing: 1.5px;
    top: 1px;
    left: 48px;
    pointer-events:none;
}

.account-icon {
  
       position: fixed;
    top: 38px;
    right: 6px;
    z-index: 28;
display:none;

}
   
   .account-icon img{
    height: 30px;
    border: 2px solid rgb(0,0,0,0);
    padding: 7px;
    border-radius: 50px;	transition: all 0.4s ease;
   }
   
     .account-icon img:hover{
    height: 25px;
    border: 2px solid white;
    padding: 7px;
    border-radius: 50px;
   }
   
.rp_statline_totals {
 
  font-family: 'Inter';
    color: #2B2B2B;
    font-size: 11px;
    position: absolute;
    font-weight: bold;
    letter-spacing: 1.5px;
    top: 15px;
    left: 15px;
}

.rp_statline_comments {
   font-family: 'Inter';
    color: #2B2B2B;
    font-size: 11px;
    position: absolute;
    font-weight: bold;
    letter-spacing: 1.0px;
    top: 32px;
    left: 15px;
 
 
}

.rp_statline_promotions {
  font-family: 'Inter';
    color: #547884;
    font-size: 16px;
    position: absolute;
    font-weight: 200;
    letter-spacing: 1.0px;
    top: 44px;
    left: 14px;
}
 

.rp_statline_member_inf {
 
    font-family: 'Inter';
    color: #cdcdcd;
    font-size: 11px;
    position: absolute;
    font-weight: 400;
    letter-spacing: 1.0px;
    top: 77px;
    background: #f8f8f852;
    width: 100%;
    text-align: left;
    left: 15px;
    margin: 2px 0px 2px 0px;
    padding: 7px 0px 7px 0px;
    border: 1px solid #e5f1ff;
    border-top-left-radius: 15px;
    border-width: 1px 0px 1px 0px;
 
}
.rp_statline_member_inf a{
 
color:#a1a1a1;
}

.stat-promotions {
 
        background: #1b1b1b;
    font-weight: bold;
    padding: 5px;
    font-size: 16px;
    margin: 5px;
    border-radius: 20px;
    color: white;
    position: relative;
    z-index: 8500;
}

.flipped {
 
 border:2px solid black;
}

.container {
 /* review parent classes and adjust if needed */
 position: relative;
}

.relative-container {
  position: relative;
 
}

.leftPane, .rightPane {

position:fixed; 
}

  .PAR {
    width: 100%;
    height: 100vh;
    border: none;
 
  }
  
  /* Check Marks */
  
  .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dpRadio-hos img {
 position: absolute;
    right: 11px;
    top: 7px;
    height: 27px;
    transform: rotate(-55deg);
    cursor:grabbing;
}

 body {
  
   background:none;
   /*
  background: url('../../tagtempbkg.jpeg');  */
 }