:root {
  --win-width: 1200px;
  --footer-ht: 60px;
  --header-ht: 150px;
  --header-low-ht: 34px;
}
body {
  font-family: Source Sans Pro, sans-serif;
    width: 100%;
    height: 100%;
}

#header, #header-low{
  max-width:var(--win-width);
  min-width:var(--win-width);
  margin: auto;
}
#header{
  max-height: var(--header-ht);
  //min-height: var(--header-ht);
  /* background-color: lightpink; */
}
#header-low{
  //max-height: var(--header-low-ht);
  min-height: var(--header-low-ht);
  /* background-color: lightblue; */
}
#col-container{
  margin: auto;
  max-width:var(--win-width);
  min-width:var(--win-width);
}
#left-3col, #middle, #right-3col, #left-2col, #right-2col, #left-bigcol, #right-smallcol, #col1of4, #col2of4, #col3of4, #col4of4{
  max-height:calc(100vh - 180px);
  min-height:calc(100vh - 180px);
  float:left;
  //border:1px solid black;
  overflow: auto;
}
#left-2col-sma-ht, #right-2col-sma-ht{
  max-height:calc(100vh - 200px);
  min-height:calc(100vh - 200px);
  float:left;
  overflow: auto;
  /* border:1px solid black; */
}
#left-2col, #right-2col, #left-2col-sma-ht, #right-2col-sma-ht{
  max-width:calc((var(--win-width) / 2) - 10px);
  min-width:calc((var(--win-width) / 2) - 10px);
}
#left-bigcol {
  max-width:calc((var(--win-width) / 1) - 10px);
  min-width:calc((var(--win-width) / 1) - 10px);
}
#right-smallcol {
  max-width:calc((var(--win-width) / 3.5) - 10px);
  min-width:calc((var(--win-width) / 3.5) - 10px);
}
#left-3col, #middle, #right-3col, #add_stuff{
  max-width:calc((var(--win-width) / 3) - 10px);
  min-width:calc((var(--win-width) / 3) - 10px);
}
#col1of4, #col2of4, #col3of4, #col4of4, #add_stuff4col{
  max-width:calc((var(--win-width) / 4) - 3px);
  min-width:calc((var(--win-width) / 4) - 3px);
  padding-right: 2px;
}
#col1of4, #col2of4, #col3of4, #add_stuff4col{
  border-right: 1px solid lightgrey;
}
/*
#col1of4, #col3of4{
  background-color: lightpink;
}
#col2of4, #col4of4{
  background-color: lightgreen;
}
*/
#add_stuff, #add_stuff4col{
  max-height:60px;
  min-height:60px;
  position:absolute;
  bottom:var(--footer-ht);
  /* border:1px solid black; */
}
#add_stuff4col_estate_type{
  max-height:90px;
  min-height:90px;
  position:absolute;
  bottom:var(--footer-ht);
  /* border:1px solid black; */
}
hr {
    display: block;
    height: 0px;
    border: 0;
    border-top: 1px solid lightgrey;
    padding: 0;
}
#left-3col, #left-2col, #left-2col-sma-ht{
  border-right: 1px solid lightgrey;
  //background-color: lightpink;
}
#middle{
  border-right: 1px solid lightgrey;
  //background-color: lightgreen;
}
#right-3col, #right-2col{
  //background-color: lightgrey;
}
#footer{
  max-height:var(--footer-ht);
  min-height:var(--footer-ht);
  position:fixed;
  /* float:left; */
  max-width:var(--win-width);
  min-width:var(--win-width);
  right:0;
  left:0;
  margin-right: auto;
  margin-left: auto;
  //background-color: lightyellow;
  bottom:0px;
}
.model-img{
  max-width:calc((var(--win-width) / 3) - 20px);
  min-width:calc((var(--win-width) / 3) - 20px);
}
.model-img4col{
  max-width:calc((var(--win-width) / 4) - 20px);
  min-width:calc((var(--win-width) / 4) - 20px);
}
.floating-menu{
  display:none;
  border:1px solid lightgrey;
  background-color:white;
}
.floating-menu-noborder{
  display:none;
  background-color:white;
}
.estate_types{
  display:none;
}
.no-underline{text-decoration: none;}
.grey-text{color: gray;}
.black-text{color: black;}
.small-text{font-size: 0.8em;}
.medium-text{font-size: 0.9em;}
.large-text{font-size: 0.8em;}
.Xlarge-text{font-size: 1.0em;}
.XXlarge-text{font-size: 1.1em;}
.XXXlarge-text{font-size: 1.2em;}

textarea{
  font-size:0.8em;
  font-family: Source Sans Pro, sans-serif;
}
.DataInputTable{
  width:100%;
}
.coloured-cell{
   background-color:f1d0d5;
   border:1px solid grey;
   text-align:center;
}
.greyed-cell{
   background-color: white;
   border:1px solid lightgrey;
   text-align:center;
}













/*  */
