#streamTypeImg {
    width: 65px;
    vertical-align: bottom !important;
    margin-left: 10px;
    margin-right: 10px;
}

#streamerAvatar {
    max-width: 65px;
    min-width: 65px;
    border-radius: 40px;
    margin: 5px 0;
    position: relative;
    border: 1.5px solid #4f8bae;
}

#date {
    font-size: 17pt;
}

#time {
    font-size: 12pt;
}

#day {
    font-size: 19pt;
    margin-bottom: 4px;
    font-weight: bold;
}

#dayOf404 {
    font-size: 19pt;
    margin-bottom: 4px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.3);
}

#streamDetail {
    font-size: 16pt;
    line-height: 21pt;
    display: inline-block;
    color: black;
    margin-left: 15px;
}

#stream404 {
    font-size: 15pt;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.3);
    margin-left: 5px;
}

.lastWeekButton {
    height: calc(100% - 10px);
    border-radius: 15px;
    display: flex;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
    float: right;
    width: 100%;
}

.lastWeekButton:hover {
    background-color: #4F8BAE;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;

}

.lastWeekButton:after {
    content: '';
    background-image: url("../../images/2023/03/07/left.svg");
    background-size: 50px;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    margin: auto;
}

.nextWeekButton {
    color: #4F8BAE;
    height: calc(100% - 10px);
    border-radius: 15px;
    display: flex;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
    width: 100%;
}

.nextWeekButton:hover {
    background-color: #4F8BAE;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;

}

.nextWeekButton:after {
    content: '';
    background-image: url("../../images/2023/03/07/left.svg");
    transform: scalex(-1);
    background-size: 50px;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    margin: auto;
}

.lastWeek, .nextWeek {
    padding: 0;
}

@media only screen and (max-width: 1200px) {
    .lastWeek, .nextWeek {
        padding: 10px !important;
    }

    .lastWeekButton, .nextWeekButton {
        margin-bottom: 10px;
        height: auto;
        width: 100%;
    }

    .lastWeekButton:after {
        content: '';
        background-image: url("../../images/2023/03/07/left.svg");
        transform: rotate(90deg);
        background-size: 50px;
        background-repeat: no-repeat;
        width: 50px;
        height: 50px;
        margin: auto;
    }

    .nextWeekButton:after {
        content: '';
        background-image: url("../../images/2023/03/07/left.svg");
        transform: rotate(270deg);;
        background-size: 50px;
        background-repeat: no-repeat;
        width: 50px;
        height: 50px;
        margin: auto;
    }
}

@media only screen and (max-width: 640px) {
    #date {
        font-size: 15pt;
    }

    #time {
        font-size: 10pt;
    }

    #day {
        font-size: 17pt;
    }

    #dayOf404 {
        font-size: 17pt;
    }

    #streamDetail {
        font-size: 13pt;
        margin-left: 0px;
    }

    #stream404 {
        font-size: 13pt;
    }

    #streamTypeImg {
        width: 50px;
    }

    #streamer {
        display: none !important;
    }
}

.noContent {
    background-color: #DCF2FF;
    border-radius: 15px;
    margin: auto;
    margin-bottom: 10px;
    justify-content: center;
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 20px;
}

.certainty {
    float: left;
    width: 60px;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex !important;
    position: relative;
    justify-content: center;
    border-radius: 10px;
    border: solid 1px rgba(0, 0, 0, 0.3);
}

.explain p {
    font-size: 5pt !important;
}

#calendarRow {
    background-color: #DCF2FF;
    border-radius: 15px;
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    align-items: center;
}

#dateAndTime {
    color: #4f8bae;
    float: left;
    margin: 16px 10px 10px 20px;
}

#streamer {
    display: flex;
    position: relative;
    margin-left: auto;
    margin-right: 10px;
}

#streamType {
    display: inline-block;
    position: relative;
    width: 65px;
}

#calendarApp {
    margin: 0 auto;
    padding: 0 20px;
    /*max-width: 800px;*/
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.liveLink {
    animation: linkBlink 6s infinite;
}

.liveLink:visited {
    animation: linkBlink 6s infinite;
}

.liveLink:hover {
    color: rgb(220, 53, 69);
    animation: unset;
}

@keyframes linkBlink {
    0% {
        color: rgb(0, 0, 0);
    }
    50% {
        color: rgb(220, 53, 69);
    }
    100% {
        color: rgb(0, 0, 0);
    }
}

.liveLine {
    margin: 0 auto;
}