@import "../../styles/variables";

.Panel {
    border: 1px solid $koala;
    margin: 0 0 10px;

    &-header {
        background: #ececec;
        border-bottom: 1px solid $koala;
        padding: 10px;
    }

    &-header-title {
        float: left;
        font-size: 18px;
        font-weight: $weight_bold;
        margin: 0;
    }

    &-header-actions {
        float: right;
    }

    &-body {
        overflow: auto;
    }

    &-row {
        display: flex;
    }

    &-footer {
        border-top: 1px solid #ccc;
        clear: both;
        overflow: auto;
        padding: 5px;

    }

    &-footer-button {
        background: linear-gradient(rgb(235, 235, 235), rgb(255, 255, 255));
        border: 2px solid #ccc;
        float: right;
        font-weight: bold;
        padding: 5px 10px;
    }
}

.Panel-small {
    .Panel-body {
        height: 80px;
    }
}