html, body {
  height: 100%;
}

.woolLogo canvas {
  margin-top: 40px;
  margin: auto;
  display: block;
}

.woolLogo h3 {
  display: inline;
  margin-left: 10px;
  position: absolute;
  margin-top: 10px;
  font-size: 56px;
  color: pink;
  top: 0;
}

.top_container .rowContainer {
  height: 100%;
}

.top_container .rowContainer .logo_weather {
  background: #f9f9f9;
}

.top_container .rowContainer .logo_weather .woolLogo, .top_container .rowContainer .logo_weather .weatherContainer {
  padding: 10px;
  margin-right: -15px;
  margin-left: -15px;
}

.top_container .rowContainer .logo_weather .woolLogo .logo {
  height: 150px;
  width: 150px;
  margin: auto;
  display: block;
}

.top_container .rowContainer .logo_weather .woolLogo h1 {
  margin-top: 20px;
  text-align: center;
  color: #5b5b5b;
  text-transform: uppercase;
}

.top_container .rowContainer .logo_weather .weatherContainer h3 {
  display: inline;
  margin-left: 23px;
  position: absolute;
  margin-top: 10px;
  font-size: 36px;
  color: pink;
}

.issueContainer {
  height: 100%;
  background-color: #ff9797;
}

.issueContainer .issueNumber {
  width: 100%;
  padding: 10px;
}

.issueContainer .issueNumber h1 {
  font-size: 120px;
  margin-top: 22%;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
}

.issueContainer .issueNumber h4 {
  margin-top: 20px;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
}

.twitterContainer {
  height: 100%;
  background-color: #6bdcff;
}

.twitterContainer .twitterFeed {
  width: 100%;
  padding: 10px;
}

.twitterContainer .twitterFeed h1 {
  font-size: 120px;
  margin-top: 22%;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
}

.twitterContainer .twitterFeed h4 {
  margin-top: 20px;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
}

.closeContainer {
  height: 100%;
  background-color: #42da75;
}

.closeContainer .closeCases {
  width: 100%;
  padding: 10px;
}

.closeContainer .closeCases h1 {
  font-size: 120px;
  margin-top: 22%;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
}

.closeContainer .closeCases h4 {
  margin-top: 20px;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
}

.center_container {
  height: 70%;
}

.center_container .rowContainer {
  height: 100%;
}

.center_container .rowContainer .latestProject {
  padding: 0px;
  background-color: #FFFFFF;
}

.center_container .rowContainer .latestProject h1 {
  width: 200px;
  margin: 20px 0px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Ubuntu,"Droid Sans","Helvetica Neue",sans-serif;
  color: #172b4d;
  font-size: 33px;
  font-weight: 500;
  font-style: normal;
  line-height: 24px;
  letter-spacing: -.24px;
}

.center_container .rowContainer .latestProject .results {
  border-collapse: collapse;
  border: none;
  margin-top: 5%;
}

.center_container .rowContainer .latestProject .results thead tr {
  border: none;
  border-bottom: 2px solid #c7c7c7;
}

.center_container .rowContainer .latestProject .results thead th {
  border: none;
}

.center_container .rowContainer .latestProject .results tbody td, .center_container .rowContainer .latestProject .results tbody th {
  border: none;
}

.center_container .rowContainer .extraInfo_container .extraInfo {
  height: 100%;
}

.center_container .rowContainer .extraInfo_container .extraInfo .test1 {
  height: 50%;
  background-color: #4bb970;
  color: #FFFFFF;
  text-align: center;
}

.center_container .rowContainer .extraInfo_container .extraInfo .test1 h1 {
  font-size: 50px;
  font-weight: 700;
  margin-top: 80px;
  text-transform: uppercase;
}

.center_container .rowContainer .extraInfo_container .extraInfo .test1 span {
  font-size: 80px;
  font-weight: 700;
}

.center_container .rowContainer .extraInfo_container .extraInfo .test2 {
  height: 50%;
  background-color: #f15a5a;
  color: #FFFFFF;
}

.center_container .rowContainer .extraInfo_container .extraInfo .test3 {
  height: 50%;
  background-color: #db5f5f;
}

.center_container .rowContainer .extraInfo_container .extraInfo .test4 {
  height: 50%;
  background-color: #FFFFFF;
}

.center_container .rowContainer .extraInfo_container .extraInfo .test5 {
  height: 50%;
  background-color: #27365d;
  color: #FFFFFF;
}

.priorityProjects {
  text-align: center;
}

.priorityProjects .projects {
  height: 33.3%;
}

.priorityProjects .projects .projectTickets {
  margin: 0 -30px;
  font-weight: 500;
  height: 100%;
}

.priorityProjects .projects .projectTickets .ticketTitle, .priorityProjects .projects .projectTickets .ticketTitle2, .priorityProjects .projects .projectTickets .ticketTitle3 {
  color: #FFFFFF;
  background-color: #4e58bf;
  margin-bottom: 0;
  padding: 20px 0;
  height: 50%;
}

.priorityProjects .projects .projectTickets .ticketTitle2 {
  background-color: #ff5252;
}

.priorityProjects .projects .projectTickets .ticketTitle3 {
  background-color: #50d87d;
}

.priorityProjects .projects .projectTickets .projectsContainer, .priorityProjects .projects .projectTickets .projectsContainer2, .priorityProjects .projects .projectTickets .projectsContainer3 {
  color: #FFFFFFFF;
  background-color: #3d48bf;
  height: 50%;
}

.priorityProjects .projects .projectTickets .projectsContainer .jisc_container, .priorityProjects .projects .projectTickets .projectsContainer2 .jisc_container, .priorityProjects .projects .projectTickets .projectsContainer3 .jisc_container {
  display: inline-block;
  margin: 10px 15px;
  margin-top: 10%;
  font-size: 25px;
}

.priorityProjects .projects .projectTickets .projectsContainer2 {
  background-color: #f74949;
}

.priorityProjects .projects .projectTickets .projectsContainer3 {
  background-color: #44bb6b;
}

@media only screen and (min-width: 920px) {
  .top_container {
    height: 30%;
  }
  #myTable_paginate {
    position: absolute;
    top: 0;
    right: 0;
  }
  #myTable_filter {
    position: absolute;
    top: 10px;
    left: 1%;
  }
  #myTable_filter input {
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    padding: 15px 20px;
  }
  div.dataTables_wrapper {
    position: inherit;
  }
}

.none {
  display: none;
}

@media only screen and (min-width: 2000px) {
  .center_container {
    overflow: hidden;
  }
  .top_container {
    height: 30%;
  }
  table.dataTable tbody th, table.dataTable tbody td {
    padding: 15px 40px !important;
    font-size: 30px;
  }
  table.dataTable thead th, table.dataTable thead td {
    padding: 35px 40px !important;
    font-size: 26px;
  }
  .weatherContainer {
    padding: 45px 20px;
  }
  #today, #tt2 {
    font-size: 40px;
  }
  #placeName {
    font-size: 60px;
  }
  .priorityProjects .projects .projectTickets {
    margin: 0 -30px;
    font-weight: 500;
    height: 100%;
  }
  .priorityProjects .projects .projectTickets .ticketTitle, .priorityProjects .projects .projectTickets .ticketTitle2, .priorityProjects .projects .projectTickets .ticketTitle3 {
    margin-bottom: 0;
    padding: 40px 0;
    height: 50%;
  }
  .priorityProjects .projects .projectTickets .projectsContainer, .priorityProjects .projects .projectTickets .projectsContainer2, .priorityProjects .projects .projectTickets .projectsContainer3 {
    height: 50%;
  }
  .priorityProjects .projects .projectTickets .projectsContainer .jisc_container, .priorityProjects .projects .projectTickets .projectsContainer2 .jisc_container, .priorityProjects .projects .projectTickets .projectsContainer3 .jisc_container {
    margin: 20px 25px;
    margin-top: 15%;
    font-size: 45px;
  }
  .center_container .rowContainer .latestProject .results {
    margin-top: 0px;
  }
}
/*# sourceMappingURL=style.css.map */