.sy-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
    position: relative;
}

    .sy-card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }


.sy-card-bg {
    background-color: #f5f5f5;
}

.sy-card-header {
    padding: 3px;
}

.sy-card-header-border {
    border-bottom: 1px solid #2983d9;
}

.sy-card-body {
    padding: 3px;
    overflow: auto;
}

.sy-card-footer {
    width: 100%;
    padding: 3px;
    position: relative;
    bottom: 0;
}

.sy-card-footer-border {
    border-top: 1px solid #2983d9;
}

.sy-card-border {
    border: 1px solid #2983d9;
}

.sy-card-border-radius {
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.sy-card-border-blue {
    border: 1px solid #034ea2;
}

.sy-card-border-orange {
    border: 1px solid #f8981d;
}

.sy-card-border-red {
    border: 1px solid #ed1a3b;
}

.sy-card-border-light-blue {
    border: 1px solid #4596ce;
}

.sy-card-header-bg-brand-color-2 {/*REM Repensarlo*/
    background-color: #eaf5ff;
}

.sy-card-header-bg-yellow {
    background-color: #ffffcc;
}

.sy-card-header-bg-red {
    background-color: #ed1a3b;
}