.amaran {
	width: 200px;
    background: rgba(0, 0, 0, .7);
    padding: 3px;
    color: #fff;
    border-radius: 4px;
    display: none;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    text-align: left;
    min-height: 50px;
    margin: 10px;
    &.default {
    	width: 300px;
    	min-height: 45px;
    	background: #1B1E24;
    	background: -webkit-linear-gradient(left, #111213, #111213 15%, #1b1e24 15%, #1b1e24);
    	background: linear-gradient(to right, #111213, #111213 15%, #1b1e24 15%, #1b1e24);
    	color: #fff;
    	font-family: 'Helvetica', arial;
    	font-size: 13px;
    	font-weight: 300;
    	margin: 5px;
    	overflow: hidden;
    	border-bottom: 1px solid #111213;
    	border-radius: 6px;
    	display: flex;
    	.default-message {
    		flex: 1;
    		display: flex;
		    span {
			    padding: 3px;
			    display: flex;
			    align-items: center;
			}
		}
		.default-spinner {
		    width: 45px;
		    min-width: 45px;
		    min-height: 45px;
		    display: flex;
		    position: relative;
		    span {
			    width: 18px;
			    height: 18px;
			    background: #27ae60;
			    display: block;
			    border-radius: 50%;
			    position: absolute;
			    top: 50%;
			    left: 50%;
			    margin-left: -11px;
			    margin-top: -9px;
			}
		}
    }
    &.amaran-zip {
		display: block !important;
		height: 0 !important;
		line-height: 0 !important;
		min-height: 0 !important;
		overflow: hidden !important;
		font-size: 0 !important;
		border: 0 !important;
		margin: 0 !important;
		border-radius: 0 !important;
		transition: all .3 ease-out;
	}
}

.amaran-wrapper {
	box-sizing: border-box;
	position: fixed;
    z-index: 9999;
    &.top {
    	top: 0;
    	bottom: auto;
    }
    &.bottom {
    	bottom: 0;
    	top: auto;
    }
	&.right {
		right: 0;
    	left: auto;
		.amaran--fromLeft{
		    right: 100vw;
		   	display: flex;
		}
		.amaran--fromRight{
	     	margin-left: 105%;
	     	display: flex;
		}
	}
	&.left {
		left: 0;
		.amaran--fromLeft{
		 	margin-left: -100%;
		 	display: flex;
		}
	}
}