.icon
{
    font-family: "defaulticons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 1px;
}

#mobileOverlay
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(102,188,197,0.4);	
}

#mobilePopup
{
	margin:0 auto;
	width:80%;
	max-width:600px;
	background:white;
	margin-top:20px;
	padding:2%;
}

#mobilePopup.dialog .title
{
	text-align:center;
	text-transform:uppercase;
	font-size:1.1rem;
	font-weight:700;
	margin-top:20px;
}

#mobilePopup.dialog .message
{
    padding: 10px 30px;
    text-align: center;
    color: #555;
}

#mobilePopup.dialog .buttons 
{
    margin-top: 20px;
    text-align: center;
    overflow: hidden;
    padding-bottom: 30px;
}

#mobilePopup.dialog .button 
{
    display: inline-block;
    margin-right: 15px;
    width: 110px;
    height: 30px;
    line-height: 30px;
    color: white;
    background: #66bcc5;
    cursor: pointer;
}

#mobilePopup.dialog .button:last-child 
{
    margin-right: 0px;
}

#mobilePopup.dialog .button.no 
{
    background: #d58989;
}

#mobilePopup.dialog .button .icon 
{
    font-size: 12px;
    margin-right: 5px;
}

#mobilePopup.dialog .message #inhabitantpassform li
{
    width:100%;
    box-sizing:border-box;
}

#mobilePopup.dialog .message #inhabitantpassform li input
{

	width: 100%;
	border: 1px solid #e8e8e8;
	height: 40px;
	font-size: 16px;
	background-color: #f6f6f6;
	padding-left: 10px;
	box-sizing: border-box;
	outline: none;
	-webkit-appearance: none;
	margin-top: 20px;
}

#mobilePopup.dialog .message #inhabitantpassform
{
	clear: both;
	padding:20px 0px;
	overflow:hidden;
}

[data-type="TampuuriContacts"] .itemcontent > div
{
	padding:0 0 5px 0;
}

[data-type="TampuuriContacts"] .itemcontent .company
{
	font-weight:700;
	padding:10px 0;
}


#content #modules .message  table
{
	border-collapse:collapse;
	border:0px;
	width:100%;
	
}

#content #modules .message table td
{
	width:100%;
	border:0;
}

#content #modules .message table[data-columns="2"] td
{
	width:50%;	
}

#content #modules .message table[data-columns="3"] td
{
	width:33.3%;	
}

#content #modules .message table[data-columns="4"] td
{
	width:25%;	
}

#content #modules .message table[data-columns="5"] td
{
	width:20%;	
}

#content #modules .message table[data-columns="6"] td
{
	width:16.67%;	
}

#content #modules .message table[data-columns="7"] td
{
	width:33.3%;	
}

#content #modules .message table[data-columns="8"] td
{
	width:12.5%;	
}

#content #modules .message table[data-columns="9"] td
{
	width:11.1%;	
}

#content #modules .message table td p
{
	margin:0;
	padding:5px;
}
body
{
  background:white;
  cursor:default;
   width:100%;
  overflow:auto;
  overflow-x:hidden;
  font-family:sans-serif;
}


#mapContainer
{
    width:100%;
}

#mapContainer svg
{
    width:100%;
    height:auto;
}

#mapContainer .floormaps
{
  position:absolute;
  width:1375px;
  height:576px;
  top:265px;
  left:225px;
    -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 1s ease-in-out;
 -webkit-transform:rotate3d(1,0,0,0deg);
  overflow: visible !important;
  -webkit-perspective: 1500px;
}

#mapContainer .floormaps
{
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}

#mapContainer .floormaps .svg
{
  width:100%;
}

#mapContainer .floormap
{
    position:absolute;
    background:white;
  width:100%;
  left:0px;
  top:20px;
  display:block;
  -webkit-transition:opacity 0.5s ease-out;
  transition:opacity 0.5s ease-out;
 z-index:1;
 opacity:0;

}

#mapContainer .floormap.active
{
    opacity:1;
    z-index:2;
}

.mallmapweb .floormap .title {
    font-size: 32px;
    fill: #333;
    font-family: sans-serif
}

#mapContainer .floorselectors
{
   position:absolute;
   right:0px;
  bottom:20px;
  z-index:10;
  width:120px;
  display:table;

  border-collapse:separate; 
 border-spacing:0px 30px;
} 

.mallmapweb #mapContainer .floorselectors
{

  right:auto;

  height:120px;
  width:350px;
  left:50%;
  margin-left:-175px;

 border-spacing:0px 20px;
}


#mapContainer .floorselectors .row
{
  display:table-row;
}

.mallmapweb #mapContainer .floorselectors .row
{
  float:right;
  margin-right:100px;
}

#mapContainer .floorselectors .selector
{
  position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background: #e7e7e7;
    margin-bottom: 30px;
    color: white;
    line-height: 28px;
    text-align: center;
    float: left;
    margin-right: 20px;
    padding-top: 5px;
    box-sizing: border-box;
    
    color: #333;
    line-height: 20px;
    font-size: 20px;
}

#mapContainer .floorselectors .selector:after
{
    content:'kerros';
    font-size:12px;
    display:block;
}

.mallmapweb #mapContainer .floorselectors .selector
{
  cursor:pointer;
}

#mapContainer .floorselectors .selector .subtitle
{
   font-size:32px;
}

#mapContainer .floorselectors .selector.active
{
  background:#f6750f;
  color:white;
  -webkit-box-shadow: none;
}

.mallmapweb .floorselectors select
{
  width:70%;
  margin-left:15%;
  font-size:18px;
  margin-bottom:20px;
}

svg [data-branch="7"]
{
    fill:#6cbe99 !important;
}

svg [data-branch="8"]
{
    fill:#fbcca1 !important;
}

svg [data-branch="15"]
{
    fill:#f9ec96 !important;
}

svg [data-branch="10"]
{
    fill:#d9e6b1 !important;
}

svg [data-branch="12"]
{
    fill:#9d9c9c !important;
}

svg [data-branch="13"]
{
    fill:#ae86b3 !important;
}

svg [data-branch="11"]
{
    fill:#ed6fa7 !important;
}

svg [data-branch="14"]
{
    fill:#82d0f5 !important;
}

svg [data-branch="9"]
{
    fill:#f8c9df !important;
}


@media screen and (max-width: 480px)
{

  .mallmapweb #mapContainer .floorselectors
   {
      width:210px; 
      margin-left:-105px;
  } 
  
  .mallmapweb #mapContainer .floorselectors .row 
  {
      margin-right:30px;
  }
  
  .mallmapweb #mapContainer .floorselectors .selector
  {
        width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 16px;
    padding-top: 10px;
  }
  
  #mapContainer .floorselectors .selector:after
    {
        font-size:10px;
    }

}