/* Gritter css Start */
/* the norm */
#gritter-notice-wrapper {
	position: fixed;
	top: 0;
	right: 1%;
	margin-right: 0px;
	width: 98%;
	z-index: 9999;
	overflow: hidden;
	line-height: 1.2;
	font-size: 0.8rem;
  }
  #gritter-notice-wrapper::after {
	content: '';
	display: block; width: 100%; height: 100%;
	position: fixed; z-index: -1; background: #000000; opacity: 0.5;
	top: 0; left: 0;
  }
  @media only screen and (min-width: 1600px) {
	#gritter-notice-wrapper { 
		font-size: 0.875rem;
	}
  }

  #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;
  }
  @media screen and (min-width: 768px) {
	#gritter-notice-wrapper {
	  top: 0px;
	  right: 0.5%;
	  left: auto;
	  margin-right: 0px;
	  width: 99%;
	}
	#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 0;
	background-color: rgba(0, 0, 0, 0.9);
	border-radius: 4px;
  }
  .gritter-item {
	display: table;
	table-layout: fixed;
	width: 100%;
	color: #e8263d;
	padding: 2px;
	text-align: center;
  }
  .gritter-close {
	position: absolute;
	top: 2px;
	right: 10px;
	font-size: 0;
	text-align: center;
	color: #eee;
	display: block !important;
	text-decoration: none !important;
  }
  .gritter-close:hover,
  .gritter-close:active,
  .gritter-close:focus {
	color: #fff;
  }
  .gritter-close:after {
	font-weight: normal;
	color: #e8263d;
	font-weight: 700;
	font-size: 21px;
	content: "x";
	line-height: 1;
  }
  .gritter-title {
	font-size: 14px;
	font-weight: 600;
	padding: 0 0 3px 0;
	display: none;
  }
  .gritter-image {
	display: table-cell;
	width: 54px;
	border-radius: 50%;
	vertical-align: middle;
  }
  .gritter-image > img {
	display: block;
	width: 100%;
	border-radius: 50%;
  }
  .gritter-with-image,
  .gritter-without-image {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	padding-left: 64px;
  }
  .gritter-without-image {
	padding-left: 0px;
  }
  .gritter-with-image p,
  .gritter-without-image p {
	padding: 0;
	margin: 0;
  }
  /* light */
  .gritter-item-wrapper.gritter-light {
	/*background-color: white;*/
	box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.15);
  }
  
  .gritter-item-wrapper.gritter-success {
	background-color: #e0f0cf;
	border-color: #d2e8b8;
  }
  
  .gritter-item-wrapper.gritter-danger {
	background-color: #fcdee2;
	border-color: #faccd1;
	color: #e8263d;
  }
  
  .gritter-item-wrapper.gritter-maintance {
	background-color: #1976D2;
	border-color: #1976D2;
  }
  
  .gritter-maintance .gritter-close,.gritter-maintance .gritter-without-image
  {
	  color: #fff !important;
  }
  
  .gritter-item-wrapper.gritter-light .gritter-item {
	color: #e8263d;
  }
  .gritter-item-wrapper.gritter-light .gritter-close {
	color: #999;
  }
  .gritter-item-wrapper.gritter-light .gritter-close:hover,
  .gritter-item-wrapper.gritter-light .gritter-close:active,
  .gritter-item-wrapper.gritter-light .gritter-close:focus {
	color: #666;
  }
  .gritter-item-wrapper.gritter-light .gritter-title {
	/*color: #555;*/
  }
  
  /* Gritter css End */