/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 6 de abr. de 2021, 11:35:09
    Author     : marangoni
*/

.card {
    background-color: #fff;
    border-radius: 2px;
    border: none;
    position: relative;
    margin-bottom: 4px;
}

.card-title {
    font-size: 10px;
}
.card-title-bold {
    font-size: 10px;
    font-weight: bold;
}

.card-row {
    margin-right: 3px;
    margin-left: -3px;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.l-bg-cherry {
    background: linear-gradient(to right, #493240, #f09) !important;
    color: #fff;
}

.l-bg-blue-dark {
    background: linear-gradient(to right, #373b44, #4286f4) !important;
    color: #fff;
}

.l-bg-green-dark {
    background: linear-gradient(to right, #0a504a, #38ef7d) !important;
    color: #fff;
}

.l-bg-orange-dark {
    background: linear-gradient(to right, #a86008, #ffba56) !important;
    color: #fff;
}

.card .card-statistic-3 .card-icon-large .fas, .card .card-statistic-3 .card-icon-large .far, .card .card-statistic-3 .card-icon-large .fab, .card .card-statistic-3 .card-icon-large .fal {
    font-size: 30px;
}

.card .card-statistic-3 .card-icon {
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
    color: #000;
    position: absolute;
    right: 6px;
    top: 12px;
    opacity: 0.2;
}

.l-bg-cyan {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}

.l-bg-green {
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
    color: #fff;
}

.l-bg-orange {
    background: linear-gradient(to right, #f9900e, #ffba56) !important;
    color: #fff;
}

.l-bg-cyan {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}

.l-bg-cyan-dark {
    background: linear-gradient(to right, #000000, #333) !important;
    color: #fff;
}

.l-bg-scale-gray {
    background: linear-gradient(to right, #000000, #1a1a1a) !important;
    color: #fff;
}

.mb-0, .my-0 {
    margin-bottom: 0!important;
    margin-top: 3px;
}
.mb-2, .my-2 {
    margin-bottom: .5rem!important;
}
.mb-4, .my-4 {
    margin-bottom: 0.01rem!important;
}
.p-4 {
    padding: 0.5rem!important;
}
.mt-1, .my-1 {
    margin-top: .25rem!important;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.text-right {
    text-align: right!important;
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
@media (min-width: 325px) and (max-width: 735px) {
    .card-title-bold .card-title {
        font-size: 8px;
    }
    .card {
        width: 45vw;
    }
}