/*$grid-breakpoints: (
// Extra small screen / phone
xs: 0,
// Small screen / phone
sm: 576px,
// Medium screen / tablet
md: 768px,
// Large screen / desktop
lg: 992px,
// Extra large screen / wide desktop
xl: 1200px );*/
/*$grid-breakpoints: (
// Extra small screen / phone
xs: 0,
// Small screen / phone
sm: 576px,
// Medium screen / tablet
md: 768px,
// Large screen / desktop
lg: 992px,
// Extra large screen / wide desktop
xl: 1200px );*/
.ce-search-refiner {
  border: 1px solid #ccc;
  flex-direction: column; }
  @media (min-width: 992px) {
    .ce-search-refiner {
      flex-direction: row;
      display: flex; } }
  .ce-search-refiner .refiner-button {
    /*flex-grow: 1;*/
    flex-shrink: 1;
    background-color: #fff;
    padding: 8px; }
    .ce-search-refiner .refiner-button .btn {
      margin-top: 14px;
      max-width: 120px; }
      .ce-search-refiner .refiner-button .btn:hover, .ce-search-refiner .refiner-button .btn:focus {
        color: #fff;
        background-color: #2d531a; }
  .ce-search-refiner .dropdown {
    width: 100%; }
    @media (min-width: 768px) {
      .ce-search-refiner .dropdown {
        flex-grow: 1;
        flex-shrink: 1;
        width: auto; } }
  .ce-search-refiner .refiner-button {
    grid-column: 2/auto; }
  .ce-search-refiner .refiner-root {
    background-color: #fff;
    min-width: 136px;
    display: flex;
    flex-direction: column;
    padding: 8px; }
    .ce-search-refiner .refiner-root .text-input {
      height: 30px;
      border: 1px solid #ccc;
      padding: 6px 12px;
      color: #427a26; }
    .ce-search-refiner .refiner-root label {
      text-align: left;
      font-size: 0.8rem;
      pointer-events: none;
      margin-bottom: 0px; }
    .ce-search-refiner .refiner-root .btn-refiner {
      text-overflow: ellipsis;
      font-weight: 400;
      text-align: left;
      height: 30px;
      overflow: hidden;
      position: relative;
      padding-right: 30px;
      color: #427a26;
      background-color: #fafafa;
      border: 1px solid #ccc; }
      .ce-search-refiner .refiner-root .btn-refiner.highlight {
        color: #fff;
        background-color: #427a26; }
      .ce-search-refiner .refiner-root .btn-refiner.disabled, .ce-search-refiner .refiner-root .btn-refiner:disabled {
        color: #fff; }
      .ce-search-refiner .refiner-root .btn-refiner:hover, .ce-search-refiner .refiner-root .btn-refiner:active, .ce-search-refiner .refiner-root .btn-refiner:focus {
        outline: auto;
        color: #fff;
        background-color: #427a26; }
      .ce-search-refiner .refiner-root .btn-refiner .caret {
        position: absolute;
        right: 10px;
        top: 45%; }
    .ce-search-refiner .refiner-root .dropdown-menu.show.dropdown-menu-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr); }
    .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item:disabled, .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item.disabled {
      color: #ccc;
      background-color: #f2f2f2; }
    .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item.with-count {
      padding: 0.25rem 3.5rem 0.25rem 1.5rem; }
      .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item.with-count.active span {
        color: #fff; }
    .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item span {
      position: absolute;
      right: 20px;
      color: #666; }
    .ce-search-refiner .refiner-root .dropdown-menu .dropdown-divider {
      margin: 0px; }

/*$grid-breakpoints: (
// Extra small screen / phone
xs: 0,
// Small screen / phone
sm: 576px,
// Medium screen / tablet
md: 768px,
// Large screen / desktop
lg: 992px,
// Extra large screen / wide desktop
xl: 1200px );*/
.ce-search-refiner {
  border: 1px solid #ccc;
  flex-direction: column; }
  @media (min-width: 992px) {
    .ce-search-refiner {
      flex-direction: row;
      display: flex; } }
  .ce-search-refiner .refiner-button {
    /*flex-grow: 1;*/
    flex-shrink: 1;
    background-color: #fff;
    padding: 8px; }
    .ce-search-refiner .refiner-button .btn {
      margin-top: 14px;
      max-width: 120px; }
      .ce-search-refiner .refiner-button .btn:hover, .ce-search-refiner .refiner-button .btn:focus {
        color: #fff;
        background-color: #2d531a; }
  .ce-search-refiner .dropdown {
    width: 100%; }
    @media (min-width: 768px) {
      .ce-search-refiner .dropdown {
        flex-grow: 1;
        flex-shrink: 1;
        width: auto; } }
  .ce-search-refiner .refiner-button {
    grid-column: 2/auto; }
  .ce-search-refiner .refiner-root {
    background-color: #fff;
    min-width: 136px;
    display: flex;
    flex-direction: column;
    padding: 8px; }
    .ce-search-refiner .refiner-root .text-input {
      height: 30px;
      border: 1px solid #ccc;
      padding: 6px 12px;
      color: #427a26; }
    .ce-search-refiner .refiner-root label {
      text-align: left;
      font-size: 0.8rem;
      pointer-events: none;
      margin-bottom: 0px; }
    .ce-search-refiner .refiner-root .btn-refiner {
      text-overflow: ellipsis;
      font-weight: 400;
      text-align: left;
      height: 30px;
      overflow: hidden;
      position: relative;
      padding-right: 30px;
      color: #427a26;
      background-color: #fafafa;
      border: 1px solid #ccc; }
      .ce-search-refiner .refiner-root .btn-refiner.highlight {
        color: #fff;
        background-color: #427a26; }
      .ce-search-refiner .refiner-root .btn-refiner.disabled, .ce-search-refiner .refiner-root .btn-refiner:disabled {
        color: #fff; }
      .ce-search-refiner .refiner-root .btn-refiner:hover, .ce-search-refiner .refiner-root .btn-refiner:active, .ce-search-refiner .refiner-root .btn-refiner:focus {
        outline: auto;
        color: #fff;
        background-color: #427a26; }
      .ce-search-refiner .refiner-root .btn-refiner .caret {
        position: absolute;
        right: 10px;
        top: 45%; }
    .ce-search-refiner .refiner-root .dropdown-menu.show.dropdown-menu-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr); }
    .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item:disabled, .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item.disabled {
      color: #ccc;
      background-color: #f2f2f2; }
    .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item.with-count {
      padding: 0.25rem 3.5rem 0.25rem 1.5rem; }
      .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item.with-count.active span {
        color: #fff; }
    .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item span {
      position: absolute;
      right: 20px;
      color: #666; }
    .ce-search-refiner .refiner-root .dropdown-menu .dropdown-divider {
      margin: 0px; }

/*.container {
    padding-left: 0;
    padding-right: 0;
}*/
.floorplan-container {
  overflow: scroll;
  position: relative; }
  @media (min-width: 769px) {
    .floorplan-container {
      overflow: unset; } }

caption {
  caption-side: top; }

.floorplan-table {
  background-color: white;
  display: flex;
  flex-direction: row-reverse;
  -webkit-transform-origin: top left;
          transform-origin: top left; }
  @media (min-width: 769px) {
    .floorplan-table {
      flex-direction: column;
      height: unset; } }

.floorplan-row {
  font-size: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%; }
  @media (min-width: 769px) {
    .floorplan-row {
      flex-direction: row;
      height: unset;
      width: unset; } }

.floorplan-col {
  display: inline-block;
  width: 100%; }
  @media (max-width: 768px) {
    .floorplan-col:nth-of-type(even) {
      margin-bottom: 0.1rem; } }
  @media (min-width: 769px) {
    .floorplan-col {
      margin: 0.05rem;
      width: 100%;
      height: unset; } }

.floorplan-col:nth-child(even) {
  margin-right: 0.2rem; }

.floorplan-cell {
  background-color: #FFF;
  color: white;
  transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
  opacity: 1;
  padding: 0;
  width: 100%;
  border: 0.01rem solid white; }
  @media (min-width: 769px) {
    .floorplan-cell {
      border: 0;
      width: 100%;
      height: unset; } }
  .floorplan-cell:before {
    content: "";
    display: block;
    padding-top: 100%; }
  .floorplan-cell.unoccupied {
    background-image: linear-gradient(-45deg, #cccccc 25%, #ffffff 25%, #ffffff 50%, #cccccc 50%, #cccccc 75%, #ffffff 75%, #ffffff 100%);
    background-size: 6.66px 6.66px; }

button.floorplan-cell.occupied {
  opacity: 0.2; }
  button.floorplan-cell.occupied.selected {
    opacity: 1;
    /*& span {
            font-size: 1rem;
            margin-top: -100%;
        }*/ }
  button.floorplan-cell.occupied:hover, button.floorplan-cell.occupied:active {
    border: 0.1rem solid white; }
  button.floorplan-cell.occupied.disabled {
    cursor: default; }
    button.floorplan-cell.occupied.disabled:hover, button.floorplan-cell.occupied.disabled:active {
      border: none; }

.floorplan-checkbox {
  font-size: 1rem;
  margin-top: -100%; }

/* Center row with the speaker*/
.floorplan-center {
  /*padding: 0.5rem;*/
  /*overflow-y: hidden;*/
  display: flex;
  justify-content: space-between;
  width: 127px;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 769px) {
    .floorplan-center {
      height: 137px;
      width: 100%;
      flex-direction: row; } }

#floorplan-speaker-graphic-en {
  display: inline-block;
  background-repeat: no-repeat;
  height: 268px;
  width: 104px;
  background-image: url("/members/images/floorplan-speakerrow-graphics-mobile-en.png"); }
  @media (min-width: 769px) {
    #floorplan-speaker-graphic-en {
      height: 104px;
      width: 268px;
      background-image: url("/members/images/floorplan-speakerrow-graphics-en.png"); } }

#floorplan-speaker-graphic-fr {
  display: inline-block;
  background-repeat: no-repeat;
  height: 268px;
  width: 104px;
  background-image: url("/members/images/floorplan-speakerrow-graphics-mobile-fr.png"); }
  @media (min-width: 769px) {
    #floorplan-speaker-graphic-fr {
      height: 104px;
      width: 268px;
      background-image: url("/members/images/floorplan-speakerrow-graphics-fr.png"); } }

#floorplan-sergeant-graphic {
  display: inline-block;
  background-repeat: no-repeat;
  height: 65px;
  width: 127px;
  background-image: url("/members/images/floorplan-speakerrow-rightside-graphics-mobile.png"); }
  @media (min-width: 769px) {
    #floorplan-sergeant-graphic {
      height: 127px;
      width: 65px;
      background-image: url("/members/images/floorplan-speakerrow-rightside-graphics.png"); } }

#floorplan-speaker-chair {
  position: relative;
  top: 20px;
  left: 40px;
  width: 23px;
  max-width: 23px;
  max-height: 23px;
  overflow: hidden; }
  @media (min-width: 769px) {
    #floorplan-speaker-chair {
      left: 20px;
      top: 40px; } }
  #floorplan-speaker-chair button {
    background-color: white !important; }
    #floorplan-speaker-chair button .floorplan-checkbox {
      margin-top: -170%;
      color: black; }

.member-info {
  display: inline-flex;
  height: 127px;
  margin-top: 5px;
  margin-bottom: 5px; }
  @media (max-width: 768px) {
    .member-info {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      z-index: 99;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }

.floorplan-mp-tile-container {
  background-color: #fff;
  display: flex;
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  margin: 0; }
  @media (max-width: 768px) {
    .floorplan-mp-tile-container {
      margin: auto; } }

.floorplan-mip-mp-tile {
  color: #333;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  transition: box-shadow .15s ease-in-out; }

.floorplan-mip-mp-tile:hover {
  background-color: #fafafa; }

.floorplan-mip-mp-tile:hover, .floorplan-mip-mp-tile:focus {
  text-decoration: none !important; }

.floorplan-mp-picture-container {
  display: table-cell; }
  .floorplan-mp-picture-container img {
    max-height: 100%;
    max-width: 72px;
    padding-left: 5px;
    padding-top: 5px; }

.floorplan-mip-tile-text {
  padding: 0.125rem .625rem;
  display: -ms-flexbox;
  /*display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;*/
  max-width: 250px; }
  @media (max-width: 1000px) {
    .floorplan-mip-tile-text {
      max-width: 210px; } }
  .floorplan-mip-tile-text .floorplan-mip-tile-top {
    flex-grow: 1;
    padding-bottom: 0.125rem; }
    .floorplan-mip-tile-text .floorplan-mip-tile-top .floorplan-mip-mp-honourable {
      min-height: 20px; }
    .floorplan-mip-tile-text .floorplan-mip-tile-top .floorplan-mip-mp-name {
      font-size: 1.125rem;
      font-weight: bold;
      margin-bottom: 0.125rem;
      line-height: 1.3; }
    .floorplan-mip-tile-text .floorplan-mip-tile-top .floorplan-mip-mp-party {
      border-bottom: solid 3px #e6e6e6; }
  .floorplan-mip-tile-text .floorplan-mip-tile-bottom {
    font-size: 12px;
    margin-top: 2px; }

/* End of section*/
.floorplan-zoom-container {
  background-color: white; }

.floorplan-zoom {
  font-size: 20px;
  padding: 0.25rem; }
  .floorplan-zoom i {
    font-weight: 600; }

/* list view*/
.floorplan-listview-column-seat {
  width: 14%; }

.floorplan-listview-column-member {
  width: 20%; }

.floorplan-listview-column-caucus {
  width: 20%; }

.floorplan-listview-column-constituency {
  width: 26%; }

.floorplan-listview-column-province {
  width: 20%; }

/* End of section*/
/*Legend*/
.mip-floorplan-legend-container {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, 1fr); }
  .mip-floorplan-legend-container .mip-floorplan-legend-pm-section {
    grid-row: 1;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-start: 1;
    grid-column-end: 6; }
    @media (max-width: 991.98px) {
      .mip-floorplan-legend-container .mip-floorplan-legend-pm-section {
        grid-template-columns: repeat(3, 1fr); } }
    @media (max-width: 767.98px) {
      .mip-floorplan-legend-container .mip-floorplan-legend-pm-section {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 575.98px) {
      .mip-floorplan-legend-container .mip-floorplan-legend-pm-section {
        grid-template-columns: repeat(1, 1fr); } }
  .mip-floorplan-legend-container .mip-floorplan-legend-partystandings-section {
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-start: 1;
    grid-column-end: 6; }
    @media (max-width: 991.98px) {
      .mip-floorplan-legend-container .mip-floorplan-legend-partystandings-section {
        grid-template-columns: repeat(3, 1fr); } }
    @media (max-width: 767.98px) {
      .mip-floorplan-legend-container .mip-floorplan-legend-partystandings-section {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 575.98px) {
      .mip-floorplan-legend-container .mip-floorplan-legend-partystandings-section {
        grid-template-columns: repeat(1, 1fr); } }
  .mip-floorplan-legend-container .mip-floorplan-legend-item {
    display: flex;
    height: 60px;
    align-items: center; }
    .mip-floorplan-legend-container .mip-floorplan-legend-item .mip-floorplan-legend-pm {
      grid-row: 1; }
    .mip-floorplan-legend-container .mip-floorplan-legend-item .mip-floorplan-legend-partystanding {
      grid-row: 2; }
    .mip-floorplan-legend-container .mip-floorplan-legend-item .mip-floorplan-legend-partystanding, .mip-floorplan-legend-container .mip-floorplan-legend-item .mip-floorplan-legend-pm {
      float: left;
      min-width: 30px;
      min-height: 30px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .mip-floorplan-legend-container .mip-floorplan-legend-item .mip-floorplan-legend-pm {
      color: white;
      font-weight: 500; }
    .mip-floorplan-legend-container .mip-floorplan-legend-item .mip-floorplan-legend-partystanding-name, .mip-floorplan-legend-container .mip-floorplan-legend-item .mip-floorplan-legend-pm-label {
      max-width: 190px;
      font-weight: 500; }
    .mip-floorplan-legend-container .mip-floorplan-legend-item .mip-floorplan-legend-unoccupied {
      background-image: linear-gradient(-45deg, #cccccc 25%, #ffffff 25%, #ffffff 50%, #cccccc 50%, #cccccc 75%, #ffffff 75%, #ffffff 100%);
      background-size: 6.66px 6.66px; }

.mip-floorplan-legend-bottom {
  font-size: 0.9em;
  margin-top: 10px; }

.mip-floorplan-pm-seat {
  background-image: url("/members/images/floorplan-pm.png");
  background-position: center;
  background-repeat: no-repeat; }

.mip-floorplan-cabinet-member-seat, .mip-floorplan-legend-cabinet-member {
  background-image: url("/members/images/floorplan-cabinetmember.png");
  background-position: center;
  background-repeat: no-repeat; }

/* Pop Up */
.modal {
  width: 100vw; }
  .modal .modal-dialog {
    padding: 0 15px; }

.member-info-mobile {
  padding-bottom: 0.5rem;
  background-color: #FAFAFA; }

.dataTable thead tr th {
  text-align: center; }

.dataTable tbody tr td:first-child {
  font-weight: bold;
  text-align: left; }

.dataTable tbody tr td span {
  font-weight: bold; }

@media (min-width: 768px) {
  .dataTable tbody tr td {
    text-align: center; } }

.mip-floorplan-legend-container .mip-floorplan-legend-item {
  height: 40px; }
  @media (min-width: 768px) {
    .mip-floorplan-legend-container .mip-floorplan-legend-item {
      height: 60px; } }