.notify{
	position: fixed;
	width: 400px;
	padding: 1rem 1.25rem;
	z-index: 9999;
	border-radius: var(--bs-border-radius);
	box-shadow: var(--bs-box-shadow);
	border: 1px dashed transparent;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.notify .message{
	display: flex;
	align-items: center;
	gap: .75rem;
	font-weight: 500;
	line-height: 1.5;
}
.notify-dismissible .message{
	padding-right: 25px;
}

/** animation type **/
.notify.scale{
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}
.notify.left.drop{
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
}
.notify.center.drop{
	-webkit-transform: translateY(-120%);
	-moz-transform: translateY(-120%);
	-o-transform: translateY(-120%);
	transform: translateY(-120%);
	opacity: 0;
}
.notify.right.drop{
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
	opacity: 0;
}
.notify.middle.center.drop{
	-webkit-transform: translateY(-20%);
	-moz-transform: translateY(-20%);
	-o-transform: translateY(-20%);
	transform: translateY(-20%);
	opacity: 0;
}
.notify.bottom.center.drop{
	-webkit-transform: translateY(120%);
	-moz-transform: translateY(120%);
	-o-transform: translateY(120%);
	transform: translateY(120%);
	opacity: 0;
}
.notify.fade{
	opacity: 0;
}
.notify.out{
	opacity: 0;
}

/** notify type - matches Views/Shared/Notice.cshtml's bg-light-@Color/border-@Color convention **/
.notify-default{
	background-color: var(--bs-body-bg);
	color: var(--bs-gray-900);
	border-color: var(--bs-gray-300);
}
.notify-default .icon{
	color: var(--bs-gray-600);
}
.notify-info{
	color: var(--bs-gray-900);
	background-color: var(--bs-primary-light);
	border-color: var(--bs-primary);
}
.notify-info .icon{
	color: var(--bs-primary);
}
.notify-toast{
	color: #fff;
	background-color: rgba(0,0,0,0.75);
}
.notify-toast .icon{
	color: #fff;
}
.notify-danger{
	color: var(--bs-gray-900);
	background-color: var(--bs-danger-light);
	border-color: var(--bs-danger);
}
.notify-danger .icon{
	color: var(--bs-danger);
}
.notify-warning{
	color: var(--bs-gray-900);
	background-color: var(--bs-warning-light);
	border-color: var(--bs-warning);
}
.notify-warning .icon{
	color: var(--bs-warning);
}
.notify-success{
	color: var(--bs-gray-900);
	background-color: var(--bs-success-light);
	border-color: var(--bs-success);
}
.notify-success .icon{
	color: var(--bs-success);
}

/** position **/
.notify.top{
	top: 15px;
}
.notify.middle{
	top: 50%;
}
.notify.bottom{
	bottom: 15px;
}
.notify.left{
	left: 15px;
}
.notify.center{
	left: 50%;
	margin-left: -200px;
}
.notify.right{
	right: 15px;
}

/** buttons **/
.notify-buttons{
	width: 100%;
	margin-top: 10px;
}
.notify-buttons.left{
	text-align: left;
}
.notify-buttons.center{
	text-align: center;
}
.notify-buttons.right{
	text-align: right;
}
.notify-buttons > button{
	border: 1px solid #ddd;
	padding: 4px 10px;
	background: #fff;
	color: #333;
	cursor: pointer;
	outline: none;
}
.notify-buttons > button:hover{
	background: #eee;
}
.notify-buttons > button:first-child{
	margin-right: 5px;
}

/** util **/
.notify-backdrop{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9998;
	background-color: #000;
	opacity: 0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}
body.notify-open{
	overflow: hidden;
}
body.notify-open-drop{
	overflow-x: hidden;
}

@media all and (max-width:768px){
	.notify{
		width: 100%;
		left: 0!important;
		margin: 0!important;
		border-radius: 0;
		-webkit-border-radius: 0;
	}
	.notify.top{
		top: 0!important;
	}
	.notify.bottom{
		bottom: 0!important;
	}
	.notify.middle{
		width: 80%!important;
		margin-left: 10%!important;
		border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	.notify.left.drop, .notify.right.drop{
		-webkit-transform: translateY(-120%);
		-moz-transform: translateY(-120%);
		-o-transform: translateY(-120%);
		transform: translateY(-120%);
	}
	.notify.bottom.drop{
		-webkit-transform: translateY(120%);
		-moz-transform: translateY(120%);
		-o-transform: translateY(120%);
		transform: translateY(120%);
		opacity: 0;
	}
}