/** ADD YOUR AWESOME CODES HERE **/
.box {
    width: 200px;
    height: 300px;
    position: relative;
    border: 1px solid #BBB;
    background: #eee;
    float: left;
    margin: 20px
}

.ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

    .ribbon span {
        font-size: 10px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        line-height: 20px;
        transform: rotate(45deg);
        width: 100px;
        display: block;
        background: #79A70A;
        background: linear-gradient(#9BC90D 0%, #79A70A 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 19px;
        right: -21px;
    }

        .ribbon span::before {
            content: '';
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #79A70A;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

        .ribbon span::after {
            content: '';
            position: absolute;
            right: 0%;
            top: 100%;
            z-index: -1;
            border-right: 3px solid #79A70A;
            border-left: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

.red span {
    background: linear-gradient(#F70505 0%, #8F0808 100%);
}

    .red span::before {
        border-left-color: #8F0808;
        border-top-color: #8F0808;
    }

    .red span::after {
        border-right-color: #8F0808;
        border-top-color: #8F0808;
    }

.blue span {
    background: linear-gradient(#2989d8 0%, #1e5799 100%);
}

    .blue span::before {
        border-left-color: #1e5799;
        border-top-color: #1e5799;
    }

    .blue span::after {
        border-right-color: #1e5799;
        border-top-color: #1e5799;
    }

    .SepetGridCell{
        font-size:16px;
    }
    .SepetGridHeader{
        font-size:16px;
        color:red;
        text-align-last:center;
    }
    .SepetGridFooter{
        font-size:20px;
        font-weight:bold;
    }
    .SepetFiyat {
    font-size: 16px;
    font-weight: bold;
    }