#gritter-notice-wrapper {
 position:fixed;
 top:20px;
 right:20px;
 width:301px;
 z-index:9999
}
#gritter-notice-wrapper.top-left {
 left:20px;
 right:auto
}
#gritter-notice-wrapper.bottom-right {
 top:auto;
 left:auto;
 bottom:20px;
 right:20px
}
#gritter-notice-wrapper.bottom-left {
 top:auto;
 right:auto;
 bottom:20px;
 left:20px
}
.gritter-item-wrapper {
 position:relative;
 margin:0 0 10px;
 background:url(../images/ie-spacer.gif)
}
.gritter-top {
 /*! background:url(../images/gritter.png) left -30px no-repeat; */
 height:10px
}
.hover .gritter-top {
 background-position:right -30px
}
.gritter-bottom {
/* background:url(../images/gritter.png) left bottom no-repeat;*/
 height:8px;
 margin:0
}
.hover .gritter-bottom {
 background-position:bottom right
}
.gritter-item {
 display:block;
 /*background:url(../images/gritter.png) left -40px no-repeat;*/
 color:#eee;
 padding:2px 11px 8px;
 font-size:14px;
}
.gritter-item ul{margin:0 25px }
.hover .gritter-item {
 background-position:right -40px
}
.gritter-item p {
 padding:0;
 margin:0;
 word-wrap:break-word
}
.gritter-close {
 position:absolute;
 top:5px;
 left:3px;
 cursor:pointer;
 width:30px;
 height:30px;
 text-indent:-9999em;
 font-size: 0;
 color: #FFEA07;
      right: auto;
    outline: none !important;
 /*! top: 0px; */
 content: ;
 text-align: center;
 /*! font-family: 'Font Awesome 5 Pro'; */
}
.gritter-close::before {
  font-family: "Font Awesome 5 Free";
    font-size: 16px;
    content: "\f00d";
}
.gritter-title {
 font-size:14px;
 font-weight:700;
 padding:0 0 7px;
 display:block;
 text-shadow:1px 1px 0 #000
}
.gritter-image {
 width:48px;
 height:48px;
 float:left
}
.gritter-with-image,
.gritter-without-image {
 padding:0
}
.gritter-with-image {
 width:220px;
 float:right
}
.gritter-light .gritter-bottom,
.gritter-light .gritter-close,
.gritter-light .gritter-item,
.gritter-light .gritter-top {
 background-image:url(../images/gritter-light.png);
 color:#222
}
.gritter-light .gritter-title {
 text-shadow:none
}
.gritter-item-wrapper.gritter-info {
    background: rgba(49,81,133,.92)
}

.gritter-item-wrapper.gritter-error {
    background: rgba(153,40,18,.92)
}

.gritter-item-wrapper.gritter-success {
background: rgba(52, 153, 18, 0.92);
}

.gritter-item-wrapper.gritter-warning {
    background: rgba(190,112,31,.92)
}

.gritter-item-wrapper.gritter-light {
    background: rgba(245,245,245,.95);
    border: 1px solid #BBB
}
.gritter-center {
 position:fixed !important;
 left:33%;
 right:33%;
 bottom:33%
}