/*
 * Dashboard Tweaks
*/


.ui-block {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e6ecf5;
    margin-bottom: 15px
}

[data-theme="dark"] .ui-block {
    border-radius: 5px;
    margin-bottom: 15px;
    background-color: var(--abs-body-bg);
    border: 1px solid var(--abs-card-border-color);
}

    .ui-block .card-header:last-child {
        border-bottom: 0
    }

.card-header {
    padding: 23px 25px 18px;
    line-height: 1;
    border-bottom: 1px solid var(--abs-body-bg);
    border-top: 1px solid var(--abs-body-bg);
    display: table;
    width: 100%;
    position: relative;
    border-radius: 5px 5px 0 0
}

.btn-md, .btn-md-2 {
    border-radius: .3rem
}

.card-header .more {
    padding-left: 25px;
    text-align: right;
    width: 16px
}

.card-header > * {
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle
}

.card-header.card-header-small {
    padding: 10px 25px
}

    .card-header.card-header-small .title {
        font-size: 9px;
        text-transform: uppercase;
        color: #9a9fbf
    }

.card-header:first-child {
    border-top: none
}

.card-header .btn {
    display: inline-block;
    margin-bottom: 0
}

    .card-header .btn + * {
        margin-left: 20px
    }

.card-header.inline-items .more {
    float: right;
    margin-top: 6px;
    padding-left: 0
}

.card-header + .card-header {
    border-bottom: none
}

.card-header .icon-add {
    margin-right: 0
}

#accordion + .card-header {
    border-top: none;
    border-bottom: none
}

.ui-block-content {
    padding: 24px 23px 23px
}

@media (max-width:1200px) {
    .responsive-flex1200 .card-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .responsive-flex1200 .card-header > * {
            margin-bottom: 10px
        }

        .responsive-flex1200 .card-header .points {
            text-align: left
        }

    .responsive-flex1200 .btn + * {
        margin-left: 0
    }

    .responsive-flex1200 .w-search {
        width: auto
    }

    .responsive-flex1200 .w-select {
        padding: 0
    }
}

@media (max-width:860px) {
    .responsive-flex .w-search {
        width: auto
    }
}


@media (max-width:480px) {
    .ui-block-content.display-flex.content-around {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .ui-block-content.display-flex.content-around > * {
            margin-bottom: 15px
        }
}

@media (max-width:320px) {
    .card-header .btn + .btn {
        margin-left: 0;
        margin-top: 15px
    }
}