.amaran.awesome{width:300px;min-height:65px;background:#f3f3f3;color:#222;margin:15px;padding:5px 5px 5px 70px;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;box-shadow:1px 1px 1px #000}.amaran.awesome .icon{width:50px;height:50px;position:absolute;top:50%;left:10px;background:#000;margin-top:-25px;border-radius:50%;text-align:center;line-height:50px;font-size:22px}.amaran.awesome p{padding:0;margin:0}.amaran.awesome p span{font-weight:300}.amaran.awesome p span.light{font-size:13px;display:block;color:#777}.amaran.awesome.ok p.bold{color:#178B13}.amaran.awesome.ok .icon{background-color:#178B13;color:#fff}.amaran.awesome.error p.bold{color:#D82222}.amaran.awesome.error .icon{background-color:#D82222;color:#fff}.amaran.awesome.warning p.bold{color:#9F6000}.amaran.awesome.warning .icon{background-color:#9F6000;color:#fff}.amaran.awesome.yellow p.bold{color:#CFA846}.amaran.awesome.yellow .icon{background-color:#CFA846;color:#fff}.amaran.awesome.blue p.bold{color:#2980b9}.amaran.awesome.blue .icon{background-color:#2980b9;color:#fff}.amaran.awesome.green p.bold{color:#27ae60}.amaran.awesome.green .icon{background-color:#27ae60;color:#fff}.amaran.awesome.purple p.bold{color:#5B54AA}.amaran.awesome.purple .icon{background-color:#5B54AA;color:#fff}
.amaran.colorful{width:300px;min-height:45px;overflow:hidden;background-color:transparent;z-index:1}.amaran.colorful .colorful-inner{width:100%;min-height:45px;display:block;position:relative;background-color:#484860;padding:15px 25px 15px 15px;color:#fff;font-size:14px;border-bottom:1px solid rgba(0,0,0,.2);border-radius:4px}.amaran.colorful .amaran-close{color:#000;z-index:2;top:8px;right:8px;text-align:center;line-height:18px}.amaran-wrapper.center .amaran.colorful{margin:0 auto}
.amaran.default{width:300px;min-height:45px;background:#1B1E24;background:-webkit-linear-gradient(left,#111213,#111213 15%,#1b1e24 15%,#1b1e24);background:linear-gradient(left,#111213,#111213 15%,#1b1e24 15%,#1b1e24);color:#fff;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:13px;font-weight:300;margin:5px;overflow:hidden;border-bottom:1px solid #111213;border-radius:6px}.amaran.default .default-spinner{width:45px;min-height:45px;display:block;float:left;position:relative}.amaran.default .default-spinner 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.default .default-message{float:left}.amaran.default .default-message span{padding:3px;line-height:43px}.amaran.default .default-message:after{clear:both}
.amaran-wrapper *{box-sizing:border-box}.amaran-wrapper{position:fixed;z-index:9999}.amaran-wrapper.top{top:10%;bottom:auto}.amaran-wrapper.bottom{bottom:0;top:auto}.amaran-wrapper.left{left:0}.amaran-wrapper.right{right:0;left:auto}.amaran-wrapper.center{width:50%;height:50%;margin:auto;position:fixed;top:0;left:0;bottom:0;right:0}.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}.amaran-close{position:absolute;top:2px;right:2px;display:block;width:20px;height:20px}.amaran-close:before{content:"x";color:#000;font-weight:100;font-family:Arial,sans-serif;font-size:15px}
.amaran.tumblr{width:300px;min-height:45px;overflow:hidden;background-color:#fff;color:#444;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.3);z-index:1}.amaran.tumblr .title{position:relative;font-size:15px;line-height:15px;height:28px;padding:5px 10px;border-bottom:1px solid rgba(0,0,0,.1);font-weight:700;z-index:1}.amaran.tumblr .content{padding:5px}.amaran.tumblr .image{float:left}.amaran.tumblr .amaran-close{z-index:2}.amaran.tumblr .amaran-close:before{color:#000}
.amaran.user{width:300px;min-height:100px;background:#f3f3f3;color:#222;margin:15px;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:13px;font-weight:300;box-shadow:1px 1px 1px #000;border-radius:0;padding:0}.amaran.user .icon{width:100px;height:100px;position:relative;background:#000;float:left}.amaran.user img{max-width:100%}.amaran.user .info{padding-left:110px;padding-top:10px}.amaran.user b{display:block;font-size:16px}.amaran.user.blue{background:#2773ed;color:#fff}.amaran.user.yellow{background:#f4b300;color:#fff}.amaran.user.green{background:#78ba00;color:#fff}


.amaran.tvrain {
	border-radius: 3px;
	width: 250px;
	min-height: 45px;
	background: #fff;
	color: #000;
	font-size: 14px;
	box-shadow: 0 0 7px rgba(0, 0, 0, .5);
}

.amaran.tvrain .amaran__icon {
	width: 20px;
	height: 40px;
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}

.amaran.tvrain .amaran__content {
	width: 175px;
	display: inline-block;
	vertical-align: top;
	padding: 13px 0 13px 13px;
}

.amaran.tvrain .amaran__icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.amaran.tvrain .amaran__icon-coin {
	height: 30px;
}

.amaran.tvrain .amaran__icon-coin svg {
	margin-left: 7px;
}

.amaran.target {
	border-radius: 3px;
	width: 255px;
	min-height: 45px;
	color: #FFFFFF;
	font-size: 14px;
	box-shadow: 0 0 7px rgba(0, 0, 0, .5);
	background-image: url('/static/images/pub/notification/background.png');
	border-radius: 8px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 100% 100%, auto;
	cursor: auto;
}

.target .amaran-close:before {
	color: #FFFFFF;
	content: '';
}

.target .amaran-close {
	content: '';
	width: 10px;
	height: 10px;
	background: url('/static/images/pub/notification/close.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%, auto;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.amaran__target-title {
	text-transform: uppercase;
	font-size: 22px;
	padding: 10px 10px 10px 10px;
}

.amaran__target-content {
	padding: 0px 10px 10px 10px;
}

.amaran__target-button {
	text-transform: uppercase;
	font-size: 14px;
	padding: 7px 10px 10px 10px;
}

.amaran__target-button a  {
	color: #FFFFFF;
	border-color: #FFFFFF;
	border-width: 2px;
	padding: 10px !important;
}

.amaran__target-button a:hover {
	color: black;
	background-color: #FFFFFF;
	border-color: #FFFFFF;
}

.amaran__target-content-title {
	color: #44C0FE;
	text-transform: uppercase;
	font-size: 16px;
}

.amaran__target-content-price {
	font-size: 40px;
	color: #44C0FE;
	display: inline-block;
	height: 50px;
}

.amaran__target-content-price span {
	font-size: 13px;
	font-weight: 100;
}

.amaran__target-additional {
	text-align: center;
	color: #FFFFFF;
	padding-bottom: 10px;
}

.amaran__target-additional a {
	color: #FFFFFF;
}

.amaran__target-content-description {
	padding-top: 5px;
}

.amaran__target-content-price-discount {
	padding: 0 0 0 10px;
	display: inline-block;
	position: relative;
}

.amaran__target-content-price-discount:after {
	content: "";
	position: absolute;
	width: 50%;
	height: 1px;
	background-color: #000;
	top: 50%;
	left: 8px;
	transform: rotate(-13deg);
	display: block;
}

.amaran__target-content-price-extra {
	font-size: 16px;
	display: inline-block;
	margin-left: 3px;
}

.amaran__target-content-price-extra span {
	font-weight: 400;
	font-size: 25px;
}