@charset "UTF-8";

@import "fonts";
@import "icons";
@import "vars";

body {
  overflow-x: hidden;
  background-color: #000;
  color: #fff;
}

#map {
  height: calc(100vh - 138px);
  width: 100%;
}

.timetable-container {
  height: calc(100vh - 138px);
  width: 100%;
  overflow: hidden;
  
  .loader {
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    display: block;
  }
}

.table-inverse {
  color: #fff;
  background-color: #000;
  
  th {
    @include font-ultra(24px);
  }
  
  td {
    font-size: 18px;
    
    &:last-of-type {
      white-space: nowrap;
    }
  }
  
  td, 
  th {
    border-top: 0;
  }
  
}

.header {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 20px;
  
  h1 {
    @include font-ultra(72px);
  }
  
  .title {
    h1 {
      text-align: center;
    }
  }
}