versionline{
 
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 10px;
    color: #B7B7B7;
    z-index: 6000;
    font-family: 'Inter';
    letter-spacing: 0.3em;
 
}
 
 
.dp-index {
  
    border-radius: 15px;
    background: #373737;
    font-size: 16px;
    color: white;
    font-family: 'Open Sans';
    padding: 16px;
    padding-left: 15px;
    width:525px;
    border: 2px solid #d6d6d6;
    outline: none;
    position: absolute;
    left: 0px;
    top: 20px;
    z-index: 9801;
    border-bottom-left-radius:0px;
 
}
 

    
  .dp-index2 ,.dp-index3{
    text-align: left;
    border-radius: 0px;
    background: white;
     
    font-size: 15px;
  
    padding: 10px;
    padding-left: 15px;
 
     border: 2px solid #cfc6c6;
    position: relative;
    left: -62px;
     position: absolute;
    left: 0px;
    top:74px;
    padding: 14px;
    z-index: 500;
    width:125px;
    border-bottom-left-radius: 15px;
    
  } 
    
    
.dp-index3 { 
     left: 310px;
    width: 107px;
   border-bottom-left-radius: 0px;
     
}

  .dp-index4 {
 
       border-radius: 0px;
    background: #242424;
    font-size: 16px;
    color: white;
    font-family: 'Open Sans';
    padding: 16px;
    padding-left: 15px;
    width: 170px;
    border: 2px solid #d6d6d6;
    border-left: 1px;
    outline: none;
    position: absolute;
    left: 511px;
    top: 20px;
    z-index: 9801;
  border-top-right-radius: 13px;
  }
  
.refresh-decale {
position: absolute;
    left: 25px;
    height: 25px;
    top:458px;
    z-index: 7500;
    opacity: 0.3;
      	transition: all 0.6s ease;
       transform:rotate(0deg);
       cursor: pointer;
       
}
  
  
  
  
  .refresh-bkg{
position: absolute;
    left: 25px;
    height: 25px;
    top: 423px;
    z-index: 7500;
    opacity: 0.3;
        	transition: all 0.6s ease;
       transform:rotate(0deg);
         cursor: pointer;
}

  .refresh-bkg:hover, .refresh-decale:hover {
     transform:rotate(180deg);
  }
 
 

.pun-container {
    border-top-left-radius: 15px;
    width: 390px;
    left: 0px;
    top: 0px;
    z-index: 9550;
    border-top-left-radius: 15px;
    width: 667px;
    position: absolute;
}
.member_benefits {
padding: 20px;
    width: 185px;
    border-radius: 5px;
}



.faw-functions {
    position: fixed;
    bottom: 65px;
    /* right: 41px; */
    z-index: 9600;
    /* bottom: 73px; */
    top: 0px;
    height: 60px;
    left: 623px;
    
}

 

  
  .dp-assembly-container {
   width:810px;
   position: relative;
  }
.photoleft.photo-right {
 width:30px;
 
}
 
.dpa-functions {
    display: inline-flex;
    align-content: flex-start;
    align-items: center;
    position: absolute;
    top: 198px;
    text-align: center;
    left: 7px;
    width: 50px;
    display: inline-flex;
    z-index: 9500;
    border: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px;
    /* padding-right: 20vw; */
    /* padding-left: 28vw; */
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;

}

.dpa-icon{
     height: 50px;
     cursor: pointer;
     box-shadow:none;
          transition: all 0.2s ease;
}
.dpa-icon:hover{
     height: 60px;
     box-shadow: 0px 0px 3px #a0a0a0;
}
.capture-container {
     position: absolute;
    top: 122px;
    left: 78px;
    z-index: 9575;
}
 
 .font-select {
  text-align: right;
    padding: 10px;
    border-radius: 4px;
    font-size: 15px;
    color: #585555;
    border: 0px solid #8e8e8e;
    width: 249px;
    position: absolute;
    z-index:   9800;
    top: 50px;
 
}

.font-select,.font-size {
 text-align: right;
    padding: 8px;
    border-radius: 0px;
    font-size: 15px;
    color: #585555;
    width: 150px;
    position: absolute;
      z-index: 9800;
    top: 66px;
   
     left:522px;
    font-family: 'Inter';
    
}
 
.font-size {
      border: 2px solid #cfc6c6;
    width: 250px;
    width: 121px;
    left: 412px;
    top: 73px;
    padding: 12px;

}



 
.font-select > a {
    background-color: #fff;
    background-image: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: -2px;
    -moz-background-clip: -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border: 2px solid #cfc6c6;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 26px;
    line-height: 26px;
    padding: 9px !important;
    color: #444;
    text-decoration: none;


}

#capture {
  
 filter:invert(0);


}

div.stackcontainer > div.inner > div {
   padding:0px;
}
.photoleft {
    z-index: 10710;
    position: absolute;
    left: 19px;
    top:498px;
}

.photoright {
    z-index: 10710;
    position: absolute;
    left: 698px;
    top:498px;
}

 
#take_screenshoot,.member_benefits  {
    
    border-top-right-radius: 31px;
    background: #494949;
    /* border: 2px solid #e1e1e1; */
    padding: 18px;
    font-size: 17px;
    font-family: 'Inter';
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 542px;
    right: 0px;
    text-align: left;
    z-index: 98500;
    width: 316px;
    /* border: 1px solid #e7e7e7; */
    border-radius: 15px;
    padding-left: 25px;
    border-top-right-radius: 20px;
    cursor: pointer;
    padding-top: 14px;
    padding-bottom: 14px;
    transition: all 0.2s ease;


}
#take_screenshoot:hover,.member_benefits:hover  {
 
    border-bottom-left-radius: 31px;
    border-top-right-radius: 31px;
  background: #fe1c2a;
   border: 2px solid #fe1c2a;
  color:#0F0F0F;      color:white;
  right:-20px;
}



.fileToUpload {

  
 
    font-family: 'Inter';
      font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    width: 155px;
    padding: 15px;
    background: #FFFFFF;
  
    color: #5a5a5a;
     border: 2px solid #cfc6c6;
    cursor: pointer;
    text-align: center;
    border-radius: 0px;
      position: absolute;
    left: 123px;
     top:74px;
    z-index: 500;
  
}
.dpa-functions {
 
 filter:invert(0);
}
 
.picker {
    border: 2px solid #cfc6c6;
    position: absolute;
   z-index: 9700;
  
   width:55px;
    text-align: center;
 
    height: 32px;
    filter: invert(0);
    cursor: pointer;
  

}
#picker1 {
    border-top-left-radius:15px;
     left: 7px;
    top: 128px;
}
#picker2 {
   border: 2px solid #cfc6c6;
   left: 7px;  top:162px;
 border-bottom-right-radius:15px;
}

#colorPick {
    background: rgb(255 255 255 / 37%);
    z-index: 9760;
    border: 2px solid white;
}

#colorPick span {
    color: rgb(8 8 8 / 60%);
}
.ui-widget-content {
    border: 0px solid #dddddd;
    background: none;
   
}

.dpphoto-user, .nailitleft, .nailitright,.dpphoto-dateadded {
 display:none;
 
}

 
  .ui-tooltip {
             
    padding: 10px 20px;
    color:#FFFF;
    background: #AAA;
    border : 1px solid dashed;
    border-radius: 5px;
    font: bold 13px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px black;
    z-index:9999999;
  
  }
  
  .mood-container {
    position: absolute;
    right: 6px;
    z-index: 500;
    top: -19px;
    width: 160px;
    display: inline-flex;

  }
 
.moodtag {
border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
border :2px solid #cfc6c6;
 width:25px;
 height:25px;
     transition: all 0.2s ease;
     cursor: pointer;
}
.moodtag:hover {
  width:35px;
  height:25px;
  border :2px solid #C1B4B4;
}
.mt-red {
 
 background: #fe1c2a ;
}

.mt-black {
 
 background: #000;
}

.mt-white {
 
 background: #f1f1f1;
}

 #dadpun-inform {
 font-family:'Inter';
 border-radius:15px;
 
}
.font-select > a div {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #495734), color-stop(0.6, #fffafb));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
    background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
    background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
    border-left: 1px solid #aaa;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
}