/* Helsingin custom-tyyli Karttapalveluun */
/* SpatialWeb 8.14 UI */
/* Lokakuu 2019 */
/*Korjattu pois oranssi raita yläpalkin ja alaosan väliltä 17.12.-20 TSa */
/* Mobiilimoodin oikean laidan menun "rightmenubody" ylämarginaali kommentoitu pois 19.4.2021 SLo */


/* Karttapalvelun Vaakuna-teemavärin (#0072c6) ylä- ja sivupalkki */


.navbar-default {
  background-color: #0072c6;
  border-color: #0072c6;
}
.navbar-default .container-fluid {
  background-color: #0072c6;
  min-height: 60px;
}

.iconnavi .iconnavi-container {
  background-color: #0072c6;
}


/* Kohteista avautuvien bubble-tooltippien tyylitys */


.bubble .tooltip-inner {
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #000000;
}

.bubble.tooltip.top .tooltip-arrow {
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}


/* Oikean laidan paneelin sisältöjen sisennys, avaus- ja sulkunapit */


#rightmenubody {
	width: 100%;
  height: 100%;
	padding-left: 10%;
}

.panel {
	color: #000000;
}

.close {
	color: #000000;
	opacity: 1;
}


/* Työkaluikkunan skaalaaminen dropdown-valikon leveyteen */


.toolDialog {
	width: auto;
}


/* Menujen painikkeet ym */


.iconnavi .iconnavi-container .btn-icon {
  color: #ffffff;
}

@media (min-width: 1600px) {
	.iconnavi .iconnavi-container .btn-icon .xlg-label {
		font-size: 14.5px;
	}
}

#advancedSearchButton {
	color: #ffffff;
}

#advancedSearchButton a {
	color: #ffffff;
}

a:hover, a:focus #advancedSearchButton  {
	color: #0072c6;
}

.btn-primary {
	color: #ffffff;
	border-bottom: 2px solid #ffc61e;
  background-color: #0072c6;
}

.btn-primary:hover, .btn-primary:focus {
  color: #ffffff;
  background-color: #7e8c93;
  border-color: #0072c6;
}

.btn-default {
	color: #ffffff;
	background-color: #0072c6;
	border-bottom: 2px solid #ffc61e;
}

#toggleMenuButton {
	margin-top: 6px;
	padding-right: 0px;
	color: #ffff;
	text-decoration: none !important;
}

#toggleMenuButton hover {
	color: #0072c6;
}

span.fancytree-node span.fancytree-expander:hover {
	color: #0072c6;
}

#rightmenuhandle a {
	color: #000000;
}

#rightmenuhandle a:hover {
	color: #00d7a7;
}

.iconnavi .iconnavi-container .btn-icon:hover, .iconnavi .iconnavi-container .btn-icon.active {
	color: #9fc9eb;
	background-color: #000000;
	margin-top: 0;
}

#toolbar .toolbar-separator {
  background: #ffffff;
  height: 2px;
  margin: 0 8px 15px 8px;
}

.mapoverlay-container .menu-selector .selector-header:hover, .mapoverlay-container .menu-selector .selector-header:active {
  color: #0072c6;
}



/* Tietoa palvelusta -ikkunan tyylittely */

#serviceInfoModal .modal-body {
	position: relative;
  padding: 15px;
  background-color: #0072c6;
}

#serviceInfoModal .modal-body p {
	margin: 0 0 10px;
  background-color: white;
  border-radius: 5px;
  padding: 10px;
	text-align: center;
	color: black;
}


/* Yläpalkin tekstit ja välilehtivalinnat */


@media (min-width: 1600px) {
	.navbar-default .navbar-nav.navbar-right li.li-right {
		padding-right: 45px;
		color: white;
		font-weight: 600;
	}
}

.navbar-default .navbar-nav.navbar-right li.li-right {
	padding-right: 45px;
	color: white;
	font-weight: 600;
}
	
.navbar-default .navbar-nav.navbar-right li.li-right a {
  background-image: none;
  background-color: transparent;
  box-shadow: none;
  color: #ffffff;
	font-weight: 600;
}
	
.navbar-default .navbar-nav.navbar-right li.li-right.open a {
	color: #000000;
}

.navbar-default .navbar-nav li.active a {
	color: #000000;
  background-color: #ffffff;
}

.navbar-default .navbar-nav li a {
  color: #000000;
  background-color: #dedfe1;
	font-weight: 600;
	font-size: 14px;
}

.navbar-default .navbar-nav li a:hover {
  color: #000000;
  background-color: #afafaf;
}

.navbar-default .navbar-nav li.active a:hover {
    background-image: none;
    background-color: #ffffff;
		color: #000000;
}

.navbar-default .navbar-nav li a span {
  background-color: transparent !important;
}

.dropdown-toggle plain {
	color: #FFFFFF;
}

.dropdown-menu li a {
	color: #000000;
}

.dropdown-toggle {
	color: #ffffff;
}


/* Vasemman alalaidan mittakaavapalkki ja koordinaatit */


.scalebar .custom-scale-bar-inner {
	font-size: 14px;
}

.custom-mouse-position {
	font-size: 14px;	
}


/* Mobiilimoodin viilaukset */

@media (max-width: 1000px) {	

	#toolbar .toolbar-separator {
		height: auto;
		width: 2px;
		margin: 5px;
	}

	.navbar-default .container-fluid { 
		min-height: 0;
	}

	.iconnavi.mobile-horizontal {
		position: absolute;
		padding-top: 0;
    width: auto;
	}

	.iconnavi.mobile-horizontal .iconnavi-container {
    padding: 70px 0 0 0;
	}

	.navbar-brand {
    display: none;
	}
	
	#mode3D {
		display: block !important;
	}
	
	#rightmenuhandle.closed {
		margin-top: 180px !important;
	}
	
}

@media (max-width: 992px) {	
	.navbar-default .navbar-right {
    position: absolute;
    transform: translateY(-50%);
	}
}


/* Luontotietojen ohjeet, tiedot & ohjeet, käyttäjämenun siirto välilehtien yläpuolelle ikkunan kaventuessa */

@media (max-width: 1290px) {	
	.navbar-default .navbar-right {
		top: 25%;
	}
}


/* Kapeimman moodin menun asetukset */

@media (max-width: 767px) {
	
	.iconnavi.mobile-horizontal .iconnavi-container {
    padding: 0 0 0 0;
	}
	
	.navbar-default .navbar-right {
    position: unset;
    transform: unset;
	}
	
	.navbar-default .navbar-nav.navbar-right li.li-right {
    padding-right: 0;
	}

	.navbar-default .navbar-nav.navbar-right li.li-right.open a {
    color: #ffffff; 
	}

	.navbar-default .navbar-nav.navbar-right li.li-right.open a:hover {
    color: #000000; 
	}

	.navbar-default .navbar-collapse {
    border-bottom: 8px solid #000000;
    border-top-width: 0;
	}

	.iconnavi.mobile-horizontal .iconnavi-container .btn-icon:hover {
    color: #0072c6;
    background-color: #202e35;
    margin: 0 0 0 0;
	}
	
	.iconnavi.mobile-horizontal {
    position: relative;
	}
	
/**	#rightmenubody {
		margin-top: 250px;
	}
	
	#rightmenuclose {
		margin-top: 250px;
	} **/

}