/* the norm */

#gritter-notice-wrapper {
    position:fixed;
    top:58px;
    right:80px;
    width:301px;
    z-index:9999;
    background-color: #131231;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 0.89;
}

@media (max-width: 480px) {
    #gritter-notice-wrapper {
        right: 10px;
    }
}
#gritter-notice-wrapper.top-left {
    left: 40px;
    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 0;
}
.gritter-top {
    height:10px;
}
.hover .gritter-top {
    background-position:right -30px;
}
.gritter-bottom {
    height:8px;
    margin:0;
}
.hover .gritter-bottom {
    background-position: bottom right;
}
.gritter-item {
    display:block;
    color:#eee;
    padding:2px 11px 8px 11px;
    font-size: 11px;
    font-family:verdana;
}
.hover .gritter-item {
    background-position:right -40px;
}
.gritter-item p {
    padding:0;
    margin:0;
    word-wrap:break-word;
}
.gritter-close {
    display:block;
    position:absolute;
    top:5px;
    left:3px;
    cursor:pointer;
    width:30px;
    height:30px;
    font-size: 1.7em;
/*    text-indent:-9999em;
*/}
.gritter-title {
    font-size:14px;
    font-weight:bold;
    padding:0 0 7px 0;
    display:block;
    text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
}
.gritter-image {
    width:48px;
    height:48px;
    float:left;
}
.gritter-with-image,
.gritter-without-image {
    margin-left: 10px;
    padding:0;
}
.gritter-with-image {
    width:220px;
    float:right;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    color: #222;
}
.gritter-light .gritter-title {
    text-shadow: none;
}
.modal-msg {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.modal-msg-content {
  background-color: #fefefe;
  margin: 15% auto;
  width: 350px;
  text-align: center;
}
.modal-header-msg {
  padding: 7px;
}
.modal-msg-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.darkred {
  color: darkred;
}