/*  File: simple-zoomer.css
 *   Author: Asif Mughal
 *   URL: https://www.codehim.com
 *   License: MIT License
 *   Copyright (c) 2018 - Asif Mughal
 */
.zoomer-container{
  /*background: rgba(0, 0, 0, 0.5);*/
  background: #8BDC65;
  width: 230px;
  height: 25px;
  position: absolute;
  border-radius: 5px;
  text-align: center;
  margin: -50px 40%;
}

.zoom-slider {

  -webkit-appearance: none;

    width: 200px;

    height: 6px;

    background: #ffffff; 

    outline: 0;

    border: 0;
    -webkit-transition: .2s;

    transition: opacity .2s;

    z-index: 100;
    position: relative;
    border-radius: 5px;
}



.zoom-slider::-webkit-slider-thumb {

  -webkit-appearance: none;

    appearance: none;

    width: 20px;

    height: 20px;

    border-radius: 50%;
    background: #16a085;

    background: linear-gradient(to bottom right, #16a085,  #16a060 );
    cursor: pointer;

    outline: 0;

    border: 0;
}


.move {cursor: move;}
.zoom-slider::-moz-range-thumb {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #ffffff;
    /*background: linear-gradient(to bottom right, #16a085,  #16a060 );*/
    cursor: default;
    outline: 0;
    border: 0;
}

.zoom-slider::-moz-range-thumb {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #ffffff;
    /*background: linear-gradient(to bottom right, #16a085,  #16a060 );*/
    cursor: default;
    outline: 0;
    border: 0;
}


.object-container{
   margin-left: auto;
   margin-right: auto;
   display: block;
   overflow: visible;
   overflow-x: scroll;
   overflow-y: scroll;
   height: auto;
   width: 100%;
}

.image-container img{ 
   position: inherit;
   display:  block;
   width: 100%;
   height: auto;
}

.zoomer-status{
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}