body, html {
    height: 100%;
}

/* HEADER */

.header {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 80px !important;
    margin-bottom: 0px;
    z-index: 1000;
    font-size: 150%;
    border-radius:0px;
    height: 65px;
    font-size: 200%;
    overflow-y: hidden;
    color:white;
    border-bottom: solid 1px #707070;
}

.header .header-datetime {
    float:right;
    text-align:right;
    margin-top:0px;
}

.header .header-datetime .date {
}

.header .header-datetime .time {
    font-size:36px;
    font-weight: bold;
}

/* CONTENT */

ng-view  {
    display: block;
    position: absolute;
    top: 80px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow-y: auto;
}

ng-view::-webkit-scrollbar {
    width: 0 !important;
}

ng-view.has-news {
    bottom: 90px;
}

ng-view.ng-enter { animation: fadeIn  2s; }
ng-view.ng-leave { animation: fadeOut 2s; }


.schedule .schedule-item{
    font-size: 200%;
}

.schedule .schedule-item > td > table > tbody > tr > td {
    border: none !important;
}

.schedule .schedule-item  > td > table {
    margin-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.schedule .schedule-item  > td {
}

.schedule .schedule-item  > td > table {
    margin-bottom: 0px;
}

.schedule .schedule-item:not(.success):not(.info):not(.warning):not(.danger)  > td > table {
    background-color: inherit;
    margin-bottom: 0px;
}

.schedule .schedule-item  .schedule-item-message {
    text-align: center;
    font-size: 80%;
    font-weight: bold;
    margin-top: 7px;
}

.schedule .schedule-item .schedule-item-type {
    margin-top: 0px;
    margin-right: 5px;
    margin-left: 5px;
}

.schedule .schedule-item .schedule-item-type > .side-event-id {
    margin-right: 4px;
}

.schedule .schedule-item.success .schedule-item-message,
.schedule .schedule-item.info    .schedule-item-message,
.schedule .schedule-item.warning .schedule-item-message,
.schedule .schedule-item.danger  .schedule-item-message {
    color: #272b30;
}

.schedule .schedule-item .schedule-item-title {
    font-weight: bold;
}

.schedule .schedule-item.ng-enter {
    animation: fadeInDown 1s;
}

.announcement {
    padding-top: 0px;
    font-size: 17px;
}

.announcement h1 { font-size: 38px; font-weight: normal; }
.announcement h2 { font-size: 34px; font-weight: normal; }
.announcement h3 { font-size: 29px; font-weight: normal; }
.announcement h4 { font-size: 26px; font-weight: normal; }
.announcement h5 { font-size: 21px; font-weight: normal; }
.announcement h6 { font-size: 19px; font-weight: normal; }
.announcement a  { text-decoration: inherit !important; }

.announcement .container {
    border-bottom: solid 1px #707070;
    padding-top: 40px;
    padding-bottom: 40px;
}
.announcement .container:last-child {
    border-bottom: none;
}

.announcement .container > announcement-content {
    margin:0px;
}


.middle {
    width:100%;
    height:100%;
    overflow-y: auto;
}

.middle::-webkit-scrollbar {
    width: 0 !important;
}

.middle > table {
    width:100%;
    height:100%;
    background-color: inherit;
}

.middle > table > tbody > tr > td {
    vertical-align:middle;
}
.middle > table > tbody > tr > td > p {
    font-size: 150%;
}

/* NEWS */
.news {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 90px;
    padding: 5px 10px;
    margin: 0px;
    font-size: 52px;
    overflow-x: auto;
    border-radius:0px
}
.news::-webkit-scrollbar {
    height: 0 !important;
}

.news.ng-enter { animation: fadeInUp    0.5s; }
.news.ng-leave { animation: fadeOutDown 0.5s; }

.news {
    color:white;
}

.news .news-content {
    white-space: nowrap;
    display: inline-block;
    padding-right: 5px;
}

.label.agenda      { background: #555; display: inline-block; min-width: 85px; font-size:70%;   }
.label.agenda.CBD  { background: #009B48; }
.label.agenda.CP   { background: #A05800; }
.label.agenda.NP   { background: #0086B7; }
.text-center       { text-align:  center;   }