.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
    background: #ffde72;
    box-shadow: none;
    border-radius: 4px !important;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
    color: #555555;
    font-family: "Roboto Slab", serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12) !important;
    border-radius: 4px !important;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #ffde72;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #ffde72;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #ffde72;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #ffde72;
}
.tooltipster-base {
    max-height: 400px;
    pointer-events: auto;
    overflow-y: auto;
}

@media screen and (max-width: 370px) {
    .tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
        font-family: "Roboto Slab", serif;
        font-size: 14px;
    }
    .tooltipster-base {
        max-height: 250px;
    }
}

@media screen and (min-width: 371px) and (max-width: 767px) {
    .tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
    }
    .tooltipster-base {
        max-height: 250px;
    }
}