/*!
 * Copyright © ProgramCMS. All rights reserved.
 * See COPYING.txt for license details.
 *
 * Developed by Mohamed EL QUCHIRI <elquchiri@gmail.com>
 */

.image-uploader {
  &__browser {
    position: relative;
    width: 125px;
    height: 125px;
    padding: 0;
    background-color: #F7F7F7;
    background-size: 100% 100%;
    background-position: left top;
    border: 3px solid #CCC;
    border-radius: 5px;
    cursor: pointer;

    &:hover {
      border: 3px solid #959494;
    }

    &--placeholder {
      display: none;
      border: 1px solid #dee2e6;
      background: rgba(255, 255, 255, 0.5) url('../../../../../public/images/upload.png') no-repeat center 13px;
      width: 100%;
      height: 100%;
      padding-top: 69px;
      font-size: 13px;
      text-align: center;
      border-radius: 3px;
      color: #000000;
      cursor: pointer;
      opacity: 0.8;
      position: absolute;
      top: 0;
      left: 0;
      transition: opacity 0.5s;
      -webkit-user-select: none; /* Safari */
      -ms-user-select: none; /* IE 10 and IE 11 */
      user-select: none; /* Standard syntax */
    }

    &:hover &--placeholder {
      display: block;
    }
  }
}