#web-report {
    min-width: max-content;
    max-width: 1200px;
    margin: 0 auto;
}

#summary-map {
    max-width: 600px;
    max-height: 600px;
}

#events-map {
    margin: 0 auto;
}

#events-map .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.event-no-dist {
    font-size: 17px;
}

.map-event {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    cursor: pointer;
    /* border: solid red; */
}

.map-event > span {
    color: #b76363;
    position: absolute;
    left: -25px;
    bottom: -10px;
    font-size: 41px;
    font-weight: 400;
    font-family: 'Vollkorn';
}

.daytime-night .map-event > span  {
    color: #2d2d2d;
}

.daytime-sunset .map-event > span  {
    color: #863939;
}

.daytime-night-begin .map-event > span  {
    color: #863939;
}

.daytime-day-begin .map-event > span  {
    color: #863939;
}

#map-header {
    background-color: #f9fafc;
    font-size: 17px;
    padding-top: 5px;
}

.popover {
    top: 50px !important;
}

.map-event-carp-sm {
    height: 62px;
    width: 100px;
    background-image: url("/img/carp-sm.png");
}

.map-event-carp-sm > span {
    left: -27px;
    bottom: -24px;
    font-size: 25px;
}

.map-event-carp-md {
    height: 93px;
    width: 150px;
    background-image: url("/img/carp-md.png");
}

.map-event-carp-md > span {
    left: -17px;
    bottom: -4px;
    font-size: 25px;
}

.map-event-carp-lg {
    height: 124px;
    width: 200px;
    background-image: url("/img/carp-lg.png");
}

.map-event-carp-lg > span {
    left: -36px;
    bottom: -10px;
    font-size: 30px;
}

.map-event-carp-xlg {
    height: 155px;
    width: 250px;
    background-image: url("/img/carp-xlg.png");
}

.map-event-carp-xlg > span{
    left: -50px;
    bottom: -10px;
    font-size: 35px;
}

.map-event-amour-sm {
    height: 37px;
    width: 100px;
    background-image: url("/img/amour-sm.png");
}

.map-event-amour-sm > span{
    left: -38px;
    bottom: -26px;
    font-size: 25px;
}

.map-event-amour-md {
    height: 55px;
    width: 150px;
    background-image: url("/img/amour-md.png");
}

.map-event-amour-md > span {
    left: -19px;
    bottom: -30px;
    font-size: 25px;
}

.map-event-amour-lg {
    height: 73px;
    width: 200px;
    background-image: url("/img/amour-lg.png");
}

.map-event-amour-lg > span {
    left: -23px;
    bottom: -33px;
    font-size: 30px;
}

.map-event-amour-xlg {
    height: 92px;
    width: 250px;
    background-image: url("/img/amour-xlg.png");
}

.map-event-amour-xlg > span{
    left: -32px;
    bottom: -26px;
    font-size: 35px;
}

.map-event-fish-fail {
    height: 93px;
    width: 150px;
    background-image: url("/img/carp-md.png");
}

.map-event-fish-fail > span {
    left: 51px;
    bottom: -5px;
    font-size: 58px;
    color: #7a7a7a !important;
}

.map-event-fish-bite {
    height: 80px;
    width: 53px;
    background-image: url("/img/alarm.png");
}

.map-event-spod {
    height: 80px;
    width: 80px;
    background-image: url("/img/spomb.png");
}

.map-event-spod > span {
    left: -41px;
    bottom: -2px;
    font-size: 35px;
}

.map-event-throwstick {
    height: 75px;
    width: 150px;
    background-image: url("/img/throwstick.png");
}

.map-event-boatfeed {
    height: 80px;
    width: 80px;
    background-image: url("/img/spoon.png");
}

.daytime-sunrize-begin {
    background-image: linear-gradient(to bottom, #60666b, #7d7f89, #a198a4, #c8b1ba, #eccdcb);
}

.daytime-sunrize {
    background-color:  #eccdcb;
}

.daytime-day-begin {
    background-image: linear-gradient(to bottom, #eccdcb, #f0d9de, #f3e6ed, #f7f3f8, #ffffff);
}

.daytime-day {

}

.daytime-sunset-begin {
    background-image: linear-gradient(to bottom, #ffffff, #f7f3f8, #f3e6ed, #f0d9de, #eccdcb);
}

.daytime-sunset {
    background-color:  #eccdcb;
}

.daytime-night-begin {
    background-image: linear-gradient(to bottom, #eccdcb, #c8b1ba, #a198a4, #7d7f89, #60666b);
}

.daytime-night {
    background-color: #60666b;
    color: #f9fafc;
}

.daytime-night .row-time {
    color: #f1ebeb;
}

.daytime-night .row-date {
    color: #c3c3c3 !important;
}

.collapsed-block > div {
    margin: 0 auto;
    text-align: center;
    border: solid 1px lightgray;
    border-radius: 20px;
    padding: 20px;
}

.fish-row {
    cursor: pointer;
}

.fish-row:hover {
    text-decoration: underline;
}

.web-footer {
    background-color: #f9fafcb5;
    max-width: 400px;
}


a.pond-card, a.pond-card:hover {
  color: inherit;
}

.pond-card {
    cursor: pointer;
}