.viison-common--sidebar .x-panel-header {
    padding: 7px 10px 7px;
    border-bottom: 1px solid #a4b5c0 !important;
    border-left: none !important;
}

.viison-common--sidebar.has--header-size-large .x-panel-header {
    padding: 10px 10px 10px;
    border-bottom: 1px solid #a4b5c0 !important;
    border-left: none !important;
}

.viison-common--sidebar.has--header-size-large .x-panel-header .x-panel-header-text-default {
    padding-left: 3px;
    font-size: 12px
}

.viison-common--sidebar.has--header-size-extra-large .x-panel-header {
    padding: 15px 10px 14px;
    border-bottom: 1px solid #a4b5c0 !important;
    border-left: none !important;
}

.viison-common--sidebar.has--header-size-extra-large .x-panel-header .x-panel-header-text-default {
    padding-left: 5px;
    font-size: 13px
}

.viison-common--sidebar .x-panel-body {
    padding: 25px;
    color: #475c6a;
}

.viison-common--sidebar.viison-common--grid .x-panel-body {
    padding: 0;
}

.viison-common--sidebar .x-panel-body h1 {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
}

.viison-common--sidebar .x-panel-body h1.has--border {
    padding-bottom: 10px;
    border-bottom: 1px solid #E6EAED;
}

.viison-common--sidebar .x-panel-body p {
    margin-bottom: 12px;
    line-height: 1.5;
}

.viison-common--sidebar .x-panel-body strong {
    font-weight: bold;
}

.viison-common--sidebar .x-panel-body .is--icon {
    display: inline-block;
    margin-top: 3px;
    width: 16px;
    height: 16px;
    background-position: center left;
}

.viison-common--sidebar .x-panel-body .has--single-line-labels label {
    display: block;
    font-size: 9px;
    text-transform: uppercase;
    opacity: 0.5;
}

.viison-common--sidebar .x-panel-body .has--single-line-labels label + span {
    display: block;
}

.viison-common--sidebar .x-panel-body .is--multiline {
    white-space: pre-wrap;
}

.has--viison-common--sidebar .x-panel-header-vertical {
    z-index: 100;
    padding: 8px;
    background: url("data:image/svg+xml;charset=utf-8;base64,CiAgICA8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIg dmVyc2lvbj0iMS4xIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj4KICAg ICAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudCIgeDE9IjAlIiB5MT0i MCUiIHgyPSIwJSIgeTI9IjEwMCUiPic8c3RvcCBvZmZzZXQ9IjAlIiBzdHls ZT0ic3RvcC1jb2xvcjojZjdmN2Y3O3N0b3Atb3BhY2l0eToxIiAvPicsICc8 c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNlNWU2ZTg7 c3RvcC1vcGFjaXR5OjEiIC8+JzwvbGluZWFyR3JhZGllbnQ+CiAgICAgIDxy ZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3Jh ZGllbnQpIiAvPgogICAgPC9zdmc+CiAgICA= ") center center no-repeat transparent;
}

.has--viison-common--sidebar .x-panel-header-vertical .x-tool-top {
    top: 0 !important;
}

.has--viison-common--sidebar .x-panel-header-vertical .x-surface {
    top: 21px !important;
    left: 1px !important;
}

.viison-common--sidebar .is--empty-text {
    font-size: 105%;
    line-height: 1.5;
    text-align: left;
    color: rgba(71,92,106, 0.5); // #475c6a
}

.viison-common--sidebar .is--empty-text .is--headline {
    display: block;
    padding-bottom: 10px;
    font-weight: bold;
    color: rgba(71,92,106, 0.8);
}

.viison-common--sidebar.has--no-border {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.viison-common--sidebar.has--no-border .x-panel-header {
    border-left: none !important;
    border-right: none !important;
    outline: none !important;
}

.viison-common--sidebar.has--no-border .x-panel-body {
    border: none !important;
}

.viison-common--sidebar.has--no-border.is--left-sidebar {
    border-right: 1px solid #a4b5c0 !important;
}

.viison-common--sidebar.has--no-border.is--right-sidebar {
    border-left: 1px solid #a4b5c0 !important;
}

.viison-common--sidebar.is--secondary .x-panel-body {
    background-color: rgba(235, 237, 239, 0.5) !important;
}

