/* CSS pour template custom Ecrans étages */
html {
  margin-top: 0px !important;
  font-family: "Arial, Helvetica, sans-serif";
  font-size: .75rem;
}
h1.entry-title {
  display: none;
}
table.horaires tr th, table.horaires tr td {
  padding: .5em;
  line-height: 1em
}
table.horaires tr td .intervenants {
  font-size: smaller;
}
table.horaires tr td .salle {
  font-weight: bold;
}
table.horaires tbody tr:nth-child(even) td {
  color: #999;
}
#pager {
  text-align: left;
  width: 6em;
  float: left;
}
#no-result {
  margin: auto;
  vertical-align: middle;
  height: 50%;
  width: 50%;
  border: 1px solid #a70076ifag;
  border-radius: 50%;
}
#no-result img {
  height: 100%;
  width: 100%;
}
section#primary {
  padding: 0;
}

/**
 * VIS.JS styles
*/
.loading, #no-result {
  width: 100%;
  height: 100vh;
  vertical-align: middle;
  text-align: center;
  padding-top: 50vh;
}
#panel_header {
  background-image: url("https://www.ifage.ch/pointdeclamation-ifage.png");
  background-repeat: no-repeat;
  background-position: -0.5em;
  background-size: 2.6em;
  padding: 0 1em;
  display: inline-block;
  clear: both;
  width: 100%;
  height: 2em;
  font-size: 2em;
  background-color: #a70076;
  color: white;
  line-height: 2em;
}
#panel_header .batiment_name {
  float: left;
  width: 33%;
  text-align: left;
  padding-left: 2em
}
#panel_header .etage {
  float: left;
  width: 33%;
  text-align: center;
}
#panel_header .curr_time {
  float: right;
  width: 33%;
  text-align: right;
}
#no-result {
  font-size: 3em
}
#visualization {
  margin-top: -7px;
}
.vis-current-time {
  width: 1px !important;
  background-color: black !important;
  z-index: 0 !important;
}
.vis-left .vis-label {
  background-color: #a70076;
  color: #ffffff !important;
  font-weight: bold;
}
.vis-item {
  background: none !important;
  border: none !important;
  height: 100%;
  padding: 3px 0;
}
.vis-item-content {
  display: grid !important;
  grid-template-columns: 1fr;
     grid-template-rows: 1fr 1fr;
  height: 100%;
  
  /*gap: 1rem;*/
  background-color: #E1E1E1;
  border: 1px solid #666666;
  font-size: 1rem !important;
  line-height: 1rem;
    font-size:1rem;
}
.vis-item-content .title {
  grid-column: span 4;
  font-weight: bold;
}
.vis-item-content .resa-info {
  display: grid;
    align-items: center;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr 1fr;
  gap: .1rem;
  font-size: .8rem;
}
.vis-item-content span:before {
  font-family: "dashicons";
  font-size: 1.3rem;
  font-weight: normal;
  color: #a70076;
  vertical-align: middle;
  margin-right: .1rem;
  width: 1rem;
}
.vis-item-content .session_code:before {
  content: "\f323";
}
.vis-item-content .lecturers:before {
  content: "\f12e";
}
.vis-item-content .heures:before {
  content: "\f469";
}
.vis-item-content .salle:before {
  content: "\f230";
}
.vis-item-content .scrollable {
  /* scrolling text animation properties */

  -moz-animation: my-scroll-text 1s linear infinite;
  -webkit-animation: my-scroll-text 1s linear infinite;
  animation: my-scroll-text 11s linear infinite;
    margin-left:1rem;
}

@keyframes my-scroll-text {
  from {
    -moz-transform: translateX(30%);
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
  }
  to {
    -moz-transform: translateX(-105%);
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
  }
}