/*! -----------------------------------------------------------------------------------

  Template Name: JCustom
  Template URI: http://admin.pixelstrap.com/cuba/theme
  Description: This is Admin theme
  Author: Pixelstrap
  Author URI: https://themeforest.net/user/pixelstrap

-----------------------------------------------------------------------------------
*/

:root {
--container:66%;
--color-main: #463D94;
--color-secondary: #00ADD0;
}

.drop-zone{width:100%;padding:7px;display:flex;text-align:center;height: 14rem;font-size:20px;cursor:pointer;color:gray;border:2px dashed #CDCDCD;border-radius:10px;background:#f4f8ff;margin-bottom:1rem;align-items:center;justify-content:center}
.drop-zone--over{border-style:solid}
.drop-zone__input{display:none}
.drop-zone__thumb{width:100%;height:100%;border-radius:10px;overflow:hidden;background-color:#ccc;background-size:cover;position:relative}
.drop-zone__thumb::after{content:attr(data-label);position:absolute;bottom:0;left:0;width:100%;padding:5px 0;color:#fff;background:rgba(0,0,0,0.75);text-align:center;font-size:14px}
.drop-zone span{display:flex;flex-direction:column;align-items:center;grid-gap:10px}
.drop-zone span svg{color:var(--color-main);width:2rem;height:2rem}
.drop-zone span i{font-size:14px;font-style:normal}