.notifier_alert-danger{
	color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.notifier_alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.notifier_alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.notifier_alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.notifier_alert{
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.notifier_top_left{
	position:fixed;
	left:1%;
	top:1%;
	z-index:3000;
	}
.notifier_top_middle{
	position:fixed;
	left:50%;
	top:1%;
	transform: translateX(-50%);
	z-index:3000;
	}
.notifier_top_right{
	position:fixed;
	right:1%;
	top:1%;
	z-index:3000;
	}
.notifier_middle_right{
	position:fixed;
	left:1%;
	top:50%;
	transform: translateY(-50%);
	z-index:3000;
	}
.notifier_bottom_left{
	position:fixed;
	left:1%;
	bottom:1%;
	}
.notifier_bottom_middle{
	position:fixed;
	left:50%;
	bottom:1%;
	transform: translateX(-50%);
	z-index:3000;
	}
.notifier_bottom_left{
	position:fixed;
	left:1%;
	bottom:1%;
	z-index:3000;
	}
.notifier_middle_left{
	position:fixed;
	left:1%;
	top:50%;
	transform: translateY(-50%);
	z-index:3000;
	}
.notifier_middle_middle{
	position:fixed;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index:3000;
}
.notifier_alert span {
    /*display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;*/
	line-height: 0.9em;
    text-align: center !important;
    width: 15px !important;
    height: 15px !important;
	width: 1em !important;
    height: 1em !important;
    border-radius: 50% !important;
}

/* Custom fallback spinner for generic .spinner */
.spinner-border {
  width: 30px;
  height: 30px;
  border: 3px solid rgba(0,0,0,.15);
  border-top-color: #000;
  border-radius: 50%;
  animation: spin .8s ease-in-out infinite;
  display: inline-block;
  vertical-align: middle;
}

/* Hide SVG definitions */
.icon-definitions {
	display: none;
}

/* Base icon styling */
i[class^="note-icon-"] {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}

/* Success Icon */
.note-icon-success {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgZmlsbD0iIzEwYjk4MSIvPgogIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIiBmaWxsPSJ1cmwoI2dyYWQtc3VjY2VzcykiLz4KICA8cGF0aCBkPSJNNy41IDEybDMgM2w2LTYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtc3VjY2VzcyIgeDE9IjAiIHkxPSIwIiB4Mj0iMjQiIHkyPSIyNCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxMGI5ODEiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDU5NjY5Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KPC9zdmc+');
}

/* Warning Icon */
.note-icon-warning {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTAuMjkgMy44NmExLjkzIDEuOTMgMCAwIDEgMy40MiAwbDguNTcgMTQuNTJhMS45MyAxLjkzIDAgMCAxLTEuNzEgMi44NUg0LjQzYTEuOTMgMS45MyAwIDAgMS0xLjcxLTIuODVsMTAuNTctMTQuNTJ6IiBmaWxsPSJ1cmwoI2dyYWQtd2FybmluZykiLz4KICA8cGF0aCBkPSJNMTIgOXYzLjc1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgogIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTYuNSIgcj0iMC43NSIgZmlsbD0id2hpdGUiLz4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZC13YXJuaW5nIiB4MT0iMCIgeTE9IjAiIHgyPSIyNCIgeTI9IjI0Ij4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYmYyNCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTljMDAiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgo8L3N2Zz4=');
}

/* Info Icon */
.note-icon-info {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgZmlsbD0idXJsKCNncmFkLWluZm8pIi8+CiAgPGNpcmNsZSBjeD0iMTIiIGN5PSI4IiByPSIwLjc1IiBmaWxsPSJ3aGl0ZSIvPgogIDxwYXRoIGQ9Ik0xMiAxMXY1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLWluZm8iIHgxPSIwIiB5MT0iMCIgeDI9IjI0IiB5Mj0iMjQiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjM2I4MmY2Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5NjdkMiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPg==');
}

/* Danger Icon */
.note-icon-danger {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgZmlsbD0idXJsKCNncmFkLWRhbmdlcikiLz4KICA8cGF0aCBkPSJNMTUgOWwtNiA2bTAtNmw2IDYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtZGFuZ2VyIiB4MT0iMCIgeTE9IjAiIHgyPSIyNCIgeTI9IjI0Ij4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmNDQ0NCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYzI2MjYiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgo8L3N2Zz4=');
}

/* Size variants */
i[class^="note-icon-"].icon-sm {
	width: 16px;
	height: 16px;
}

i[class^="note-icon-"].icon-md {
	width: 24px;
	height: 24px;
}

i[class^="note-icon-"].icon-lg {
	width: 32px;
	height: 32px;
}

i[class^="note-icon-"].icon-xl {
	width: 48px;
	height: 48px;
}