@font-face {
	font-family: Glyph;
	src: url('../glyph/close.eot?97638464');
	src: url('../glyph/close.eot?97638464#iefix') format('embedded-opentype'),
		 url('../glyph/close.woff?97638464') format('woff'),
		 url('../glyph/close.ttf?97638464') format('truetype'),
		 url('../glyph/close.svg?97638464#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

.lite-alert-box {
  position: fixed;
  bottom: 10px;
  left: 10px; 
  z-index: 999999;
}
.lite-alert-item {
  background: rgba(52, 58, 64, 0.8);
  padding: 0 10px;
  border-radius: 5px;
  width: 220px;
  color: #ffffff;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.8);
  margin-top: 20px;
  position: relative; }
.dontshowanymore {
  background: #dc3545;
  padding: 0 10px;
  border-radius: 5px;
  width: 220px;
  color: #ffffff;
  box-shadow: 0 0 10px 5px rgba(255, 91, 91, 0.8);
  margin-top: 20px;
  position: relative; }
  .lite-alert-item-close {
    font-size: 12px;
    height: 8px;
    width: 8px;
    margin: 10px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    color: #fff;
}
    .lite-alert-item-close:before {
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        content: '\f00d'; 
}
    .lite-alert-item-close:hover {
      color: white; }
  .lite-alert-item-header {
    font-weight: bold;
    padding: 10px 0 4px 0;
    max-width: 186px;
}
  .lite-alert-item-footer {
    padding: 5px 0; }

.lite-alert-item-content{
    margin-bottom: 0;
    width: 185px;
}
.fa-bell-slash{
    bottom: 5px;
    position: absolute;
    left: 9px;
}
.cursor{
    cursor: pointer;
    color: red;
}
.ui-helper-hidden-accessible div{
    left: 220px;
    z-index: 9999999999999999999;
}