/*! Image Uploader - v1.2.3 - 26/11/2019
 * Copyright (c) 2019 Christian Bayer; Licensed MIT */

@font-face {
        font-family: 'Image Uploader Icons';
        src: url(http://3.109.1.213/chitrakalanew/fonts/iu.eot);
        src: url(http://3.109.1.213/chitrakalanew/fonts/iu.eot) format('embedded-opentype'), url(http://3.109.1.213/chitrakalanew/fonts/iu.ttf) format('truetype'), url(http://3.109.1.213/chitrakalanew/fonts/iu.woff) format('woff'), url(http://3.109.1.213/chitrakalanew/fonts/iu.svg) format('svg');
        font-weight: 400;
        font-style: normal
}
[class*=iui-], [class^=iui-] {
        font-family: 'Image Uploader Icons'!important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
}
.iui-close:before {
        content: "\e900"
}
.iui-cloud-upload:before {
        content: "\e901"
}
.image-uploader {
        min-height: 17rem;
        border: solid 1px #95131d;
        border-radius: 3px;
        position: relative;
}
.image-uploader.drag-over {
        background-color: #f3f3f3
}
.image-uploader input[type=file] {
        width: 0;
        height: 0;
        position: absolute;
        z-index: -1;
        opacity: 0
}
.image-uploader .upload-text {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        cursor: pointer;
}
.image-uploader .upload-text i {
        display: block;
        font-size: 20px;
        margin-bottom: .5rem;
        background: #95131d!important;
        color:#fff;
        padding: 8px 8px!important;
    border-radius: 30px;
}
.image-uploader .upload-text span {
        display: block
}
.image-uploader.has-files .upload-text {
        display: none
}
.image-uploader .uploaded {
        line-height: 0
}


.image-uploader .uploaded .uploaded-image {
        display: inline-block;
        width: 100%;
        padding-bottom: 0;
        position: relative;
        margin: 0;
        background: #f3f3f3;
        cursor: default;
        height: 286px;
        overflow: hidden;
      }


.image-uploader .uploaded .uploaded-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        position: relative;
}


.image-uploader .uploaded .uploaded-image .delete-image {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 10px;
        right: 10px;
        border: none;
        background-image: url(../images/deletel.png);
        background-position: center center;
        background-repeat: no-repeat;
        width: 32px;
        height: 32px;
        background-color: transparent;
}

.image-uploader .uploaded .uploaded-image .delete-image i{
        display: none!important;
}

.card-img-top.verticle {
        width: 100%;
        height: 196px;
        object-fit: contain;
        object-position: center;
        padding-top: 15px;
      }