.aprdasboard {
    * {
        transition: all 0.3s ease-out;
    }

    .card {
        display: block;
        top: 0px;
        position: relative;
        max-width: 262px;
        background-color: #ffffffff;
        border-radius: 4px;
        text-decoration: none;
        z-index: 0;
        overflow: hidden;
        border: 1px solid #f2f8f9;

        &:hover {
            transition: all 0.2s ease-out;
            box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
            top: -4px;
            border: 1px solid #cccccc;
            background-color: white;
        }

        &:before {
            content: "";
            position: absolute;
            z-index: -1;
            top: -16px;
            right: -16px;
            background: var(--main);
            height: 32px;
            width: 32px;
            border-radius: 32px;
            transform: scale(2);
            transform-origin: 50% 50%;
            transition: transform 0.15s ease-out;
        }

        &:hover:before {
            transform: scale(2.15);
        }
    }

    .card-group {
        margin-bottom: 10px;
    }

    .tab-content {
        padding-left: 13px;
        padding-right: 13px;
        background: #fff;
        margin-top: 10px;
    }

    .dropdown-item:hover {
        color: #FFF !important;
        background-color: gray !important;
    }

    .accordion-body {
        padding: 0.50rem !important;
    }

    .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    }

    .panel-default>.panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

    .bs-searchbox>input {
        padding: unset !important;
    }

    .card-body {
        padding: .50rem !important;
    }

    .panel-heading {
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
}