html, body {
    height: 100%
}
body {
    background: transparent !important;
}
.card{
    padding: 8px !important;
    width: 128px !important;
}
div .row > * {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.widget-card .card {
    width: 100% !important;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.81) 2.6%, rgba(255, 255, 255, 0.8) 71.87%) !important;
    padding: 12px !important;
}

.widget-card .col-md:first-child .card {
    background: linear-gradient(180deg, #FFFFFF -1.4%, rgba(255, 255, 255, 0.8) 1.81%, #FFFFFF 21.68%, #FFFFFF 100.11%) !important;
    filter: drop-shadow(0px 1px 12px rgba(0, 0, 0, 0.25)) !important;
}

    .widget-card .col-md:first-child .card .today-header div {
        color: var(--dark1) !important;
    }

        .widget-card .col-md:first-child .card .sub-heading, .widget-card .col-md:first-child .card .today-header div:first-child {
            font-weight: 600 !important;
            color: var(--dark1) !important;
        }

@media screen and (min-width: 415px) {
    div .row > * {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}
@media screen and (min-width: 835px) {
    div .row > * {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}
@media (max-width: 940px){
    .fix_conn {
        overflow-x: auto !important;
    }
}
@media screen and (max-width: 912px){
    #widget .col-md {
        width: 30% !important;
        min-width: 140px;
    }
}