/*
mockup colours:

    green = #487163
    burgundy = #732f4e
    yellow = #6d7335
    blue = #3e3572
    brown = #72512f
    beige = #e6e7e0
*/

.home-root-container .x-panel-body-default {
    background: #e6e7e0;
}

.home-panel {
    /*border: 1px solid gray; */
    border-radius: 10px;
    box-shadow: 0 4px 6px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    margin: 5px;
}

.home-panel .x-panel-body-default {
    background: #ffffff;
}

.home-panel .x-panel-header-title-default {
    color: #ffffff;
    font-weight: 600;
}

.home-panel-green .x-panel-header-default {
    background-color: #487163;
}

.home-panel-burgundy .x-panel-header-default {
    background-color: #732f4e;
}

.home-panel-yellow .x-panel-header-default {
    background-color: #6d7335;
}

.home-panel-blue .x-panel-header-default {
    background-color: #3e3572;
}

.home-panel-brown .x-panel-header-default {
    background-color: #72512f;
}

.noborder {
    border-width: 0px
}