/*	datacente.rs theme styling
	
	black:	#303538
	blue:	#0075b6 (0,117,182)
	green:	#509b7d (80,155,125) */


/* general elements */

a.button
{	
	background-color:rgba(0,117,182,.8);
	border-color:rgba(0,0,0,.2);
}
a.button:not(.transparent):not(.light):not(.disabled):hover
{
	background-color:rgb(0,117,182);
	border-color:rgba(0,0,0,.2);
	color:white;
}
.guide > a,
#list .head a
{
	color:rgb(0,117,182);
}


/* header and menus */

#page-header
{
	background-color:#303538;
	background-image:linear-gradient(rgba(0,0,0,.33),rgba(0,0,0,0));	
	border-bottom:none;
}
#page-logo
{
	left:41px;
	top:11px;
	height:28px;
	width:198px;
	background-image:url(../media/datacenters-world-map-logo-text.svg);
}
#page-actions a,
#page-login a
{
	color:white;
	border-color:rgba(255,255,255,.2);
}
#page-actions a:hover,
#page-login a:not(.button):hover,
#page-login .menu li:hover a
{
	color:#bbb;
}
#page-menu li a
{
	color:#509b7d;
	background-color:rgba(0,0,0,.25);
	border:1px solid black;
}
#page-menu li:not(.disabled):hover a,
#page-menu li.active a
{
	background-color:rgba(255,255,255,.05);
	color:white;
}
#page-menu li:not(.disabled):hover a svg path,
#page-menu li.active a svg path
{
	fill:white;
}
#page-menu li.disabled:hover a
{
	color:rgba(255,255,255,.45);
}
#page-menu li a svg path
{
    fill:#509b7d;
}
#page-menu li.disabled:hover a svg path
{
	fill:rgba(255,255,255,.45);
}
.drop-in.header,
.drop-in.footer
{
	background-color:#303538;
	color:#efefef;
	border:none;
	box-shadow:-2px 2px 2px -1px rgba(0,0,0,.3);
}
.drop-in a.button
{
	border-color:rgba(255,255,255,.2);
}
.drop-in .divider
{
	border-color:rgba(255,255,255,.2);
}
#page-login .linkedin .or
{
	background-color:#303538;
}
.drop-in .menu svg.icon path
{
	fill:white;
}
.drop-in .menu li:hover svg.icon path
{
	fill:#bbb;
}

#map-stats
{
	background-color:rgba(28,30,32,.85);
	color:white;
}
#map-stats a
{
	color:white;
}
#map-stats .stats .head
{
	color:#509b7d;
}
#map-stats svg path
{
	stroke:#509b7d;
}
#map-stats:not(.expanded) svg.arrow path
{
	fill:#509b7d;
}
#map-stats .expand:hover svg path
{
	stroke:white;
}
#map-stats:not(.expanded) .expand:hover svg.arrow path
{
	fill:white;
}


/*	map */

#map
{
	background-color:rgba(0,117,182,.3);
}

/* filters */

.filter,
div.input input,
.filter .ui-widget-content .ui-state-active,
form .ui-widget-content .ui-state-active
{
	color:rgb(0,117,182);
}
.filter ul li:not(.ui-menu-item):nth-child(odd)
{
	background-color:rgba(0,117,182,.1);
}
.filter ul li:not(.ui-menu-item):hover
{
	background-color:rgba(0,117,182,.2);
}
.filter .head > .selected span,
.filter .ui-slider .ui-slider-handle
{
	background-color:rgb(0,117,182);
}
.filter svg.icon path,
.filter svg.icon polygon,
.filter svg.icon.checkbox rect,
a svg.icon path,
form svg.icon.checkbox.checked path,
form svg.icon.checkbox rect
{
	fill:rgb(0,117,182);
}
.filter svg.icon polygon
{
	stroke:rgb(0,117,182);
}
#map-info a:hover svg.icon path
{
	fill:#404040;
}


/*	dc profiles */

#map-info > .title,
#map-actions .bar
{
	background-color:rgb(0,117,182);
}
#map-info.has-image > .title, 
#map-info.full > .title
{
	background-color:rgba(0,117,182,.8);
}
#map-info .tabs
{
	background-color:rgba(0,117,182,.1);
}
#map-info .tabs .tab.active
{
	background-color:rgba(0,117,182,.2);
}
.body a:not(.button),
#map-info .tabs .tab:not(.active):not(:hover)
{
	color: rgb(0,117,182);
}
#map-actions
{
	border-top:none;
}


/*	profile sidebar */

.bg-shade-light,
.gallery:not(.modal) > .arrow
{
	background-color:rgba(0,117,182,.18);
}
.bg-shade-medium
{
	background-color:rgba(0,117,182,.25);
}
.bg-shade-dark
{
	background-color:rgba(0,117,182,.8);
}
.bg-shade-dark svg.icon path
{
	fill:white;
}
.bg-shade-dark svg.icon polygon
{
	stroke:white;
}
.bg-shade-dark a:hover svg.icon path
{
	fill:#404040;
}
.bg-shade-dark a:hover svg.icon polygon
{
	stroke:#404040;
}
#dc-contact-forms .header,
#dc-contact-forms label,
#dc-contact-forms label .guide
{
	color:rgb(0,117,182);
}
#dc-company,
#dc-contact-forms,
.right.sidebar .section em:not(.guide)
{
	color:rgba(0,117,182,.8);
}
#dc-contact .actions li a,
#map-info .sidebar .module .header
{
	border-color:rgb(0,117,182);
	color:rgb(0,117,182);
}
.bg-shade-light .section .more
{
	border-color:rgb(0,117,182);
}
#dc-contact-forms input:not(.error):not(:focus),
#dc-contact-forms textarea:not(.error):not(:focus),
#dc-contact-forms select:not(.error):not(:focus)
{
	background-color:rgba(255,255,255,.35);
	border-color:rgba(0,117,182,.25);
	color:rgba(0,117,182,1);
}


/*	responsive */

@media (max-width:768px)
{
	#page-logo
	{
		left:11px;
		width:28px;
		background-image:url(../media/datacenters-world-map-logo.svg);
	}
	#page-title
	{
		background-color:rgba(255,255,255,.05);
		width:100%;
	}
	#filters
	{
		color:white;
	}
	#filters:hover
	{
		color:#999;
	}
	#filters svg path,
	#filters svg polygon
	{
		fill:white;
	}
	#filters:hover svg path,
	#filters.collapsed:hover svg polygon
	{
		fill:#999;
	}
	#dc-company-collapse svg.icon polygon
	{
		fill:rgb(0,117,182);
	}
	#page-logo
	{
		left:15px;
	}
	
/* 
	#map-info .head > .detail
	{
		background-color:rgba(0,117,182,.5);
	}
 */
}