#geothermics-live-data .geothermics-live-data-house
{
   display:grid;
   grid-template-columns: 3fr 1fr 1fr;
   grid-gap:10px;
   border:#000000 1px dashed;
   padding: 50px 40px;
   box-sizing: border-box;
   align-items: center;
}

#geothermics-live-data .geothermics-live-data-house>div:first-child
{
   font-size: 2.6rem;
   text-transform:uppercase;
   line-height: 125%;
}
#geothermics-live-data .geothermics-live-data-house>div:first-child>div:nth-child(2)
{
   font-weight: 700;
}
#geothermics-live-data .geothermics-live-data-house>div:nth-child(2),
#geothermics-live-data .geothermics-live-data-house>div:nth-child(3)
{
   text-align: center;
}
#geothermics-live-data .geothermics-live-data-house>div:nth-child(2)>div:first-child,
#geothermics-live-data .geothermics-live-data-house>div:nth-child(3)>div:first-child
{
   text-align: center;
   font-weight: 400;
}
#geothermics-live-data .geothermics-live-data-house>div:nth-child(2)>div:nth-child(2),
#geothermics-live-data .geothermics-live-data-house>div:nth-child(3)>div:nth-child(2)
{
   box-sizing: border-box;
   padding:15px 30px;
   text-align: center;
   font-size: 3rem;
   font-weight: 900;
   color: #ffffff;
   background-color: #e2001a;
   box-shadow: inset 3px 3px 5px rgba(0,0,0,0.5);
   width: 70%;
   margin: auto;
}
#geothermics-live-data .geothermics-live-data-house>div:nth-child(3)>div:nth-child(2)
{
   background-color: #0a71b4;
}
a.geothermics-live-data-house-open-details,
a.geothermics-live-data-house-open-details:hover,
a.geothermics-live-data-house-open-details:visited {
   display:block;
   font-weight: 600;
   text-transform: uppercase;
   padding: 20px;
   color:#000000;
   transition: none;
}
a.geothermics-live-data-house-open-details>span {
   transition: none;
}
.geothermics-live-data-house-details
{
   display:grid;
   grid-template-columns: 1fr 1fr;
   grid-gap:0px 100px;
   overflow: hidden;
   padding: 50px 0px 70px 0px;
   box-sizing: border-box;
}
.geothermics-live-data-house-details-schema
{
   position:relative;
   width:400px;
   height:390px;
   background-size:cover;
   background-repeat:no-repeat;
   background-position:top center;
   margin:0px auto;
}
.geothermics-live-data-house-details-circle
{
   width: 30px;
   height: 30px;
   border-radius: 50%;
   color: #ffffff;
   line-height: 30px;
   text-align: center;
   background-color: #e09709;
   font-weight:bold;
   cursor: pointer;
}
.geothermics-live-data-house-details-circle-db-green
{
   background-color:#408a7f;
}
.geothermics-live-data-house-details-tooltip-text
{
   visibility: hidden;
   background-color: rgba(0,0,0,0.8);
   border:3px solid #e09709;
   color: #ffffff;
   text-align: center;
   padding: 5px;
   position: absolute;
   z-index: 1;
   top: -5px;
   left: 105%;
   font-weight:normal;
   min-width: 200px;
}
.geothermics-live-data-house-details-circle-db-green-tooltip-text
{
   color:#ffffff;
   border-color: #408a7f;
}
.geothermics-live-data-house-details-tooltip-text-left
{
   left:auto;
   right: 105%; 
}
.geothermics-live-data-house-details-tooltip:hover .geothermics-live-data-house-details-tooltip-text
{
   visibility: visible;
}
.geothermics-live-data-house-details-valuebox
{
   color:#ffffff;
   width:90px;
   text-align:center;
   font-weight: 900;
   padding:2px 5px;;
   background-color:#000000;
}
.geothermics-live-data-house-details-description {
   align-self: center;
}
.geothermics-live-data-house-details-table {
   overflow-x:auto;
}
.geothermics-live-data-house-details-table > table { 
   border-spacing: 5px;
   border-collapse: separate;
}
#geothermics-live-data .geothermics-live-data-house-details-table > table td {
   border: 0px;
}
.geothermics-live-data-house-details-table > table td:not(:first-child) {
   text-align: center;
}
.geothermics-live-data-house-details-table > table tr>th {
   color:#ffffff;
   background-color:#000000;
}
.geothermics-live-data-house-details-table > table tr>th:first-child {
   text-align: left;
   text-transform:uppercase;
   min-width: 125px;
}
.geothermics-live-data-house-details-table > table tr>td {
   color:#ffffff;
   background-color:#646363;
}
.geothermics-live-data-house-details-table > table tr>td.geothermics-live-data-house-details-table-empty { 
   background-color: transparent;
}
.geothermics-live-data-house-details-table > table tr>td.geothermics-live-data-house-details-table-hot { 
   background-color: #e2001a;
}
.geothermics-live-data-house-details-table > table tr>td.geothermics-live-data-house-details-table-cold { 
   background-color: #0a71b4;
}
.geothermics-live-data-house-details-selector input[type="radio"] {
   margin-right: 5px;
}
.geothermics-live-data-slide-enter-active,
.geothermics-live-data-slide-leave-active {
   max-height: 1000px;
   padding: 50px 0px 70px 0px;
   transition: all 0.25s ease;
}
.geothermics-live-data-slide-enter-from,
.geothermics-live-data-slide-leave-to {
  max-height: 0;
  padding: 0px;
}



@media (max-width: 1200px)
{
   .geothermics-live-data-house-details
   {
      grid-template-columns: 1fr;
      grid-gap:0px;
   }
   .geothermics-live-data-house-details-description{
      order: -1;
   }
   
}
@media (max-width: 900px)
{
   #geothermics-live-data .geothermics-live-data-house
   {
      grid-template-columns: 2fr 1fr 1fr;
   }
   
}
@media (max-width: 770px)
{
   #geothermics-live-data .geothermics-live-data-house
   {
      grid-template-columns: 1fr;
   }
}
@media (max-width: 500px)
{
   .geothermics-live-data-house-details-schema
   {
      width:300px;
      height:300px;
   }
}