#mainContainer::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  background-color: #ebebeb;
}
#mainContainer::-webkit-scrollbar {
  width: 9px;
  background-color: #ebebeb;
}
#mainContainer::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #0071b6;
}
.scrollbar-gray::-webkit-scrollbar-track {
  background-color: #e9e9e9;
}
.scrollbar-gray::-webkit-scrollbar {
  width: 9px;
  background-color: white;
}
.scrollbar-gray::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #cdcdcd;
}
body {
  font-family: Nexa-Book;
  font-size: 14px;
}
body.overlay {
  overflow-y: hidden;
}
body #body {
  /*position: absolute;*/
  margin-left: 80px;
  padding: 0;
  background-color: white;
  background-size: cover;
}
body #mainContainer {
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 0;
  padding-bottom: 50px;
}
body #header-login {
  display: block;
}
body #header-login > * {
  display: block;
}
body #header-login a:hover {
  text-decoration: none;
  font-weight: bold;
}
body #header {
  background-color: #c4f5fb;
  height: 39px;
  margin-left: 80px;
}
body #header #header-text {
  color: #0071b6;
  display: block;
  float: left;
  margin-left: 33px;
  font-size: 20px;
  font-weight: 600;
  vertical-align: middle;
  padding-top: 8px;
}
body #header #header-text #header-office {
  display: block;
}
body #header #header-text #header-site {
  display: block;
  margin-top: 0;
}
body #header #header-text #eboiLogo {
  display: inline-block;
  width: 148px;
  height: 19px;
  text-align: center;
  background: url(/Images/eboilogo.png) no-repeat;
}
body #menu-bar {
  background-color: #afc3dc;
  cursor: default;
  width: 80px;
  float: left;
  height: 100%;
  position: fixed;
  z-index: 999;
}
body #menu-bar.guest {
  background-color: #f6cac9;
}
body #menu-bar.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
body #menu-bar #logo {
  margin-top: 15px;
  color: white;
  text-align: center;
}
body #menu-bar #logo span {
  clear: both;
  display: block;
  margin-top: 14px;
  font-size: 9px;
}
body #menu-bar #kwantumlogo {
  position: fixed;
  bottom: 17px;
  left: 5px;
  width: 70px;
  height: 14px;
  text-align: center;
  background: url(/Images/kwantum1440.png) no-repeat;
}
body #menu-bar #menu.guest,
body #menu-bar #bottomMenu.guest {
  margin-top: 0;
  background-color: #f6cac9;
}
body #menu-bar #menu .menu-item,
body #menu-bar #bottomMenu .menu-item {
  padding-top: 21px;
  padding-bottom: 21px;
  color: white;
  display: block;
  background-position: top;
  vertical-align: text-bottom;
  text-align: center;
}
body #menu-bar #menu .menu-item.mobile,
body #menu-bar #bottomMenu .menu-item.mobile {
  display: none;
}
body #menu-bar #menu .menu-item:hover,
body #menu-bar #bottomMenu .menu-item:hover {
  /*background: linear-gradient(to bottom, #e0e0e0 0%, #ffffff 100%);*/
  font-style: normal;
  text-decoration: none;
}
body #menu-bar #menu .menu-item .label,
body #menu-bar #bottomMenu .menu-item .label {
  margin-left: auto;
  margin-right: auto;
  display: none;
  vertical-align: bottom;
  margin-top: 3px;
}
body #menu-bar #menu .menu-item:hover,
body #menu-bar #bottomMenu .menu-item:hover {
  background: #f6cac9;
}
body #menu-bar #menu .menu-item.selected,
body #menu-bar #bottomMenu .menu-item.selected {
  background: #4c394a;
}
body #menu-bar #menu .menu-item .img,
body #menu-bar #bottomMenu .menu-item .img {
  display: block;
  width: 43px;
  height: 36px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
}
body #menu-bar #menu .menu-item-sesja .img,
body #menu-bar #bottomMenu .menu-item-sesja .img {
  background: url(/Images/menuSession.png) no-repeat;
  height: 35px;
  width: 35px;
}
body #menu-bar #menu .menu-item-sesja.selected .img,
body #menu-bar #bottomMenu .menu-item-sesja.selected .img {
  background: url(/Images/menuSession.png) no-repeat;
}
body #menu-bar #menu .menu-item-historia .img,
body #menu-bar #bottomMenu .menu-item-historia .img {
  height: 35px;
  width: 35px;
  background: url(/Images/menuHistory.png) no-repeat;
}
body #menu-bar #menu .menu-item-historia.selected .img,
body #menu-bar #bottomMenu .menu-item-historia.selected .img {
  background: url(/Images/menuHistory.png) no-repeat;
}
body #menu-bar #menu .menu-item-votings .img,
body #menu-bar #bottomMenu .menu-item-votings .img {
  height: 35px;
  width: 35px;
  background: url(/Images/949.png) no-repeat;
}
body #menu-bar #menu .menu-item-votings.selected .img,
body #menu-bar #bottomMenu .menu-item-votings.selected .img {
  background: url(/Images/949.png) no-repeat;
}
body #menu-bar #menu .menu-item-protocols .img,
body #menu-bar #bottomMenu .menu-item-protocols .img {
  height: 35px;
  width: 35px;
  background: url(/Images/1012.png) no-repeat;
}
body #menu-bar #menu menu-item-protocols.selected .img,
body #menu-bar #bottomMenu menu-item-protocols.selected .img {
  background: url(/Images/1012.png) no-repeat;
}
body #menu-bar #menu .menu-item-raporty .img,
body #menu-bar #bottomMenu .menu-item-raporty .img {
  background: url(/Images/menuReports.png) no-repeat;
}
body #menu-bar #menu .menu-item-raporty.selected .img,
body #menu-bar #bottomMenu .menu-item-raporty.selected .img {
  background: url(/Images/menuReports.png) no-repeat;
}
body #menu-bar #menu .menu-item-guestSession .img,
body #menu-bar #bottomMenu .menu-item-guestSession .img {
  background: url(/Images/menuSession.png) no-repeat;
  height: 40px;
  width: 31px;
}
body #menu-bar #menu .menu-item-guestSession.selected .img,
body #menu-bar #bottomMenu .menu-item-guestSession.selected .img {
  background: url(/Images/menuSession.png) no-repeat;
}
body #menu-bar #menu .menu-item-guestVotings .img,
body #menu-bar #bottomMenu .menu-item-guestVotings .img {
  background: url(/Images/menuReports.png) no-repeat;
  height: 40px;
  width: 31px;
}
body #menu-bar #menu .menu-item-guestVotings.selected .img,
body #menu-bar #bottomMenu .menu-item-guestVotings.selected .img {
  background: url(/Images/menuReports.png) no-repeat;
}
body #menu-bar #menu .menu-item-guestStream,
body #menu-bar #bottomMenu .menu-item-guestStream {
  padding-top: 29px;
  padding-bottom: 29px;
}
body #menu-bar #menu .menu-item-guestStream .img,
body #menu-bar #bottomMenu .menu-item-guestStream .img {
  background: url(/Images/menuVideo.png) no-repeat;
  height: 24px;
  width: 32px;
}
body #menu-bar #menu .menu-item-guestStream.selected .img,
body #menu-bar #bottomMenu .menu-item-guestStream.selected .img {
  background: url(/Images/menuVideo.png) no-repeat;
}
body #menu-bar #menu .menu-item-guestVotings .img,
body #menu-bar #bottomMenu .menu-item-guestVotings .img {
  background: url(/Images/949.png) no-repeat;
  height: 35px;
  width: 35px;
}
body #menu-bar #menu .menu-item-guestVotings.selected .img,
body #menu-bar #bottomMenu .menu-item-guestVotings.selected .img {
  background: url(/Images/949.png) no-repeat;
}
body #menu-bar #menu .menu-item-settings .img,
body #menu-bar #bottomMenu .menu-item-settings .img {
  background: url(/Images/906.png) no-repeat;
  height: 28px;
  width: 28px;
}
body #menu-bar #menu .menu-item-settings.selected .img,
body #menu-bar #bottomMenu .menu-item-settings.selected .img {
  background: url(/Images/905.png) no-repeat;
}
body #menu-bar #menu .menu-item-logout .img,
body #menu-bar #bottomMenu .menu-item-logout .img {
  background: url(/Images/910.png) no-repeat;
  height: 28px;
  width: 35px;
}
body #menu-bar #menu .menu-item-logout.selected .img,
body #menu-bar #bottomMenu .menu-item-logout.selected .img {
  background: url(/Images/909.png) no-repeat;
}
body #menu-bar #menu .menu-item-takeVote .img,
body #menu-bar #bottomMenu .menu-item-takeVote .img {
  background: url(/Images/1043.png) no-repeat;
  height: 28px;
  width: 28px;
}
body #menu-bar #menu .menu-item-takeVote.selected .img,
body #menu-bar #bottomMenu .menu-item-takeVote.selected .img {
  background: url(/Images/1043.png) no-repeat;
}
body #menu-bar #menu .menu-item-settings1 .img,
body #menu-bar #bottomMenu .menu-item-settings1 .img {
  background: url(/Images/settings1.png) no-repeat;
}
body #menu-bar #menu .menu-item-settings2 .img,
body #menu-bar #bottomMenu .menu-item-settings2 .img {
  background: url(/Images/settings2.png) no-repeat;
}
body #menu-bar #menu .menu-item-settings3 .img,
body #menu-bar #bottomMenu .menu-item-settings3 .img {
  background: url(/Images/settings3.png) no-repeat;
}
body #menu-bar #menu .menu-item-prawo .img,
body #menu-bar #bottomMenu .menu-item-prawo .img {
  height: 35px;
  width: 15px;
  background: url(/Images/1164.png) no-repeat;
}
body #menu-bar #menu .menu-item-prawo.selected .img,
body #menu-bar #bottomMenu .menu-item-prawo.selected .img {
  background: url(/Images/1164.png) no-repeat;
}
body #menu-bar #bottomMenu {
  width: 80px;
  position: absolute;
  bottom: 0;
}
body #stream {
  position: absolute;
  left: 80px;
  top: 45px;
  right: 0;
  bottom: 0;
}
body #stream #player {
  display: block;
  height: 80%;
  width: 80%;
  margin: auto;
  margin-top: 50px;
}
@media all and (max-width: 800px) {
  body #stream {
    left: 0;
    top: 80px;
    right: 0;
    bottom: 120px;
  }
  body #stream #player {
    margin-top: 30px;
  }
}
@media all and (max-width: 800px) {
  body #header-login {
    display: none;
  }
  body #body {
    margin-left: 0;
    margin-bottom: 80px;
  }
  body #menu-bar {
    background: #fcfcfc;
    border-top: 1px solid #a7a7a7;
    height: 75px;
    width: 100%;
    position: fixed;
    bottom: 0;
  }
  body #menu-bar #menu,
  body #menu-bar #bottomMenu {
    margin-top: 0;
  }
  body #menu-bar #menu .menu-item,
  body #menu-bar #bottomMenu .menu-item {
    display: inline-block;
    float: left;
    width: 16%;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  body #menu-bar #menu .menu-item.mobile,
  body #menu-bar #bottomMenu .menu-item.mobile {
    display: block;
  }
  body #menu-bar #menu .menu-item.selected,
  body #menu-bar #bottomMenu .menu-item.selected {
    background: #fcfcfc;
  }
  body #menu-bar #menu .menu-item .label,
  body #menu-bar #bottomMenu .menu-item .label {
    display: block;
    color: #a7a7a7;
    font-size: 9px;
  }
  body #menu-bar #menu .menu-item-sesja .img,
  body #menu-bar #bottomMenu .menu-item-sesja .img {
    background: url(/Images/904.png) no-repeat;
    height: 28px;
    width: 28px;
  }
  body #menu-bar #menu .menu-item-sesja.selected .img,
  body #menu-bar #bottomMenu .menu-item-sesja.selected .img {
    background: url(/Images/903.png) no-repeat;
  }
  body #menu-bar #menu .menu-item-historia .img,
  body #menu-bar #bottomMenu .menu-item-historia .img {
    background: url(/Images/908.png) no-repeat;
    height: 28px;
    width: 28px;
  }
  body #menu-bar #menu .menu-item-historia.selected .img,
  body #menu-bar #bottomMenu .menu-item-historia.selected .img {
    background: url(/Images/907.png) no-repeat;
  }
  body #menu-bar #menu .menu-item-votings .img,
  body #menu-bar #bottomMenu .menu-item-votings .img {
    height: 28px;
    width: 28px;
    background: url(/Images/949b.png) no-repeat;
  }
  body #menu-bar #menu .menu-item-votings.selected .img,
  body #menu-bar #bottomMenu .menu-item-votings.selected .img {
    background: url(/Images/949a.png) no-repeat;
  }
  body #menu-bar #menu .menu-item-protocols,
  body #menu-bar #bottomMenu .menu-item-protocols {
    display: none;
  }
  body #menu-bar #menu .menu-item-votings,
  body #menu-bar #bottomMenu .menu-item-votings {
    display: none;
  }
  body #menu-bar #menu .menu-item-protocols .img,
  body #menu-bar #bottomMenu .menu-item-protocols .img {
    height: 28px;
    width: 28px;
    background: url(/Images/1012b.png) no-repeat;
  }
  body #menu-bar #menu .menu-item-protocols.selected .img,
  body #menu-bar #bottomMenu .menu-item-protocols.selected .img {
    background: url(/Images/1012a.png) no-repeat;
  }
  body #menu-bar #menu .menu-item-takeVote .img,
  body #menu-bar #bottomMenu .menu-item-takeVote .img {
    background: url(/Images/1045.png) no-repeat;
    height: 28px;
    width: 28px;
  }
  body #menu-bar #menu .menu-item-takeVote.selected .img,
  body #menu-bar #bottomMenu .menu-item-takeVote.selected .img {
    background: url(/Images/1044.png) no-repeat;
  }
  body #bottomMenu {
    height: 80px;
    position: absolute;
    right: 0;
  }
}
.clear {
  clear: both;
}
a:not([href]) {
  cursor: pointer;
}
.bold {
  font-weight: bold;
}
.cursor-hand {
  cursor: pointer;
}
.panel {
  background-color: transparent;
}
.panel > .panel-heading[data-toggle="collapse"].collapsed .expanded-indicator {
  display: none;
}
.panel > .panel-heading[data-toggle="collapse"]:not(.collapsed) .collapsed-indicator {
  display: none;
}
.panel > .panel-heading[data-toggle="collapse"] .collapsed-indicator {
  font-size: 0.8em;
  vertical-align: middle;
}
.panel > .panel-heading[data-toggle="collapse"] .expanded-indicator {
  font-size: 0.8em;
  vertical-align: middle;
}
.panel {
  border: 1px solid #c4f5fb;
  margin-bottom: 17px;
}
.panel-default > .panel-heading {
  background-color: #ff6700;
  border-radius: 4px 4px;
  color: white;
  padding: 6px 15px;
  border-bottom: 0;
}
.panel-default .panel-title {
  font-size: 15px;
}
.panel-default > .panel-heading.collapsed {
  background-color: transparent;
}
.panel-default .glyphicon {
  color: #c4f5fb;
  margin-top: 3px;
}
.kw-tooltip[title]:not([title=""]):hover {
  cursor: help;
  text-decoration: underline;
}
li.list-group-item {
  background-color: transparent;
  color: white;
  border-bottom: 0;
  border: 0;
  padding-top: 5px;
}
table.data {
  border-collapse: collapse;
  width: 100%;
}
table.data > thead > tr.none,
table.data > tbody > tr.none {
  display: none;
}
table.data > thead > tr > th,
table.data > tbody > tr > th {
  background: linear-gradient(to bottom, #eeeeee 0%, #f8f8f8 100%);
  border: 1px solid silver;
  font-weight: normal;
  padding: 5px 8px;
  text-align: left;
}
@media print {
  table.data > thead > tr > th,
  table.data > tbody > tr > th {
    font-weight: bold;
  }
}
table.data > thead > tr > td,
table.data > tbody > tr > td {
  border: 1px solid silver;
  padding: 5px 8px;
  vertical-align: top;
}
table.data > thead > tr > th.check,
table.data > tbody > tr > th.check,
table.data > thead > tr > td.check,
table.data > tbody > tr > td.check {
  text-align: center;
}
table.data > thead > tr > th.link,
table.data > tbody > tr > th.link,
table.data > thead > tr > td.link,
table.data > tbody > tr > td.link {
  text-align: center;
}
table.data > thead > tr > th.negative,
table.data > tbody > tr > th.negative,
table.data > thead > tr > td.negative,
table.data > tbody > tr > td.negative {
  color: red;
  font-weight: bold;
}
table.data > thead > tr > th.none,
table.data > tbody > tr > th.none,
table.data > thead > tr > td.none,
table.data > tbody > tr > td.none {
  background: none;
  border: none;
}
table.data > thead > tr > th.number,
table.data > tbody > tr > th.number,
table.data > thead > tr > td.number,
table.data > tbody > tr > td.number {
  text-align: right;
}
table.data > thead > tr > th.positive,
table.data > tbody > tr > th.positive,
table.data > thead > tr > td.positive,
table.data > tbody > tr > td.positive {
  color: green;
  font-weight: bold;
}
table.data > thead > tr > th ul,
table.data > tbody > tr > th ul,
table.data > thead > tr > td ul,
table.data > tbody > tr > td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.em {
  background-color: #afc3dc;
}
body.guest {
  background-color: #f6cac9;
}
#loginBg #logoKwantum {
  position: fixed;
  bottom: 17px;
  left: 13px;
}
#login {
  width: 100%;
  max-width: 200px;
  padding: 100px 15px 15px 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-top: 0;
}
@media all and (min-width: 992px) {
  #login {
    max-width: 300px;
  }
}
#login #loginImg {
  display: block;
  width: 100%;
}
#login #loginLogo {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}
#login form {
  padding-top: 20%;
  height: 35%;
  /*padding-bottom: 10%;*/

}
#login button {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 6px;
}
.pageHeader {
  color: #c4f5fb;
  margin-bottom: 30px;
  text-align: center;
  font-size: 30px;
}
.btn-default {
  color: #acacac;
  background-color: transparent;
  border: 1px solid #acacac;
  border-radius: 4px 4px;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus {
  color: #f05d5e;
  border: 1px solid #f05d5e;
}
.btn-orange {
  color: white;
  background-color: #f05d5e;
  border: 1px solid #f05d5e;
  border-radius: 4px 4px;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus {
  color: #f05d5e;
  text-decoration: none;
  background-color: white;
}
.btn-back {
  font-size: 13px;
  padding: 2px 5px 2px 5px;
}
.usermenu {
  padding: 10px 5px 10px 5px;
  color: white;
  display: block;
  background-position: top;
  vertical-align: text-bottom;
  text-align: center;
}
.usermenu:hover {
  color: white;
  /*background: linear-gradient(to bottom, #e0e0e0 0%, #ffffff 100%);*/
  font-style: normal;
  text-decoration: none;
}
.usermenu:hover {
  background: #c2c2c2;
}
.usermenu .img {
  background: url(/Images/user.png) no-repeat;
  width: 40px;
  height: 38px;
  display: block;
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
}
.usermenu span {
  font-size: 10px;
}
.userdropdown-menu {
  border: none;
  background: #f6cac9;
  border-radius: 0;
  height: 80px;
  width: 380px;
  padding-left: 40px;
  padding-right: 0;
  padding-top: 27px;
  margin: -5px 0 0 0;
}
.userdropdown-item {
  margin-right: 40px;
  color: #4c394a;
}
.userdropdown-item:hover {
  color: #4c394a;
}
.userdropdown-item img {
  margin-right: 15px;
}
.formRow {
  display: table;
  width: 100%;
  min-height: 46px;
}
a.fillForm {
  color: white;
  display: table-row;
}
a.fillForm .formTitle {
  display: table-cell;
  vertical-align: middle;
  width: 90%;
  border-bottom: 1px solid #c4f5fb;
  padding-bottom: 10px;
}
a.fillForm .formButton {
  display: table-cell;
  width: 10%;
  float: right;
  background: url(/Images/fillForm.png) no-repeat;
  height: 37px;
  width: 36px;
}
a.fillForm:hover .formButton {
  background: url(/Images/fillFormHover.png) no-repeat;
}
a.fillForm:hover {
  text-decoration: none;
  font-weight: bold;
}
.list-group-item:first-child {
  padding-top: 15px;
}
.list-group-item:last-child .formTitle {
  border-bottom: 0;
}
.btn-submitForm {
  color: white;
  background-color: transparent;
  border: 2px solid white;
  border-radius: 4px 4px;
}
.btn-submitForm:hover,
.btn-submitForm:focus,
.btn-submitForm.focus {
  color: black;
  text-decoration: none;
  background: white;
}
.imgButton {
  padding-top: 11px;
  padding-bottom: 11px;
  color: white;
  display: block;
  background-position: top;
  vertical-align: text-bottom;
  text-align: center;
}
.imgButton:hover {
  /*background: linear-gradient(to bottom, #e0e0e0 0%, #ffffff 100%);*/
  font-style: normal;
  text-decoration: none;
  color: white;
  font-weight: bold;
}
.imgButton img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
  width: auto;
  height: auto;
}
.imgButton span {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  vertical-align: bottom;
}
#registryHeader {
  color: white;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 0;
}
#registryHeaderSm {
  color: white;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
}
#mainContainer {
  height: 100%;
}
#rightContainer {
  position: fixed;
  top: 39px;
  right: 0;
  bottom: 0;
  /*padding-left: 15px;*/
  padding-top: 15px;
}
@media all and (min-width: 1440px) {
  #rightContainer {
    top: 52px;
  }
}
#registryHistory {
  padding-left: 15px;
  padding-right: 15px;
  overflow-y: auto;
  height: 100%;
  width: 100%;
}
#registryHistory > #uppSwitch {
  text-align: right;
  color: white;
}
#registryHistory > #uppSwitch > a {
  color: #acacac;
}
#registryHistory > #uppSwitch > a:hover {
  color: #acacac;
}
table.registry,
table.messages {
  margin-left: 33px;
  background: #ebebeb;
  width: calc(100% - 33px);
  /*tr.selected td.indicator span {
        display: inline !important;
        margin-right: -9px;
    }*/

}
table.registry > thead th,
table.messages > thead th {
  background: #ebebeb;
  color: #a7a7a7;
  font-size: 12px;
  padding-bottom: 8px;
  padding-top: 20px;
  vertical-align: top;
  line-height: 1.2em;
}
table.registry > tbody td,
table.messages > tbody td {
  border-bottom: 1px solid #ebebeb;
  background: #f6f6f6;
  color: #525252;
  height: 68px;
  vertical-align: middle;
  cursor: pointer;
}
table.registry > tbody tr.selected td,
table.messages > tbody tr.selected td {
  background: #25283d;
  color: white;
}
table.registry > tbody tr.selected td p.title,
table.messages > tbody tr.selected td p.title {
  color: white;
}
table.registry > tbody tr.selected:hover td,
table.messages > tbody tr.selected:hover td {
  background: #25283d;
}
table.registry > tbody tr:hover td,
table.messages > tbody tr:hover td {
  background: #eaeaea;
}
table.registry tr td.indicator,
table.messages tr td.indicator {
  background: #ebebeb;
  color: #4893bf;
  padding: 0;
  text-align: right;
  font-size: 30px;
  vertical-align: middle;
}
table.registry tr td.indicator span,
table.messages tr td.indicator span {
  display: none;
}
table.registry td.lp,
table.messages td.lp {
  font-size: 22px;
  padding-right: 20px;
  padding-left: 20px;
  color: #b2b6ba;
  text-align: center;
}
table.registry td.see,
table.messages td.see,
table.registry th.see,
table.messages th.see {
  text-align: center;
}
table.registry td.new,
table.messages td.new,
table.registry th.new,
table.messages th.new {
  text-align: center;
}
table.registry p,
table.messages p {
  margin: 0;
}
table.registry p.title,
table.messages p.title {
  color: #525252;
  font-weight: 600;
}
table.registry p.info,
table.messages p.info {
  color: #b2b6ba;
}
.historyRow {
  display: flex;
  width: 100%;
  color: #acacac;
}
.historyRow:after {
  clear: both;
}
.historyLeft {
  flex: 1;
  float: left;
  width: 50%;
  padding-bottom: 10px;
  padding-top: 10px;
}
.historyLeft .historyTitle {
  border-bottom: 2px solid #acacac;
}
.historyRight .historyTitle {
  border-bottom: 2px solid #ff6700;
  padding-left: 10px;
}
.historyRight .historyDate {
  padding-left: 10px;
}
.historyDate span {
  display: block;
}
.historyRight {
  flex: 1;
  float: right;
  width: 50%;
  border-left: 2px solid #ff6700;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 20px;
}
.historyLeft .historyDot {
  float: right;
  position: relative;
  top: -8px;
  right: -7px;
}
.historyLeft a.historyDot {
  color: inherit;
}
.historyLeft a.historyDot:hover {
  color: #ff6700;
  text-decoration: none;
}
.historyRight .historyDot {
  color: #ff6700;
  float: left;
  position: relative;
  top: -8px;
  left: -7px;
}
#contactPerson {
  position: absolute;
  bottom: 80px;
  left: 0;
  right: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  color: white;
  background: #25283d;
}
#contactMe {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 80px;
  background: #25283d;
  color: white;
  padding: 25px 20px 0 20px;
}
#contactMe a:hover {
  font-weight: bold;
}
#contactMe span {
  vertical-align: middle;
  color: #c4f5fb;
}
#contactMe img {
  margin-right: 10px;
}
span.bigcheck-target {
  font-family: FontAwesome;
  color: #ff781d;
  font-size: 1.3em;
  margin-right: 7px;
}
input[type='checkbox'].bigcheck {
  position: relative;
  left: -999em;
  /* hide the real checkbox */

}
input[type='checkbox'].bigcheck + span.bigcheck-target:after {
  content: "\f096";
  /* In fontawesome, is an open square (fa-square-o) */

}
input[type='checkbox'].bigcheck:checked + span.bigcheck-target:after {
  content: "\f046";
  /* fontawesome checked box (fa-check-square-o) */

}
span.bigradio-target {
  font-family: FontAwesome;
  color: #acacac;
  font-size: 1.1em;
  margin-right: 7px;
}
input[type='radio'].bigradio {
  position: relative;
  left: -999em;
  /* hide the real checkbox */

}
input[type='radio'].bigradio + span.bigradio-target:after {
  content: "\f1db";
  /* In fontawesome, is an open square (fa-square-o) */

}
input[type='radio'].bigradio:checked + span.bigradio-target:after {
  content: "\f192";
  /* fontawesome checked box (fa-check-square-o) */

}
#account-edit-form {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}
.form-control {
  border: 1px solid #acacac;
  border-radius: 4px 4px;
  color: #acacac;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: transparent;
  opacity: 1;
}
select > option {
  color: black;
}
.form-group {
  margin-bottom: 6px;
}
label.control-label {
  color: #acacac;
  font-weight: normal;
  font-size: 12px;
}
legend {
  border: 0;
  color: #acacac;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #acacac;
}
.has-success .form-control-feedback {
  color: #acacac;
}
.form-control:focus {
  border-color: #acacac;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c4f5fb;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c4f5fb;
}
.has-success .form-control:focus {
  border-color: #acacac;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c4f5fb;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c4f5fb;
}
.has-error .form-control-feedback {
  color: #d35400;
}
.has-success .form-control {
  border-color: #acacac;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control {
  border-color: #d35400;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d35400;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d35400;
}
#home {
  display: inline-block;
  height: 19px;
  width: 19px;
  background: url(/Images/home.png) no-repeat;
  margin-right: 33px;
  vertical-align: top;
}
#home:hover {
  background: url(/Images/homeHover.png) no-repeat;
}
#messageDetails {
  overflow-y: hidden;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
#gotoCase {
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-top: 150px;
  width: 171px;
  height: 171px;
  background: url(/Images/gotoCase.png) no-repeat;
  color: white;
  background-position: top;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
}
#gotoCase:hover {
  /*background: url(/Images/gotoCaseHover.png) no-repeat;*/
  font-weight: bold;
}
#gotoCase > span {
  margin-top: 5px;
  margin-left: 18px;
}
.loginInput {
  background: url(/Images/916.png) no-repeat;
  background-position: right 6px center;
  border: 2px solid white;
  border-radius: 6px;
  color: white;
  width: 100%;
  margin-bottom: 10px;
  padding: 3px 30px 3px 6px;
}
.loginInput[type='password'] {
  background-image: url(/Images/917.png);
}
.loginInput:focus,
loginInput.focus,
.loginInput:hover {
  outline: none;
}
.loginInput::-webkit-input-placeholder {
  color: white;
}
a.see {
  display: inline-block;
  width: 37px;
  height: 19px;
  background: url(/Images/see.png) no-repeat;
}
a.see:hover {
  background: url(/Images/seeHover.png) no-repeat;
}
a.seew {
  display: inline-block;
  width: 29px;
  height: 16px;
  background: url(/Images/seew.png) no-repeat;
}
a.seew:hover {
  background: url(/Images/seewHover.png) no-repeat;
}
a.newDocument {
  display: inline-block;
  width: 44px;
  height: 42px;
  background: url(/Images/new.png) no-repeat;
}
a.newDocument:hover {
  background: url(/Images/newHover.png) no-repeat;
}
a.editDocument {
  display: inline-block;
  height: 44px;
  width: 40px;
  background: url(/Images/editDocument.png) no-repeat;
}
a.editDocument:hover {
  background: url(/Images/editDocument.png) no-repeat;
}
#closeRightContainer {
  color: #d35400;
  float: right;
  left: -10px;
  top: -5px;
  cursor: pointer;
}
table.items {
  margin-top: 20px;
  margin-right: 20px;
  margin-left: 20px;
  /*background: #ebebeb;*/
  width: calc(100% - 40px);
  font-size: 16px;
  /*tr.selected td.indicator span {
        display: inline !important;
        margin-right: -9px;
    }*/

}
@media all and (max-width: 800px) {
  table.items {
    font-size: 14px;
  }
}
table.items > thead th {
  background: #ebebeb;
  color: #a7a7a7;
  font-size: 12px;
  padding-bottom: 8px;
  padding-top: 20px;
  vertical-align: top;
  line-height: 1.2em;
}
table.items > tbody td {
  border-bottom: 1px solid #ebebeb;
  /*background: #f7f7f7;*/
  color: #555555;
  height: 68px;
  vertical-align: middle;
  cursor: pointer;
  padding: 0 30px 0 30px;
}
@media all and (max-width: 800px) {
  table.items > tbody td {
    padding: 0 10px 0 10px;
  }
}
table.items > tbody td.order {
  color: #4c394a;
  padding: 0;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
table.items > tbody td span.title {
  color: #525252;
  /*font-weight: bold;*/

}
table.items > tbody td span.order {
  color: #4c394a;
  padding: 0;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  display: block;
  float: left;
  margin-right: 15px;
}
table.items > tbody td span.subtitle {
  display: block;
  color: #a7a7a7;
  line-height: 1.2em;
  font-size: 13px;
}
table.items > tbody td span.date {
  display: inline-block;
  float: right;
}
table.items > tbody td span.votingResult {
  display: block;
}
table.items > tbody td span.votingResult.approved {
  color: #b8dbaa;
}
table.items > tbody td span.votingResult.rejected {
  color: #f05d5e;
}
table.items > tbody td .attachmentsContainer {
  float: right;
}
table.items > tbody td .attachmentsContainer .header {
  display: none;
  margin-bottom: 10px;
  margin-top: 5px;
}
@media all and (max-width: 800px) {
  table.items > tbody td .attachmentsContainer {
    float: none;
    clear: both;
  }
  table.items > tbody td .attachmentsContainer .header {
    display: block;
    border-bottom: 1px solid #a7a7a7;
    color: #a7a7a7;
  }
}
table.items > tbody td .attachmentsToggle {
  color: #4c394a;
  font-size: 20px;
  text-decoration: none;
  background: url(/Images/attachment.png) no-repeat;
  background-position: right;
  padding-right: 20px;
}
table.items > tbody td .attachmentsToggle[aria-expanded="true"] {
  display: none;
}
table.items > tbody td div.attachments {
  white-space: nowrap;
  margin: 5px 0 5px 0;
  /*&.in {
                display: inline-block;
            }*/

}
table.items > tbody td div.attachments a {
  display: block;
  height: 20px;
  margin: 3px 5px 3px 0;
  background: url(/Images/other.png) no-repeat;
  background-size: contain;
  padding: 0 0 0 30px;
  color: #555555;
}
table.items > tbody td div.attachments a.pdf {
  background: url(/Images/pdf.png) no-repeat;
  background-size: contain;
}
table.items > tbody td div.attachments a.doc,
table.items > tbody td div.attachments a.docx {
  background: url(/Images/word.png) no-repeat;
  background-size: contain;
}
table.items > tbody td div.attachments a.xls,
table.items > tbody td div.attachments a.xlsx {
  background: url(/Images/excel.png) no-repeat;
  background-size: contain;
}
table.items > tbody td div.attachments a.ppt,
table.items > tbody td div.attachments a.pptx {
  background: url(/Images/powerpoint.png) no-repeat;
  background-size: contain;
}
table.items > tbody td div.attachments a.img {
  background: url(/Images/image.png) no-repeat;
  background-size: contain;
}
@media all and (max-width: 800px) {
  table.items > tbody td div.attachments a {
    height: 32px;
    width: 32px;
    background-size: contain;
  }
}
table.items > tbody tr.selected {
  height: 90px;
  font-size: 19px;
}
@media all and (max-width: 800px) {
  table.items > tbody tr.selected {
    font-size: 16px;
  }
}
table.items > tbody tr.selected td {
  padding: 10px 30px;
  background: #4c394a;
}
table.items > tbody tr.selected td span.sender,
table.items > tbody tr.selected td > span.caseInfo,
table.items > tbody tr.selected td.caseInfo {
  color: #fde0e0;
}
table.items > tbody tr.selected td.order {
  color: #fde0e0;
}
table.items > tbody tr.selected td span.order {
  color: #fde0e0;
}
table.items > tbody tr.selected td span.ulabel {
  color: #dedede;
}
table.items > tbody tr.selected td .attachmentsToggle {
  color: #fde0e0;
  background: url(/Images/attachment2.png) no-repeat;
  background-position: right;
}
table.items > tbody tr.selected td div.attachments a {
  color: #fde0e0;
}
table.items > tbody tr.unread td > span.sender,
table.items > tbody tr.unread td > span.date,
table.items > tbody tr.unread td > span.title,
table.items > tbody tr.unread td.caseInfo {
  font-weight: bold;
}
table.items > tbody tr.unread td > span.ulabel {
  font-weight: bold;
}
table.items > tbody tr.selected:hover td {
  background: #4c394a;
  color: #fde0e0;
}
table.items > tbody tr.selected:hover td span.sender,
table.items > tbody tr.selected:hover td > span.caseInfo,
table.items > tbody tr.selected:hover td.caseInfo {
  color: #fde0e0;
}
table.items > tbody tr:hover td {
  background: #f7f7f7;
}
table.items > tbody tr:hover td > span.sender {
  color: #525252;
}
table.items tr td.indicator {
  background: #ebebeb;
  color: #062d44;
  padding: 0;
  text-align: right;
  font-size: 30px;
  vertical-align: middle;
}
table.items tr td.indicator span {
  display: none;
}
table.items td.see,
table.items th.see {
  text-align: center;
}
table.items td.new,
table.items th.new {
  text-align: center;
}
table.items p {
  margin: 0;
}
table.votingChart {
  width: 100%;
  border: none;
}
table.votingChart tr.chartRow td:first-child .horizontalChart {
  border-radius: 6px 0 0 6px;
}
table.votingChart tr.chartRow td:last-child .horizontalChart {
  border-radius: 0 6px 6px 0;
}
table.votingChart tr.chartRow td:first-child:last-child .horizontalChart {
  border-radius: 6px 6px;
}
@media all and (max-width: 960px) {
  table.votingChart tr.chartLegendRow2 {
    display: none;
  }
}
@media all and (min-width: 960px) {
  table.votingChart tr.chartLegendRow {
    display: none;
  }
}
table.votingChart tr.chartLegendRow td {
  padding-top: 5px;
}
table.votingChart tr.chartLegendRow div.legendItem {
  margin: 0 8px 0 8px;
  min-width: 40px;
  padding: 0;
}
table.votingChart tr.chartLegendRow div.legendItem span.circle {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 16px 16px;
  margin-bottom: 3px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
table.votingChart tr.chartLegendRow div.legendItem span.circle.abstain {
  background-color: #ebebeb;
}
table.votingChart tr.chartLegendRow div.legendItem span.circle.against {
  background-color: #f05d5e;
}
table.votingChart tr.chartLegendRow div.legendItem span.circle.for {
  background-color: #b9dbab;
}
table.votingChart tr.chartLegendRow div.legendItem span.circle.withoutvote {
  background-color: #afc3dc;
}
table.votingChart tr.chartRow td {
  padding-bottom: 8px;
  padding-top: 14px;
}
table.votingChart tr td {
  padding: 0;
  border: none;
  height: 18px;
}
table.votingChart tr td span {
  display: block;
}
table.votingChart tr td span.votesCount {
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  line-height: 1em;
}
table.votingChart tr td span.votesDesc {
  text-align: center;
  font-size: 10px;
}
table.votingChart tr td span.horizontalChart {
  display: block;
  width: 100%;
  height: 11px;
}
table.votingChart tr td span.horizontalChart.abstain {
  background-color: #ebebeb;
}
table.votingChart tr td span.horizontalChart.against {
  background-color: #f05d5e;
}
table.votingChart tr td span.horizontalChart.for {
  background-color: #b9dbab;
}
table.votingChart tr td span.horizontalChart.withoutvote {
  background-color: #afc3dc;
}
table.votingChart tr td.chartLabel {
  text-align: center;
}
.emptyList {
  margin: 50px 0 0 0;
  font-size: 18px;
  color: #aeaeae;
  text-align: center;
}
#session #sessionHeader {
  padding-top: 10px;
  height: 45px;
  border-bottom: 1px solid #afc3dc;
  text-align: center;
  font-weight: bold;
}
#session #sessionHeader .number {
  color: #4c394a;
  display: block;
  float: left;
  margin-left: 15px;
  font-size: 18px;
}
#session #sessionHeader .numberr {
  color: #4c394a;
  display: block;
  float: right;
  margin-right: 15px;
  font-size: 18px;
}
#session #sessionHeader .title {
  color: #4c394a;
  font-weight: bold;
  font-size: 18px;
}
#session #sessionHeader .date {
  display: block;
  float: right;
  color: #acacac;
  margin-right: 15px;
  font-size: 18px;
}
#session #sessionHeader .subtitle {
  clear: both;
  display: block;
  color: #acacac;
}
@media all and (max-width: 800px) {
  #session #sessionHeader {
    padding-top: 5px;
    height: 45px;
    background: #afc3dc;
  }
  #session #sessionHeader .number {
    margin: 0;
    font-size: 12px;
    float: none;
    color: white;
    text-align: center;
  }
  #session #sessionHeader .date {
    margin: 0;
    font-size: 12px;
    float: none;
    color: white;
    text-align: center;
  }
}
#session #agendaItems.hasSpeakQueue {
  float: left;
  width: 66%;
}
#session #speakQueue {
  float: left;
  top: 45px;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 33%;
  border-left: 1px solid #afc3dc;
}
#session #speakQueue h2 {
  width: 100%;
  font-weight: bold;
  color: #4c394a;
  font-size: 18px;
  border-bottom: 1px solid #afc3dc;
  padding: 10px 0 10px 15px;
}
#session #speakQueue h3 {
  width: 100%;
  font-weight: bold;
  color: #4c394a;
  font-size: 18px;
  border-bottom: 1px solid #ebebeb;
  padding: 5px 0 5px 0;
}
#session #speakQueue .innerContent {
  padding: 10px 15px 10px 15px;
}
#session #speakQueue table {
  margin-bottom: 15px;
}
#pageHeader {
  padding-top: 10px;
  height: 45px;
  font-size: 18px;
  border-bottom: 1px solid #afc3dc;
  color: #4c394a;
  width: 100%;
  padding-left: 15px;
}
#pageHeader select {
  border: none;
}
#pageHeader select:focus {
  outline: none;
}
.calendar {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
.calendar table.month {
  margin-left: auto;
  margin-right: auto;
  padding: 0 5px 0 5px;
}
.calendar table.month tr.monthName {
  color: #707070;
  font-size: 22px;
}
.calendar td.day {
  padding: 8px;
  color: #acacac;
}
.calendar td.day.weekend {
  font-weight: bold;
}
.calendar td.day.session {
  padding: 0px;
  color: white;
}
.calendar td.day.session > a {
  background-color: #f05d5e;
  border-radius: 20px 20px;
  padding: 4px;
  color: white;
  text-decoration: none;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
}
.calendar td.day.session.awaiting > a {
  background-color: #aaddaa;
}
.calendar td.day.session .calendarDropDown a {
  display: block;
  margin: 3px 10px 3px 10px;
}
#votingDetails {
  height: 100%;
}
#votingDetails .row {
  height: 100%;
}
#votingDetails .leftCol {
  padding-top: 10px;
  background: #fafafa;
  overflow-y: auto;
  color: #929292;
  font-weight: bold;
}
#votingDetails .leftCol .header {
  height: 60px;
}
#votingDetails .leftCol .header .number {
  color: #4c394a;
  display: block;
  float: left;
  margin-left: 15px;
  font-size: 18px;
}
#votingDetails .leftCol .header .date {
  display: block;
  float: right;
  color: #acacac;
  margin-right: 15px;
  font-size: 18px;
}
#votingDetails .leftCol .title {
  font-size: 26px;
  color: #afc3dc;
  text-align: center;
  margin-bottom: 20px;
}
@media all and (max-width: 800px) {
  #votingDetails .leftCol .title {
    font-size: 22px;
  }
}
#votingDetails .leftCol .title2 {
  font-size: 19px;
  color: #afc3dc;
  text-align: center;
  font-weight: normal;
}
@media all and (max-width: 800px) {
  #votingDetails .leftCol .title2 {
    font-size: 14px;
  }
}
#votingDetails .rightCol {
  background: white;
  padding-top: 10px;
  overflow-y: auto;
}
#votingDetails .rightCol .yourVote {
  margin-top: 20px;
  font-size: 24px;
  color: #929292;
  text-align: center;
}
#votingDetails .rightCol .yourVote .fieldwrapper {
  float: left;
}
#votingDetails .rightCol .yourVote #secretVote {
  border: none;
  width: 170px;
  font-size: 18px;
}
@media all and (max-width: 800px) {
  #votingDetails .rightCol .yourVote {
    font-size: 20px;
  }
}
#votingDetails .votingResult {
  font-size: 24px;
  color: #afc3dc;
  text-align: center;
  margin-bottom: 0.1em;
}
@media all and (max-width: 800px) {
  #votingDetails .votingResult {
    font-size: 20px;
  }
}
#votingDetails .votesGroup {
  font-size: 14px;
  margin-bottom: 15px;
}
#votingDetails .votesGroup .header {
  width: 100%;
  border-bottom: 1px solid #acacac;
  text-align: left;
  color: #929292;
  font-weight: bold;
  padding: 3px 3px;
}
#votingDetails .votesGroup .vote {
  display: block;
  padding-left: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: gray;
  border-bottom: 1px solid #eeeeee;
}
#votingDetails .votesGroup .vote a {
  color: #929292;
}
#votingDetails .votesGroup .vote a:hover {
  color: #929292;
}
.votingTitle {
  margin-top: 50px;
  color: #8ab4d1;
  font-size: 22px;
  text-align: center;
}
#voteBody {
  min-height: 400px;
  text-align: center;
}
.btn.vote {
  width: 250px;
  display: block;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  color: white;
  touch-action: none;
  padding: 0.75rem 0.75rem;
}
.btn.vote.for {
  background: #b8dbaa;
  border-color: #b8dbaa;
}
.btn.vote.for:hover,
.btn.vote.for:focus,
.btn.vote.for.focus {
  color: #b8dbaa;
  text-decoration: none;
  background-color: white;
}
.btn.vote.abstain {
  background: #c9c9c9;
  border-color: #c9c9c9;
}
.btn.vote.abstain:hover,
.btn.vote.abstain:focus,
.btn.vote.abstain.focus {
  color: #c9c9c9;
  text-decoration: none;
  background-color: white;
}
.btn.vote.against {
  background: #f05d5e;
  border-color: #f05d5e;
}
.btn.vote.against:hover,
.btn.vote.against:focus,
.btn.vote.against.focus {
  color: #f05d5e;
  text-decoration: none;
  background-color: white;
}
.btn.vote.option {
  color: #acacac;
  border-color: #acacac;
}
.btn.vote.option:hover,
.btn.vote.option:focus,
.btn.vote.option.focus {
  color: #f05d5e;
  text-decoration: none;
  border-color: #f05d5e;
}
.collapsing.width {
  -webkit-transition-property: width, visibility;
  transition-property: width, visibility;
  width: 0;
  height: auto;
}
.backButton {
  margin-left: 15px;
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/Images/846.png) no-repeat;
  float: left;
}
.sessionNavWrapper,
.registryNavWrapper {
  text-align: center;
  position: absolute;
  top: 10px;
  left: calc(50% - 140px);
}
@media all and (max-width: 800px) {
  .sessionNavWrapper,
  .registryNavWrapper {
    position: unset;
  }
}
.registryNavWrapper {
  position: initial !important;
}
.sessionNav {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.sessionNav a {
  border: 1px solid #f05d5e;
  color: #f05d5e;
  padding: 2px 5px 2px 5px;
  text-decoration: none;
  display: inline-block;
  width: 140px;
  font-size: 13px;
  text-align: center;
}
.sessionNav a:hover {
  text-decoration: none;
  color: white;
  background: #f05d5e;
}
.sessionNav a.active {
  color: white;
  background: #f05d5e;
}
.sessionNav a:first-child {
  border-radius: 5px 0 0 5px;
}
.sessionNav a:last-child {
  border-radius: 0 5px 5px 0;
}
.sessionNav a:last-child:first-child {
  border-radius: 5px;
}
@media all and (max-width: 800px) {
  .sessionNav {
    margin-top: 8px;
  }
  .sessionNav a {
    font-size: 11px;
    width: 100px;
  }
}
.currentStream {
  margin-top: 50px;
  text-align: center;
}
.currentStream .showStream {
  font-size: 24px;
  color: #f05d5e;
}
.currentStream .noStream {
  font-size: 24px;
  color: #afc3dc;
}
a.showStream {
  background: url(/Images/840b.png) no-repeat;
  background-position: left;
  padding-left: 40px;
}
a.showStream:hover {
  text-decoration: none;
  font-weight: bold;
}
a.movie {
  background: url(/Images/840.png) no-repeat;
  width: 32px;
  height: 24px;
  text-align: center;
  display: inline-block;
}
.overlay-player {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden;
  z-index: 999;
}
.overlay-player .overlay {
  background: black;
  opacity: 0.6;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.overlay-player #overlay-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.overlay-player.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.close_container {
  position: fixed;
  top: 1%;
  right: 1%;
  height: 20px;
  width: 23px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.close_container:hover {
  opacity: 0.7;
}
.close_container .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  transform: translateY(11px) translateX(0) rotate(45deg);
  background: #afc3dc;
}
.close_container .middle {
  opacity: 0;
  background: #afc3dc;
}
.close_container .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #afc3dc;
}
.close_container span {
  background: #afc3dc;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  cursor: pointer;
}
.close_container span:nth-of-type(2) {
  top: 11px;
}
.close_container span:nth-of-type(3) {
  top: 22px;
}
.lastSessionWrapper .bg {
  background: url(/Images/noSessionBg.png) repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 0.1;
}
.lastSessionWrapper .lastSession {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.lastSessionWrapper .lastSession span:first-child {
  display: block;
  margin-bottom: 15px;
}
.lastSessionWrapper .lastSession a {
  margin-left: 15px;
}
.loginhelp {
  margin-top: 10px;
  text-align: left;
}
.loginhelp a {
  display: block;
  background: url(/Images/918.png) no-repeat;
  background-position: right 6px center;
  padding: 4px 30px 4px 6px;
  color: white;
  border: 2px solid white;
  font-size: 12px;
  border-radius: 6px;
}
.loginhelp a:hover {
  text-decoration: none;
  font-weight: bold;
}
@media all and (max-width: 800px) {
  .modal-full {
    min-width: 100%;
    margin: 0;
  }
  .modal-full .modal-content {
    min-height: 100vh;
  }
}
@media all and (max-width: 800px) {
  td.hidemobile {
    display: none;
  }
}
div.player {
  height: 80%;
  min-height: 320px;
}
div.playlist {
  margin: 15px 0 0 0;
}
div.playlist .movie a {
  display: inline-block;
  background: url(/Images/840b.png) no-repeat;
  background-position: top;
  padding-top: 40px;
  color: #f05d5e;
  width: 60px;
  text-align: center;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.playlist .movie a:hover {
  text-decoration: none;
  font-weight: bold;
  color: #f05d5e;
}
.protocolState {
  margin: 30px 0 30px 0;
  text-align: center;
  font-size: 28px;
}
#act {
  height: 100%;
}
#act .contentLayout {
  position: absolute;
  top: 45px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 !important;
}
#act #actTree {
  width: 25%;
  float: left;
  height: 100%;
  overflow-y: auto;
}
#act #actTree .buttons {
  height: 60px;
  border-top: 1px #4c394a solid;
  padding: 15px;
  text-align: center;
}
#act #actTree .print {
  display: inline-block;
  color: #4c394a;
  padding-left: 30px;
  background: url(/Images/13.png) no-repeat;
  font-size: 24px;
  background-position-y: 4px;
}
#act #actTree .print:hover {
  text-decoration: none;
  font-weight: bold;
}
#act #viewact {
  width: 75%;
  float: left;
  height: 100%;
  overflow-y: auto;
}
#act,
#actRegistry {
  background: white;
}
#act .listLayout,
#actRegistry .listLayout {
  position: absolute;
  top: 45px;
  left: 80px;
  bottom: 0;
  right: 0;
  margin: 0 !important;
}
#act .listLayout .regTree,
#actRegistry .listLayout .regTree {
  width: 25%;
  float: left;
  height: 100%;
}
#act .listLayout .regList,
#actRegistry .listLayout .regList {
  width: 75%;
  float: left;
  height: 100%;
  overflow-y: auto;
}
#act #actTree,
#actRegistry #actTree {
  background: #f7f7f7;
}
#act .regTree,
#actRegistry .regTree {
  padding-top: 20px;
  background: #f7f7f7;
  height: 100%;
}
#act .regTree .list,
#actRegistry .regTree .list {
  margin-top: 15px;
  overflow-y: auto;
  padding: 0 15px;
}
#act .regTree .itm,
#actRegistry .regTree .itm {
  min-height: 45px;
  border-bottom: 1px #eeeeee solid;
  color: #4c394a;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 0 12px 10px;
}
#act .regTree .itm.desc,
#actRegistry .regTree .itm.desc {
  padding: 4px 0 4px 10px;
}
#act .regTree .itm .cntnt,
#actRegistry .regTree .itm .cntnt {
  display: inline-block;
  height: 100%;
  cursor: pointer;
  text-indent: 0;
}
#act .regTree .itm .cntnt .desc,
#actRegistry .regTree .itm .cntnt .desc {
  font-weight: normal;
  clear: both;
  font-size: 14px;
  display: block;
}
#act .regTree .itm.selected,
#actRegistry .regTree .itm.selected {
  background: #4c394a;
  color: white;
}
#act .regTree .itm .expander,
#actRegistry .regTree .itm .expander {
  display: inline-block;
  height: 10px;
  width: 18px;
  background: url(/Images/expand.png) no-repeat;
  margin-right: 12px;
}
#act .regTree .itm .expander.expanded,
#actRegistry .regTree .itm .expander.expanded {
  background: url(/Images/expanded.png) no-repeat;
}
#act #actHeader,
#actRegistry #actHeader {
  padding-top: 10px;
  height: 45px;
  border-bottom: 1px solid #afc3dc;
  text-align: center;
  font-weight: bold;
}
#act #actHeader .number,
#actRegistry #actHeader .number {
  color: #4c394a;
  display: block;
  float: left;
  margin-left: 15px;
  font-size: 18px;
}
#act #actHeader .numberr,
#actRegistry #actHeader .numberr {
  color: #4c394a;
  display: block;
  float: right;
  margin-right: 15px;
  font-size: 18px;
}
#act #actHeader .title,
#actRegistry #actHeader .title {
  color: #4c394a;
  font-weight: bold;
  font-size: 18px;
}
#act #actHeader .date,
#actRegistry #actHeader .date {
  display: block;
  float: right;
  color: #acacac;
  margin-right: 15px;
  font-size: 18px;
}
#act #actHeader .subtitle,
#actRegistry #actHeader .subtitle {
  clear: both;
  display: block;
  color: #acacac;
}
@media all and (max-width: 800px) {
  #act #actHeader,
  #actRegistry #actHeader {
    padding-top: 5px;
    height: 45px;
    background: #afc3dc;
  }
  #act #actHeader .number,
  #actRegistry #actHeader .number {
    margin: 0;
    font-size: 12px;
    float: none;
    color: white;
    text-align: center;
  }
  #act #actHeader .date,
  #actRegistry #actHeader .date {
    margin: 0;
    font-size: 12px;
    float: none;
    color: white;
    text-align: center;
  }
}
#sessionTimeout {
  text-align: center;
  padding: 80px 0 50px 0;
}
#sessionTimeout h1 {
  margin: 30px 0 30px 0;
  font-weight: bold;
}
#sessionTimeout h3 {
  margin: 0 0 40px 0;
}
.btn.takevote {
  width: 250px;
  display: block;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  color: white;
  touch-action: none;
  padding: 0.75rem 0.75rem;
  background: #b8dbaa;
  border-color: #b8dbaa;
}
.btn.takevote:hover,
.btn.takevote:focus,
.btn.takevote.focus {
  color: #b8dbaa;
  text-decoration: none;
  background-color: white;
}
a.showVoting {
  display: block;
  height: 28px;
  width: 28px;
  background: url(/Images/904.png) no-repeat;
}
a.showVoting:hover {
  background: url(/Images/903.png) no-repeat;
}
#confirmOnlineSession .info {
  font-size: 18px;
  text-align: center;
  margin-top: 30px;
}
#confirmOnlineSession .buttons {
  margin-top: 30px;
  text-align: center;
}
#confirmOnlineSession .buttons .btn.vote {
  display: inline-block;
  margin: 0 10px;
}