$text-color: #A1A1A1;
.text-muted-blue{
    color: #859CB2 !important;
}
.fav-item {
    text-align: center;
    margin: 0px 10px;

    a{
        display: flex;
        background: white;
        justify-content: center;
        align-items: center;
        padding: 5px 12px;
        border-radius: 20px;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
        transition: .3s ease;
        &:hover{
            opacity: .5;
        }
    }

    //a:hover {
    //    opacity: 0.5;
    //
    //    .icon-wrap {
    //        color: #fff;
    //        background-color: #a9adad;
    //    }
    //}

    &,
    label {
        cursor: pointer;
    }

    .icon-wrap {
        margin-right: 5px;
        //text-align: center;
        //padding: 10px;
        //background-color: #EEF4F4;
        //border-radius: 15px;
        color: #859CB2;
        //margin: 0px auto;
        //
        //width: 45px;
        //min-width: 45px;
    }

    .icon-wrap {
        .fas {
            //font-size: 25px;
        }
    }

    label {
        font-size: .75rem;
        font-weight: 400 !important;
        color: #859CB2;
        margin-bottom: 0;
    }
}

.row-info {
    color: $text-color;
}

// @media screen and (min-width: 596px) {
//     .fav-item .icon-wrap {
//         width: 50%;
//     }
// }

@media (max-width: 767px) {

    .content-wrapper>.dashboard-content.content,
    .dashboard-content .container-fluid {
        padding: 0px;
    }
}

@media only screen and (hover: none) {
    .dashboard-content .card .row::-webkit-scrollbar {
        display: none;
    }
}

.row-summary {
    .info-box {
        border: 0px;
        box-shadow: none;

        .info-box-icon {
            color: #859cb2;
            /* font-size: 65px; */
            background: #eef4f4;
        }

        .info-box-content {
            padding-left: 20px;

            .info-box-number {
                font-size: 1.2rem;
                color: #535353;
            }

            .info-box-text {
                color: #A8A8A8;
            }
        }
    }
    .ssmall-box .icon>i.fa, .small-box .icon>i.fab, .small-box .icon>i.fad, .small-box .icon>i.fal, .small-box .icon>i.far, .small-box .icon>i.fas, .small-box .icon>i.ion {
        opacity: .25;
        display: flex;
        justify-content: start;
        align-items: end;
    }
}


.row-chart {
    .chart-wrapper {
        overflow: hidden;
        width: 100%;
    }

    .error-wrapper, .chart-wrapper {
        height: 300px;
    }

    div.card-wrap {
        display: flex;
        width: 100%;

        .card {
            width: 100%;

            .card-title {
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
    }

    .btn-group {
        button {
            margin: 0px 5px;
        }
    }
}

.placeholder,
.placeholder-25,
.placeholder-50,
.placeholder-90 {
    animation: wave 2s linear infinite forwards;
    -webkit-animation: wave 2s linear infinite forwards;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #f6f7f8;
    background: linear-gradient(90deg, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 570px 200px !important;
    color: transparent;
    display: block;
    min-height: 15px;
    background-repeat: inherit !important;
    filter: inherit !important;
}

$frame-size-0: -290px 0;
$frame-size_to: 290px 0;

@keyframes wave {
    0% {
        background-position: $frame-size-0;
    }

    to {
        background-position: $frame-size_to;
    }
}

@-webkit-keyframes wave {
    0% {
        background-position: $frame-size-0;
    }

    to {
        background-position: $frame-size_to;
    }
}

.error-msg {
    color: #dc3545;
}