@import '../index';

.module.page
    border: 1px solid  $app['palette']['border-primary']
    color:  $app['palette']['text-primary']
    position: relative
    min-height: 5em;
    box-shadow: none

.module.page .page-header
    background-color:  $app['palette']['border-secondary']
    color:  $app['palette']['text-secondary']
    height: 2em;

.module.page .page-body
    min-height: 3em;
    top: 2em;

.module.page .page-footer
    display: none;

.module-page.disabled
    opacity: 0.2



.module-list > .list > .table-list > .table-list-row,
.module-pub > .list > .table-list > .table-list-row
    float: left;
    width: calc(50% - 0.4em);
    margin: 0.2em
    background-color: transparent;
    box-sizing: border-box;

.module-list .sidePanel
    top: initial
    height: 100%
    width: 30em

.module-list .sidePanel.sidePanel-PagePicker
    width: 60em

.module-schedule
    border: 1px solid  $app['palette']['border-secondary']
    border-radius: 0.5em

.module-schedule > div
    display: inline-flex;
    margin: .5em;
    vertical-align: middle;

.module-schedule > .module
    width: calc(100% - 5em)

.module-schedule > .module > .form
    margin: 0;


.module-schedule-content
    display: block !important




.module-page > .list > .table-list > .table-list-row
    padding: 0.2em;
    background-color: transparent;
    box-sizing: border-box;

.module-page > .list > .table-list > .table-list-row:hover
    padding: 0.2em




.module-list-header
    display: flex

.module-list-header label
    width: 100%
    margin-left: 1em


.module-page-header > label
    position: absolute
    margin-left: 1.5em

.module-page-header > .button
    margin-left: 0em

.module .list-expandable .module-pub-devices
    width: calc(100% - 2em)


.module-link-page
    border: 1px solid;
    padding: 0 .5em 0 0;
    margin: 0.1em 0 1em 0;

.module-link-page input
    border: 0;