/**
 * The MIT License (MIT)
 *
 * Copyright (c) Camptocamp SA
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of
 * this software and associated documentation files (the "Software"), to deal in
 * the Software without restriction, including without limitation the rights to
 * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 * the Software, and to permit persons to whom the Software is furnished to do so,
 * subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
 * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
 * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
 * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */

@import 'gmf/sass/vars_only.scss';

$bgselector-image-size: 3rem;
.gmf-file-alert-contained {
  position: relative;
  z-index: $above-all;
}

.gmf-file-alert-alone {
  position: absolute;
  z-index: $above-all;
  bottom: $app-margin + 3rem;
  margin-left: calc(2 * #{$app-margin} + #{$bgselector-image-size} + 2 * #{$padding-small-vertical});
  .alert {
    padding: 0.4rem;
  }
}

.drop-zone {
  pointer-events: none;
  position: absolute;
  border-width: 5px;
  border-color: #ff0000;
  border-style: dashed;
  left: 5px;
  width: calc(100% - 5px);
  height: 100%;
  z-index: 2;
  text-align: center;
  background-color: rgba(191, 190, 190, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  p {
    opacity: 100%;
    font-size: 2em;
    color: #2b2b2b;
    z-index: $above-all;
  }
}

.drop-zone-off {
  display: none;
}