body {
	background: url(/images/public/thenautilus/background.jpg) no-repeat center center fixed;
	background-size: cover;
}
a {
	color: #401F56;
}
	a:hover {
		color: #401F56;
	}
input[type="email"] {
	color: #401F56;
}
input[type="password"] {
	color: #401F56;
}
input[type="text"] {
	color: #401F56;
}
textarea {
	color: #401F56;
}
::selection {
	color: #401F56;
}
::-moz-selection {
	color: #401F56;
}
.colour-change {
	background-color: #22BBB9;
	color: #ffffff;
	border: 2px solid #22BBB9;
}
	.colour-change:hover {
		background-color: #ffffff;
		border: 2px solid #22BBB9;
		color: #22BBB9;
	}
.colour-change i {
	color: #ffffff;
}
	.colour-change:hover i {
		color: #22BBB9;
	}
.custom-radio-check:checked[disabled] + label:before {
	border: #401F56;
	background: #401F56;
}
.user-table {
	border-bottom: 3px solid #22BBB9;
}
	.user-table tr:hover td {
		color: #22BBB9;
	}
	.user-table th {
		background: #22BBB9;
	}

/* MAP STYLES */
#map {
    filter: brightness(0.92) saturate(0.85);
}
#map2 {
    background-color: #929292 !important;
}

#map3 {
    background-color: #929292 !important;    
}

#map4 {
    background-color: #929292 !important;
}

#map5 {
    background-color: #929292 !important;    
}

#map6 {
    background-color: #929292 !important;    
}

#map7 {
    background-color: #929292 !important;
}

#map8 {
    background-color: #929292 !important;    
}

#map9 {
    background-color: #929292 !important;
}

#map10 {
    background-color: #929292 !important;
}
.mapoutline g text tspan {
    fill: #ffffff !important;
    stroke: #fff !important;
    stroke-width: 0px !important;
    font-size: 2px !important;
}

#Facilities text tspan {
    font-size: 1.3px !important;
}

.mapoutline path.maplegend-underconstruction {
    stroke: rgba(255, 140, 0, 1) !important;
    stroke-dasharray: 1;
    stroke-width: 0.75px !important;
}
.mapoutline path {
    stroke: rgba(255,255,255, 0.5) !important;
    stroke-width: 0.4px !important;
}

.mapoutline path:not(.ignore) {
    fill: rgba(45, 45, 45, 0.5);
}

.mapoutline .road {
    fill: rgba(255, 241, 118, 0.5) !important;
}

#map2 g text tspan {
	font-size: 4px !important;
}

#map3 g text tspan {
	font-size: 4px !important;
}

#map4 g text tspan {
	font-size: 4px !important;
}

.map-text {
    fill: #ffffff !important;
    stroke: #fff !important;
    stroke-width: 0px !important;
    font-size: 3px !important;
}

.map-text tspan {
    fill: #ffffff !important;
    stroke: #fff !important;
    stroke-width: 0px !important;
    font-size: 3px !important;
}

.maplegend-unsold {
    fill: rgba(207, 216, 220, 0.5) !important;
}

.maplegend-reserved {
    fill: rgba(30, 136, 229, 0.5) !important;
}

.maplegend-sold {
    fill: rgba(229, 23, 21, 0.5) !important;
}

.maplegend-financed {
    fill: rgba(249, 168, 37, 0.5) !important;
}

.maplegend-transferred {
    fill: rgba(192, 202, 51, 0.5) !important;
}

.maplegend-complete {
    fill: rgba(46, 125, 50, 0.5) !important;
}

.maplegend-futurephase {
    fill: rgba(87, 232, 193, 0.5) !important;
}

.maplegend-futurephase-overlay {
    fill: rgba(120,180,160,1) !important;
}

.maplegend-nextphase {
    fill: rgba(231, 84, 128, 0.5) !important;
}

.maplegend-notreleased {
    fill: rgba(55, 71, 79, 0.5) !important;
}

.maplegend-underconstruction {
    stroke: rgba(255, 140, 0, 1) !important;
    stroke-dasharray: 1;
    stroke-width: 0.75px !important;
}

#maplegend { 
	background-color: rgba(0,0,0,0.5);
	color: #ffffff;
}

.newmaplegend-available {
    background-color: rgba(207, 216, 220, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.newmaplegend-reserved {
    background-color: rgba(30, 136, 229,0.75);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.newmaplegend-commercial {
    background-color: rgba(141, 110, 99, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.newmaplegend-futurephase {
    background-color: rgba(38, 166, 154, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.newmaplegend-nextphase {
    background-color: rgba(194, 24, 91, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.newmaplegend-notreleased {
    background-color: rgba(55, 71, 79, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.newmaplegend-released {
    background-color: rgba(67, 160, 71, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.newmaplegend-sold {
    background-color: rgba(229, 23, 21, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.newmaplegend-financed {
    background-color: rgba(249, 168, 37, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.newmaplegend-transferred {
    background-color: rgba(192, 202, 51, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.newmaplegend-complete {
    background-color: rgba(46, 125, 50, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.newmaplegend-feature {
    background-color: rgba(94, 53, 177, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.newmaplegend-neighbouring {
    background-color: rgba(236, 140, 220, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.map-feature {
    fill: rgba(94, 53, 177, 0.5) !important;
}

.map-neighbouring path {
    fill: rgba(236, 140, 220, 0.5) !important;
}

.map-facilities {
    fill: rgba(94, 53, 177, 0.5) !important;
}

.map2-text {
    fill: rgba(0, 0, 0, 0.5);
}

.maplegend2-notreleased {
    fill: rgba(45, 45, 45, 0.5) !important;
}

.maplegend2-released {
    fill: rgba(67, 160, 71, 0.5) !important;
}

.maplegend2-sold {
    fill: rgba(229, 23, 21, 0.5) !important;
}

g:hover path.map-outlinehover {
    stroke: rgba(55, 175, 199, 0.8) !important;
    stroke-width: 0.6px !important;
}

.map-outlinehoverstatic {
    stroke: rgba(55, 175, 199, 0.8) !important;
    stroke-width: 0.6px !important;
}

.tippy-box {
    background-color: rgba(55, 175, 199, 0.9);
}

    .tippy-box[data-placement^='top'] > .tippy-arrow::before {
        border-top-color:rgba(55, 175, 199, 0.9);
    }

    .tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
        border-bottom-color: rgba(55, 175, 199, 0.9);
    }

    .tippy-box[data-placement^='left'] > .tippy-arrow::before {
        border-left-color: rgba(55, 175, 199, 0.9);
    }

    .tippy-box[data-placement^='right'] > .tippy-arrow::before {
        border-right-color: rgba(55, 175, 199, 0.9);
    }

    .tippy-box[data-inertia][data-state='visible'] {
        transition-timing-function: ease;
    }