/**
 * ----------------------
 * Notification bar (nmb)
 * ----------------------
 *
 * @version     0.0.2.5
 */


/* ==========================================================================
	nmb (bar styles)
   ========================================================================== */

.nmb{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	display:none;
	z-index: 1299;
}

.nmb .nmData{display: none}

.nmb.default,
.nmb.fixed{position: fixed;}
.nmb.push{position: relative;}
.nmb.nmModal{
	position: absolute;
	margin: 0 auto;
	left:0;
	right:0;
	top: 50%;
	/*width: auto;*/
	height:auto;
	transform: translateY(-50%);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.nmBack.active{
	opacity: 1;
}

	.nmb__container{
		position: relative;
	}


	.nmb__message{
		padding:1rem 0;
	}
		.nmb__message__text{
			padding-right: 30px;
		}

/* ==========================================================================
	nmb Loader (progress till close)
   ========================================================================== */
.nmb__loader{
	height: 3px;
	background: transparent;
}

	/* use for animation fill */
	.nmb__loader__fill{
		position: relative;
		opacity: 1;
		background-color:red;
		height: 100%;
		width: 0;
	}


/* ==========================================================================
	nmb__btn (button styles)
   ========================================================================== */

.nmb__btn{
	position: relative;
	border: 1px solid transparent;
	line-height: 1;
	outline: none;
	transition:all 0.3s;
} 
.nmb__btn:hover{opacity: 0.75;}

	.nmb__btn--close{
		position: absolute;
		right: 15px;
		top:0;
		font-size: 21px;
		line-height: 1;
		color: #fff;
		/*text-shadow:0 1px 0 #fff;*/
		display: inline;
		background: none;
	}

	.nmb__btn--open{
		padding:10px 20px 20px 10px;
		border-radius: 0 0 100% 0;
	}
	.nmb__btn--open i:after{
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
		position: absolute;
		font-family: Arial, sans-serif;
		font-weight: bold;
		width: 25px;
		height: 25px;
		line-height:25px;
		display: block;
		text-align: center;
		vertical-align: middle;
		border-radius: 100%;
		background: red;
		content: "1";
		left: 50%;
		top: 50%;
	}