/* styly pro gritter notifikace */

body #gritter-notice-wrapper {
  width: 380px;
  z-index: 1030;
  right: 1.246875rem;
  top: 4rem
}

@media (max-width:575.98px) {
  body #gritter-notice-wrapper {
      width: auto;
      right: 0;
      top: 2.7rem;
      padding: 15px 20px;
      max-width: 360px
  }
}

body #gritter-notice-wrapper .gritter-item-wrapper {
  background: 0 0;
  background: rgba(var(--bs-gray-900-rgb), .95);
  border-radius: 4px;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)
}

.dark-mode body #gritter-notice-wrapper .gritter-item-wrapper {
  background: rgba(var(--bs-gray-700-rgb), .95)
}

body #gritter-notice-wrapper .gritter-item-wrapper .gritter-bottom,
body #gritter-notice-wrapper .gritter-item-wrapper .gritter-top {
  background: 0 0;
  display: none
}

body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item {
  font-family: inherit;
  padding: .703125rem .9375rem;
  background: 0 0;
  display: flex;
  flex: 1;
  align-items: center;
  padding-right: 100px
}

@media (max-width:575.98px) {
  body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item {
      padding: .9375rem;
      padding-right: 80px
  }
}

body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-with-image,
body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-without-image {
  float: none;
  width: auto;
  flex: 1
}

body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image {
  margin: 0;
  height: auto;
  border-radius: 80px;
  margin-right: .9375rem
}

@media (max-width:575.98px) {
  body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image {
      width: 36px
  }
}

body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-title {
  font-size: 1rem;
  line-height: 1.2;
  padding: 0;
  margin-bottom: 0px;
  font-weight: 600;
  color: #fff;
  text-shadow: none;
  display: block
}

@media (max-width:575.98px) {
  body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-title {
      font-size: .875rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
  }
}

body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item p {
  font-size: .6875rem;
  line-height: 1.5;
  color: #adb5bd
}

@media (max-width:575.98px) {
  body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item p {
      max-height: 2.0625rem;
      overflow: hidden
  }
}

body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close {
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  background: 0 0;
  width: 85px;
  height: auto;
  display: block!important;
  font-family: inherit;
  color: #adb5bd;
  border-left: none
}

@media (max-width:575.98px) {
  body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close {
      width: 65px
  }
}

body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:before {
  content: "Zavřít";
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  color: inherit;
  z-index: 10;
  text-indent: 0;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center
}

body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:focus,
body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:hover {
  color: #fff;
  outline: 0
}

body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light {
  background: red
}

body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-bottom,
body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item,
body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-top {
  color: #6c757d
}

body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item .gritter-title {
  color: #6C757D
}

body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item p {
  color: #495057
}

body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close {
  border-color: #dee2e6;
  color: #6f8293
}

body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close:focus:before,
body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close:hover:before {
  color: #20252a
}

body #gritter-notice-wrapper .gritter-item-wrapper.without-rounded-img .gritter-item .gritter-image {
  border-radius: 0
}