// Core variables and mixins
@import "../../bootstrap/functions";
@import "../../bootstrap/mixins";

// Core variables and mixins overrides
@import "../../core/variables/variables";
@import "../../core/variables/components-variables";

// Overrides user variable
@import "../../../../assets/scss/variables/variables";
@import "../../../../assets/scss/variables/components-variables";

.dropzone{
	min-height: 350px;
	border: 2px dashed $primary;
	background: $content-bg;

	.dz-message{
		font-size: 2rem;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 300px;
		margin-top: -30px;
		color: $primary;
		text-align: center;
	}
	.dz-message:before{
		content: "\e94b";
	    font-family: 'feather';
	    font-size: 80px;
	    position: absolute;
	    top: 48px;
	    width: 80px;
	    height: 80px;
	    display: inline-block;
	    left: 50%;
	    margin-left: -40px;
	    line-height: 1;
	    z-index: 2;
	    color: $primary;
	    text-indent: 0px;
	    font-weight: normal;
	    -webkit-font-smoothing: antialiased;
	}

	.dz-preview.dz-image-preview{
		background: transparent;
	}

	.dz-preview .dz-remove{
		font-size: 1.1rem;
		color: $danger;
    	line-height: 2rem;

    	&:before{
			content: "\e9e6";
		    font-family: 'feather';
		    display: inline-block;
		    line-height: 1;
		    z-index: 2;
		    text-indent: 0px;
		    font-weight: normal;
		    -webkit-font-smoothing: antialiased;
    	}

    	&:hover{
			text-decoration: none;
			color: darken($danger, 10%);
    	}
	}

}