/* 
    Created on : 12.12.2020, 8:56:03
    Last update on: 16.9.2021
    Author     : Jouni Santara, TERE-tech ltd
*/

body {
    padding: 0;
    margin: 0;
}

html, body, #mapXX {
    height: 100%;
    width: 100%;
}

.intro-img {
    float:left; 
    margin: 6px;
    border: 4px inset lightpink;
    background-color: #fddfdf;
}

.hm-div-icon {
    background-color: transparent;
    text-shadow: 2px 2px black;
}

.ui-dialog-title {
    font-size: 16px;
    color: navy;
}

.nav-tabs {
    font-weight: bold;
}

.glyphicon-resize-small {
    font-size: x-large;
    color: navy;
}

.glyphicon-resize-full {
    font-size: x-large; 
    color: navy;
}

.elembutt {
    cursor: pointer;
    text-shadow: 2px 2px gray;
}
.recinfos {
    text-shadow: 2px 2px gray; 
    font-size: x-large;
}

.introgolds {
    padding:2px;
    background-color: darkgreen;
    border: 6px outset green;
    height: 24px;
}

.introgolds:hover {
    background-color: palegreen;
}

.subflag {
    float: right; 
    margin: 4px;
    width: 20%;
    height: 20%;
    background-color: lightgrey;
    border: 4px inset gray;
}

.subflag2 {
    float: left; 
    padding: 2px;
    margin: 4px;
    width: 54px;
    height: 54px;
    background-color: lightgrey;
    border: 4px inset gray;
}

.newbies-icon {
	box-shadow: 2px 2px grey;
}

.newbies-ale-icon {
    border: 2px solid lime;
    box-shadow: 2px 2px black;
}

.oaddress {
	color: black;
	outline: 3px dotted darkgray;
        font-size: large;
        font-weight: 900;
        text-shadow: 2px 2px #5bc52a;
        padding: 4px
}

.oaddress2 {
	color: mediumspringgreen;
	outline: 3px dotted mediumspringgreen;
	font-size: x-large;
	font-weight: bold;
        background-color: white;
        margin: 3px;
}

.ogain2 {
	color: lime;
	font-size: x-large;
	font-weight: bold;
	text-shadow: 2px 2px black;
}

.bsaddress {
    color: orange; 
    font-size: large;
}

.oaddresstoo {
    color: navy;
    background-color: darkgray;
    font-weight: bold;
    font-size: medium;
    padding: 4px;
    cursor: pointer;
}

.oaddresstoo:hover {
    color: blue;
    background-color: gainsboro;
    font-size: medium;
    cursor: zoom-in;
    transition: all 0.5s ease;
}

.oprice {
	background-color: blanchedalmond;
	font-size: larger;
}

.opricebig {
	color: #cbffd3;
	background-color: black;
	font-size: medium;
        font-weight: bold;
        padding: 2px;
}

.orooms {
	background-color: #5bc52a;
        font-weight: bold;
	font-size: large;
        padding: 4px;
        border: 4px double black;
}

.orooms2 {
	color: mediumaquamarine;
	font-size: medium;
	text-shadow: 2px 2px black;
}

.ofloor {
	background-color: skyblue;
        font-size: medium;
        font-weight: bold;
        padding: 4px;
        border: 4px double black;
}

.omaterial {
	background-color: darkgoldenrod;
        font-size: medium;
        font-weight: bold;
        padding: 4px;
        border: 4px double black;
}

.osize {
	background-color: lightsalmon;
        font-size: medium;
        font-weight: bold;
        padding: 4px;
        border: 4px double black;
}

.osize2 {
	color: mediumaquamarine;
	font-size: medium;
	text-shadow: 2px 2px black;
}

.obuilt {
	background-color: mediumaquamarine;
        font-size: medium;
        padding: 4px;
}

.p-built {
    background-color: mediumaquamarine;
    font-weight: bold;
    font-size: large;
    padding: 4px;
    border: 4px double black;
}

.oprofit {
    color: darkolivegreen;
    background-color: #e2ffe2;
}

.bubbletit {
	color: #f0fffa;
	font-size: small;
	font-weight: bold;
	text-shadow: 2px 2px black;
}

.bubbledesc {
    color: yellow;
    font-size: x-small;
}

.bprice {
	color: black;
        font-size: medium;
        padding: 2px;
}

.moveprice {
	color: yellow;
	background-color: black;
	font-size: small;
	float:right;
        padding: 6px
}

.moves-tabs {
    font-weight: bold;
}

.newprice {
    font-size: small;
    color: yellow;
    background-color: darkred;
    float: right;
    padding: 4px
}

.risk4sale {
    text-align: center;
    padding: 6px;
    outline: 3px dotted darkred;
}

.risktrip {
    text-align: center;
    padding: 4px;
    font-weight: bold;
    font-size: medium;
    color: gray;
}

.underfair {
    color: darkgreen;
    background-color: greenyellow;
    border: 2px solid darkgreen;
}

.overfair {
    color: red;
    background-color: darkred;
    border: 2px solid red;
}

.profbasic {
    margin: 2px;
    background-color: darkgreen;
    box-shadow: 2px 2px black;
    text-align: center;
}

.profbig {
    margin: 2px;
    background-color: green;
    border: 1px solid darkred;
    box-shadow: 2px 2px black;
    text-align: center;
}

.profbigger {
    margin: 2px;
    background-color: limegreen;
    border: 3px solid red;
    box-shadow: 2px 2px black;
    text-align: center;
}

.profbiggest {
    margin: 2px;
    background-color: greenyellow;
    border: 3px solid red;
    outline: 3px dashed orange;
    box-shadow: 6px 6px black;
    text-align: center;
}

.osuburb {
	color: gray;
        float: right;
}

.buttHigh {
	background-color: skyblue;
}

.buttDim {
	background-color: darkgray;
}

.homeHouseTitle {
	color:yellow;
	text-shadow: 1px 1px black;
}

.homeHouseDesc {
	color:gold;
	text-shadow: 1px 1px black;
	font-size: x-small;
}

.mover-item {
    border: 3px solid gray;
    background-color: darkgray;
}

.addrTitle {
	color: navy;
}

.mapPopUp { 
	float:right;
	color:white;
	font-size:large;
	background-color:black;
	border: 2px outset #444;
}

.areaSubBox {
	border: 5px ridge #f8ff8f;
}

.rankBox {
    border: 5px ridge #f8ff8f;
    font-size: large; 
    font-weight: bold;
    float: right;
    text-shadow: 1px 2px darkgray; 
    background-color:white;
}

.propsMain {
	 
	font-size:large; 
	color:white; 
	text-shadow: 2px 2px darkgray; 
	background-color:green;
}

.propsTable {
	display: inline-block;
	width: 94px;
	height: 45px;
	color: gold; 
	text-align: center; 
	font-size: x-large;
}

.propsSum {
	color:whitesmoke; 
	text-align:center; 
	font-size:x-large;
}

.popUpIco {
	float:right;
	color:white;
	font-size:large;
	background-color:gray;
}

.newTools {
	font-size:18px;
	color:navy;
}

.allSButt {
	float:right;
	font-size:xx-small;
	cursor:pointer;
}

.titlebubble {
    font-weight: bold;
    color: navy;
    text-align: center;
}

.titlesub {
    color: navy;
    font-weight: bold;
}

.titleperiod {
    color: navy;
    font-weight: bold;
}

.titleback {
    background-color: darkgray;
    padding: 2px;
    margin: 4px;
}

.titlechart {
    color: navy;
    font-weight: bold;
}

.bubblebutts {
    cursor: pointer; 
    font-size: small; 
    width: 100%;
    padding: 4px;
    color: black;
}

.bubblebutts2 {
    color: navy;
}   

.bubblebadge {
    float:right; 
    font-size: medium;
}

toolbutts {
    float: right;
}

.fotosmall {
    float:left; 
    border: 6px outset gainsboro;
    color: yellow;
    font-size: x-large;
    text-shadow: 1px 1px black;
    display: inline-block;
    padding: 4px;
}

.calc-image {
    display: inline-block; 
    float: left; 
    border: 4px outset gray; 
    color: yellow; 
    font-size: x-large; 
    text-shadow: 1px 1px black;
}

.topsAll {
    text-align: left;
}

.topsTable {
    width: 100%; 
    border: 4px inset #b8f9d5;
    background-color: #b8f9d5;
}

.contractTable {
    width: 100%; 
    border: 4px inset #b8f9d5;
    background-color: #bde4fd;
}

.topsTableRow {
    border: 4px inset #b8f9d5;
}

.topsTableCell {
    border: 4px inset #b8f9d5;
}

.contractTableRow2 {
    border: 4px inset #8ed1fc;
}

.contractTableCell2 {
    border: 4px inset #8ed1fc;
}

.topsSubsub {
    font-size: x-small;
    font-weight: lighter;
    color: #336;
}

.birule {
    color: navy;
    text-align: center;
    height: 40px;
}

.birule:hover {
    color: blue;
    font-size: medium;
    text-align: center;
    height: 30px;
    cursor: zoom-in;
    transition: all 0.5s ease;
}

.bikpiale {
    color: navy;
    font-size: x-large;
}

.bikpidom {
    color: darkred;
    font-size: x-large;
}

.bikpiprcnt {
    color: darkolivegreen;
    font-size: large;
}

.deal-button {
    font-size: large;
    color: navy;
}

.wide-button {
    width: 100%;
    padding: 4px;
}

.tops-flag {
    font-size: 24px; 
    float: right;
    color: gray;
}

.tops-flag-plus {
    font-size: 36px; 
    float: right;
    color: darkgreen;
    text-shadow: 2px 2px darkred;
}

.tops-flag-note {
    font-size: 36px;
    color: darkgreen;
    text-shadow: 2px 2px darkred;
}

.c-period {
    font-size: x-large;
    font-weight: bold;
    color: navy;
}

.c-start-end {
    font-size: large;
    color: navy;
}

.c-premium {
    font-size: large;
    font-weight: bold;
    color: navy;
}

.c-euro-premium {
    font-size: large;
    color: navy;
}

.c-bid {
    font-size: large;
    font-weight: bold;
    color: navy;
}

.deal-shakes {
    background-color: #EEE; 
    border: 4px inset blueviolet;
    font-size: large;
}

.calcImage {
    background-color: whitesmoke;
    padding: 4px;
}

.calcButt {
    cursor:pointer; 
    color:navy;
    font-size: medium;
}

.calcLoc {
    color: yellow;
    font-size: medium;
}

.calcTitle {
    color: whitesmoke;
    font-size: large;
    text-shadow: 1px 1px gray;
}

.calcAddrTitle {
	color: whitesmoke;
        font-size: large;
        text-shadow: 1px 1px gray;
}

.calcFoto {
    display: inline-block; 
    float: left; 
    border: 8px outset darkgray; 
    color: yellow; 
    text-size: x-large; 
    text-shadow: 1px 1px black;
    margin-right: 10px;
}

.calcPrices {
    height: 200px;
    text-align: center;
}

.calcBuyer {
    color: lime;
    font-size: x-large;
    text-shadow: 1px 1px gray;
}

.calcInval {
    font-size: large;
    text-align: center;
}

.calcClose {
    color: navy;
    font-size: small;
    float: right;
    font-weight: bold;
}

.calcSeller {
    color: orangered;
    font-size: small;
    text-shadow: 1px 1px gray;
}

.calcGap {
    color: orange;
    font-size: small;
    text-shadow: 1px 1px gray;
}

.inGain {
    color: green;
    font-size: medium;
}

.outOfGain { 
    color: darkred;
    font-size: x-small;
}

.fair-price-seller {
    color:lime;
    text-shadow: 1px 1px black;
    font-weight: 900
}

.market-mood-up {
    float: right; 
    font-size: x-large; 
    color: green; 
    border: thick outset greenyellow; 
    background-color: greenyellow;
}

.market-mood-down {
    float: right; 
    font-size: x-large; 
    color: darkred; 
    border: thick outset pink; 
    background-color: pink;
}

.tbl-left {
    color: navy;
    font-weight: bold;
}

.tbl-right {
    text-align: right;
}

.propsPlus {
}

.propsMinus {
}

.style_gmail2 {
    background-color:#5cb85c;
    width:18px;
    height:18px;
    border: 1px solid white;
    display:inline-block;
    overflow:hidden;
}
    
.closed-butts {
    margin:2px;
}