.disclaimers-container .disclaimer {
    padding: 5px 20px 20px 64px;
    position: relative;
    background: #e9f9d7;
    margin: 0 10px 20px 10px;
    border-radius: 5px;
    word-wrap: break-word;
}

.disclaimers-container .disclaimer h4 {
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 20px;
    font-weight: bold;
}

.disclaimers-container .disclaimer p {
    font-size: 15px;
    margin-right: 15px;
    color: #535B63;
}

.disclaimers-container .disclaimer + .disclaimers-container .disclaimer {
    margin-top: 0;
}

.disclaimers-container .disclaimer .icomoon {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 27px;
    color: #77b52F;
    background-image: url("../img/disclaimer/green_ring@1x.svg");
    background-size: 100%;
    width: 24px;
    height: 24px;
}

.disclaimers-container .disclaimer .close {
    background: url("../img/disclaimer/close@1x.svg");
    background-size: 100%;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.disclaimers-container .disclaimer.warn {
    background: #FFFADF;
}

.disclaimers-container .disclaimer.warn .icomoon {
    background-image: url("../img/disclaimer/yellow_ring@1x.svg");
}

.disclaimers-container .disclaimer.error {
    background: #FFF2F3;
}

.disclaimers-container .disclaimer.error .icomoon {
    background-image: url("../img/disclaimer/red_ring@1x.svg");
}

.is-mobile .disclaimer p.full {
    display: block;
}
.is-mobile .disclaimer p.short {
    display: none;
}
.is-mobile .disclaimer .details {
    display: none;
    border-bottom: 1px dashed;
}
.is-mobile .disclaimer.short p.full {
    display: none;
}
.is-mobile .disclaimer.short p.short {
    display: block;
}
.is-mobile .disclaimer.short .details {
    display: inline-block;
}

@media only screen and (min-width: 737px) {
    .is-mobile .disclaimer {
        padding-bottom: 17px;
        padding-left: 59px;
        margin: 17px 10px;
    }

    .is-mobile .disclaimer h4 {
        margin-top: 15px;
    }

    .is-mobile .disclaimer p {
        margin-right: 17px;
    }

    .is-mobile .disclaimer .icomoon {
        top: 17px;
        left: 17px;
        width: 24px;
        height: 24px;
    }

    .is-mobile .disclaimer .close {
        top: 17px;
        right: 17px;
        width: 12px;
        height: 12px;
    }
}

@media only screen and (max-width: 736px) {
    .is-mobile .disclaimer {
        padding-bottom: 15px;
        padding-left: 48px;
        margin: 15px 10px;
    }

    .is-mobile .disclaimer h4 {
        margin-top: 12px;
    }

    .is-mobile .disclaimer p {
        margin-right: 15px;
    }

    .is-mobile .disclaimer .icomoon {
        top: 15px;
        left: 15px;
        width: 18px;
        height: 18px;
    }

    .is-mobile .disclaimer .close {
        top: 15px;
        right: 15px;
        width: 10px;
        height: 10px;
    }
}