.order-card {
    color: #fff;
}

.bg-c-blue {
    background: linear-gradient(45deg,#4099ff,#73b4ff);
}

.bg-c-blue-second {
    background: linear-gradient(45deg,#036ED9,#73b4ff);
}

.bg-c-green {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}

.bg-c-green-second {
    background: linear-gradient(45deg,#0e8c5c,#59e0c5);
}

.bg-c-yellow {
    background: linear-gradient(45deg,#FFB64D,#ffcb80);
}

.bg-c-yellow-second {
    background: linear-gradient(45deg,#f76b1c,#ffcb80);
}

.bg-c-pink {
    background: linear-gradient(45deg,#FF5370,#ff869a);
}

.bg-c-pink-second {
    background: linear-gradient(45deg,#d11963,#ff869a);
}

.bg-c-ungu {
    background: linear-gradient(45deg,#961276,#FF57B9);
}

.bg-c-item {
    background: linear-gradient(45deg,#5D6874,#c5c7ca);
}

.bg-c-blue-ungu {
    background: linear-gradient(45deg,#c5c7ca,#961276);
}


.card {
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card .card-block {
    padding: 15px;
}

.order-card i {
    font-size: 70px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.EditPreview {
	cursor : pointer;
}