body {
        
          transition: all 0.4s ease-out;
          overflow:hidden;
    }
  
    
    :root {
      
      --primary:#E9AF2D;
      --brandAccent :#fe1c2a ;
      --globalTT: 'all 0.2s ease-in-out .1s';
    }
    
    /* possible not centralize this save on filelaod time specific to compoents */
    div {
      
  
    }
     .centered {
 
     top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
 
.close-window {
  
  position:fixed;
  z-index:9999;
  background: black;
  padding:15px;
  top:0px;
  right:0px;
  color: white;
  cursor: pointer;
}

.close-window img{
  height:22px;
}
.decore {
  
  pointer-events:none;
}
    
      
       
      
    .btn-interactive {
        
        padding:15px;
        border:1px solid black;
        font-size:14px;
        background:black;
        display:inline-block;
        color:white;
        cursor: hand;
        
    }
   
    .close-pane {
      
       clip-path: polygon(0 0,100% 0,100% 100%,80.00px 100%,0 calc(100% - 80.00px));
 
        position: fixed;
        z-index: 9998;
        padding:20px;
        background: white;
        color:black;
        font-size:22px;
        transition: all 0.4s ease-out;
        right:10px;
        top:5px;
        cursor: hand;
    }
      .close-pane:hover {
        
        position: fixed;
        z-index: 9998;
        padding:20px;
        zoom:1.5;
        color:wite;
        font-size:22px;
        
    }
   
    .close-frontpane {
    
        clip-path: polygon(0 0,100% 0,100% 100%,80.00px 100%,0 calc(100% - 80.00px));
 
        position: fixed;
        z-index: 9998;
        padding:20px;
        background: white;
        color:black;
        font-size:22px;
        transition: all 0.4s ease-out;
        right:10px;
        top:5px;
        cursor: hand;
    }
      .close-frontpane:hover {
        
        position: fixed;
        z-index: 9998;
        padding:20px;
        background: #AAA;
        color:white;
        font-size:22px;
        
    }
   
  
   /* Custom Checkbox  */
   

    /* Tooltips and Question Pane */
    
    .onDemand-tooltip {  

      border: 1px solid #000;
      border-radius: 23px 10px 0px 1px;
      background :#111;
      position: absolute;
      max-width:200px;
      z-index:9999;
      opacity:0;
      pointer-events: none;
      
      top:0px;
      left:0px;
      cursor:pointer;
      
    }
    
    .onDemand-tooltip-case {
      position: relative;
            padding:20px;
    }
    
    .onDemand-tooltip-text {
       color:white;
       font-size:18px;
      pointer-events: none;
    }
    
    .onDemand-tooltip-icon {
       color:#111;
       font-size:25px;
       font-weight:bold;
       right:-8px;
       top:-8px;
       pointer-events: none;
       border-radius:20px;
       position: absolute;
       padding:5px;
       background: #c8f360;
       border:1px solid white;
    }
    
    
    .onDemand-qnapane{  
   
      border: 1px solid #000;
      border-radius: 0px;
      background :black;
      position: absolute;
      max-width:200px;
      z-index:9999;
      opacity:0;  
      top:0px;
      left:0px;
      cursor:pointer;
      display:none;
    }
    
     .onDemand-qnacase-text {
       color:white;
       font-size:18px;
      pointer-events: none;
    }
    
    .onDemand-qnacase {
      padding:30px;
      position: relative;
    }
    
    .onDemand-qnacase-close  {
      clip-path: polygon(0 0,100% 0,100% 100%,80.00px 100%,0 calc(100% - 80.00px));
      height:25px;
      width:25px;
      padding:15px;
      background:  white;
      position: absolute;
      z-index:9800;
      right:0px;
      
      top:0px;
      cursor:pointer;
    }
    
    .onDemand-qna {
      
      cursor:pointer;
    }
    
    /* Other sitewide */
    
    .confirmation-dialog {
      display: none;
      position: fixed;
      top:30vh;
      left: 50%;
transform: translateX(-50%);
text-align: center;
background: #1e1e1e;
padding:25px;
width:300px;
z-index: 9999;
 
     border:1px black solid;
 background: rgb(14,14,14);
/* background: linear-gradient(0deg, rgba(14,14,14,1) 0%, rgba(43,43,43,1) 35%, rgba(9,9,9,1) 100%); */

 
-webkit-box-shadow: 0px 0px 11px 0px #000000; 
box-shadow: 0px 0px 11px 0px #000000;
    }
     .confirmation-dialog-text {
      
      font-family:'Inter';
      font-size:26px;   
      color:white;
      text-align: center;
   
     }
    
     .btn-confirmation {
      text-align: center;
      background: rgba(0,0,0,0.5);
      font-family:'Inter';
      font-size:20px;
      font-weight:600;
      width:50px;
      margin:10px;
      cursor:pointer;
      padding:15px;
      border:1px white solid;
      display: inline-block;
      color:white;
      margin-top:20px;
     padding-left: 25px;
        padding-right: 25px;
     }
     
     .pagescroll {
   position:absolute;
   right:0px;
   bottom:25px;
  
   border:0px solid white;
   color: black;
   font-size:15px;
   padding:15px;
   z-index:9992;
   cursor: pointer;
 
   
  }
     .pagescroll:hover {
      
      
     }
      .page-up img{
         height:22px;  width:22px;
      }
      .page-down img{
        height:22px;  width:22px;
      }
    .pagescroll:hover {
     
     filter:invert(1);
    }
        .hideunderlayer {
          z-index:9991; 
          
        }
        .ico-questionmark {
          
          height:18px;
          filter:invert(1);
              float: right;
          
          
        }
        .tooltip {
          cursor: pointer;
          
        }
        
        input  {
          
          border:none;
          
        }
        
         
        .panel-container {
          -webkit-user-select: none;
          
        }
        
        .vault-m {
     padding: 10px;
    background: #f50d0d82;
    border: 0px solid white;
    border-radius: 5px;
    position: absolute;
    bottom: 15%;
    right: 10%;
    box-shadow: 5px 5px black;
        }
          .vault-m div  {
     .vault-m div

 /* background: black; */
    color: white;
    cursor: pointer;
    font-weight: bold;
    font-family: 'Inter';
    font-size: 14px;
          }
        .vault-m div:hover  {
          color:yellow
          }
          
          .ivmm {
           position: fixed;
   top: 50px;
    right: 10px;
    display: none;
    padding: 6px;
    border-radius: 7px;
    background: #ff9025;
    cursor: pointer;
    z-index: 9999;
    font-family: 'Inter';
    /* font-weight: bold; */
    color: white;
    box-shadow: 2px 2px black;
          }
           .ivmm:hover {
            background: black;
            color:white;
            font-weight:bold;
           }
           
           #dadpun-inform {
            position: fixed;
            right:45px;
            top:25px;
            z-index:99999;
            padding:20px;
            background: white;
            
            font-size:21px;
            text-align: center;
            box-shadow:0px 0px 2px 2px black;
            color:rgba(0,0,0,0.8);
            width:500px;
            display:none;
           }