/* DDSlider */
/***
Slider CSS
***/

.slider-style {
    background: rgba(0,0,0,0);
}

#showerWindow_sliders {
}

#sliderAttachments {
}

.horizontal-slider
{
  white-space:  nowrap;

  overflow:     auto;
  overflow-x:   auto;
  overflow-y:   hidden;

  padding:     20px;
  height:     120px;
}

.vertical-slider
{
  overflow:     auto;
  overflow-y:   auto;
  overflow-x:   hidden;

  width:      130px;
  height:     500px;
}

.crop-wh100
{
  object-fit:   cover;
  width:  100px;
  height:  100px;
}

.selected-element {
  border-width:  2px;
  border-color:  cyan;
  border-style:  solid;
  box-sizing:    border-box;
}

.circle
{
  border-radius:  50%;
}

.slider-show-img
{
  margin:     2px;
  display:    inline-block;
  cursor:     pointer;
}


.center_screen
{
   position:fixed;
   left:50%;top:50%;
   transform:translate(-50%,-50%);
}

.image_shower_top
{
  width:            95%;
  height:           95%;
  object-fit:       contain;
  z-index:          999999998;
}

.image_shower_background
{
  width:            100%;
  height:           100%;
  z-index:          999999997;
  opacity:          0.6;
  background-color: rgb(25,25,25);
}

.image_shower_label
{
   position:fixed;
   bottom: 10%; 
   left: 50%; 
   
   height: 60px;
   width: 30%;

   transform:translate(-50%,0%); 
   
   z-index:          999999999;
}

.image_shower_delete
{
   position:fixed;
   bottom: 5%; 
   left: 50%; 
   
   height: 60px;
   width: 30%;

   transform:translate(-50%,0%); 
   
   z-index:          999999999;
}