/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30 Mar 2020, 19:54:56
    Author     : pz
*/

/*#systemNotification{
	position: sticky;
    top: 0px;
    z-index: 9;
    background: rgba(0,0,0,.4);
}

#adminSuperAccountLink{
	margin-top: 10px;
}*/

#systemNotification{
	min-height: 10px;
    position: fixed;
    bottom: 10px;
    width: 300px;
    right: 10px;
    z-index: 8;
}

#systemNotification .toast-header{
/*	background-color: rgba(205,205,205,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);*/
}
/*#systemNotification .toastType-1 .toast-header{
	color: var(--mainColor);
}
#systemNotification .toastType-2 .toast-header{
	color: #c71388;
}
#systemNotification .toastType-3 .toast-header{
	color: #92bc0a;

}*/
#systemNotification .toastLink{
    background-color: var(--darkGreyColor);
    border-color: var(--darkGreyColor);
	/*border-left: 5px solid #f74c08 !important;*/
}
#systemNotification .toastType-1 .toastLink{
	background-color: #db2d00;
	border-color: #db2d00;
}
#systemNotification .toastType-2 .toastLink{
	background-color: #a70378;
	border-color: #a70378;
}
#systemNotification .toastType-3 .toastLink{
	background-color: #72ac00;
	border-color: #72ac00;
}
#systemNotification .toastType-4 .toastLink{
	background-color: #dfcd00;
	border-color: #dfcd00;
}
#systemNotification .toastType-5 .toastLink{
	background-color: #00beb7;
	border-color: #00beb7;
}
#systemNotification .toastType-11 .toastLink{
	background-color: #cc0000;
	border-color: #cc0000;
}
#systemNotification .toastType-10 .toastLink{
	background-color: var(--blue-color);
	border-color: var(--blue-color);
}
#systemNotification .notification-state-primary{
	background-color: rgb(251, 77, 0, .8);
	border: none;
	color: #fff;
}
#systemNotification .notification-state-primary .toast-header,
#systemNotification .notification-state-primary .toast-body,
#systemNotification .notification-state-primary .close{
	color: #fff;
	background: none;
}
#systemNotification .notification-state-secondary{
	background-color: rgb(60, 60, 60, .8);
	border: none;
	color: #fff;
}
#systemNotification .notification-state-secondary .toast-header,
#systemNotification .notification-state-secondary .toast-body,
#systemNotification .notification-state-secondary .close{
	color: #fff;
	background: none;
}
#systemNotification .notification-state-success{
	background-color: rgba(30, 136, 50, .8);
	/*border-color: rgba(251, 77, 0, .9);*/
	border: none;
	color: #fff;
}
#systemNotification .notification-state-success .toast-header,
#systemNotification .notification-state-success .toast-body,
#systemNotification .notification-state-success .close{
	color: #fff;
	background: none;
}
#systemNotification .notification-state-warning{
	background-color: rgba(133, 100, 4, .8);
	border: none;
	color: #fff;
}
#systemNotification .notification-state-warning .toast-header,
#systemNotification .notification-state-warning .toast-body,
#systemNotification .notification-state-warning .close{
	color: #fff;
	background: none;
}
#systemNotification .notification-state-danger{
	background-color: rgba(114, 28, 36, .8);
	border: none;
	color: #fff;
}
#systemNotification .notification-state-danger .toast-header,
#systemNotification .notification-state-danger .toast-body,
#systemNotification .notification-state-danger .close{
	color: #fff;
	background: none;
}
#systemNotification .notification-state-danger{
	background-color: rgba(251, 0, 0, .8);
	border: none;
	color: #fff;
}
#systemNotification .notification-state-danger .toast-header,
#systemNotification .notification-state-danger .toast-body,
#systemNotification .notification-state-danger .close{
	color: #fff;
	background: none;
}
#systemNotification .toast{
   border-top: 3px solid var(--greyColor);
}
#systemNotification .toastType-1{
	border-top: 3px solid var(--mainColor);
}
#systemNotification .toastType-2{
	border-top: 3px solid #c71388;
}
#systemNotification .toastType-3{
	border-top: 3px solid #92bc0a;
}
#systemNotification .toastType-4{
	border-top: 3px solid #92bc0a;
}
#systemNotification .toastType-5{
	border-top: 3px solid #00beb7;
}
#systemNotification .toastType-11{
	border-top: 3px solid #cc0000;
}
#systemNotification .toastType-11 .toast-header{
    color: #cc0000;
}
#systemNotification .toastType-10{
	border-top: 3px solid var(--blue-color);
}
#systemNotification .toastType-100{
	border-top: 0px;
}

#systemNotification .toastLink{
	float: right;
	margin-bottom: 10px;
}