/*	datacente.rs theme styling
	
	purple: 	#29235c (41,35,92)
	red:		#e6332a	(230,51,42) */


/* general elements */

a.button
{	
	background-color:rgba(230,51,42,.9);
	border-color:rgba(0,0,0,.2);
}
a.button:not(.transparent):not(.light):not(.disabled):hover
{
	background-color:rgb(230,51,42);
	border-color:rgba(0,0,0,.4);
	color:white;
}
.guide > a,
#list .head a
{
	color:rgb(41,35,92);
}
#page-signin .signup.dialog .message, 
#page-profile .message
{
    color:rgb(41,35,92);
}

/* header and menus */
#page-header
{
	background:white url(/francedatacenter/media/bg-header.jpg) no-repeat 0% 0%;
}
#page-logo
{
	top:5px;
	height:40px;
	width:135px;
	background-image:url(/francedatacenter/media/fdc-logo.png);
	background-size:contain;
}
#page-login a:not(.button),
#page-actions a
{
	color:black;
}
#page-menu li a
{
	color:rgb(41,35,92);
	border-color:rgba(41,35,92,.6);
}
#page-menu li:not(.disabled):hover a,
#page-menu li.active a
{
	background-color:rgba(41,35,92,1);
	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
{
	background-color:rgba(0,0,0,.2);
	color:white;
}
#page-menu li a svg path
{
    fill:rgb(0,49,118);
}
#page-menu li.disabled:hover a svg path
{
	fill:white;
}
.drop-in.header,
.drop-in.footer
{
	color:#404040;
	border:none;
	box-shadow:-2px 2px 2px -1px rgba(0,0,0,.3);
}
.drop-in .divider,
#page-login .linkedin
{
	border-color:rgba(0,0,0,.15);
}
.drop-in .divider:first-child
{
	display:none;
}
#page-login label
{
	color:black;
}
#page-login .menu a
{
	color:#29235c;
}
#page-login .menu svg path
{
	fill:#29235c;
}
#page-login .menu a:hover
{
	color:#e6332a;
}
#page-login .menu a:hover svg path
{
	fill:#e6332a;
}



/*	map */

#map
{
	background-color:rgba(0,117,182,.3);
}
#map-stats
{
	background-color:rgba(255,255,255,.9);
	color:#29235c;
}
#map-stats .stats .head
{
	color:rgb(230,51,42);
}
#map-stats svg path
{
	stroke:rgb(230,51,42);
}
#map-stats:not(.expanded) svg.arrow path
{
	fill:rgb(230,51,42);
}
#map-stats .expand:hover svg path
{
	stroke:#29235c;
}
#map-stats:not(.expanded) .expand:hover svg.arrow path
{
	fill:#29235c;
}


/* filters */

.filter
{
    background-color: rgba(255,255,255,.90);
}
.filter,
div.input input,
.filter .ui-widget-content .ui-state-active,
form .ui-widget-content .ui-state-active
{
	color:#29235c
}
.filter ul li:not(.ui-menu-item):nth-child(odd)
{
	background-color:rgba(41,35,92,.1);
}
.filter ul li:not(.ui-menu-item):hover
{
	background-color:rgba(41,35,92,.2);
}
.filter .head:hover .title,
.filter .head > .selected
{
    color:rgb(230,51,42);
}
.filter .head > .selected span,
.filter .ui-slider .ui-slider-handle
{
	background-color:rgb(230,51,42);
}
.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:#29235c;
}
.filter svg.icon polygon
{
	stroke:#29235c;
}
#map-info a:hover svg.icon path
{
	fill:black;
}


/*	dc profiles */

#map-info > .title
{
	background-color:rgba(41,35,92,.8);
}
#map-actions .bar
{
	background-color:rgb(230,51,42);
}
#map-info.has-image > .title, 
#map-info.full > .title
{
	background-color:rgba(41,35,92,.8);
}
.body a:not(.button),
#map-info .tabs .tab:not(.active):not(:hover)
{
	color:rgb(41,35,92);
}
#map-info .tabs
{
	background-color: rgba(41,35,92,.05);
}
#map-info .tabs .tab.active
{
    background-color: rgba(41,35,92,.1);
}
a.edit svg.icon path
{
	fill:rgb(41,35,92);
}
.body a.edit
{
	color:#e6332a;
}
.body a.edit svg.icon path
{
	fill:#e6332a;
}
#map-actions
{
	border-top:none;
}
#map-info .dcs a svg.icon path
{
	fill:rgb(41,35,92);
}


/*	profile sidebar */

.bg-shade-light,
.gallery:not(.modal) > .arrow
{
	background-color:rgba(41,35,92,.18);
}
.bg-shade-medium
{
	background-color:rgba(41,35,92,.25);
}
.bg-shade-dark
{
	background-color:rgba(41,35,92,.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(41,35,92);
}
#dc-company,
#dc-contact-forms,
.right.sidebar .section em:not(.guide)
{
	color:rgba(41,35,92,.8);
}
#dc-contact .actions li a,
#map-info .sidebar .module .header
{
	border-color:rgb(41,35,92);
	color:rgb(41,35,92);
}
.bg-shade-light .section .more
{
	border-color:rgb(41,35,92);
}
#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(41,35,92,.25);
	color:rgba(41,35,92,1);
}

/*	responsive */

@media (max-width:768px)
{
	#page-logo
	{
		top:10px;
		left:11px;
		height:30px;
		width:101px;
	}
	#page-title
	{
		background-color:rgba(255,255,255,.05);
		width:100%;
	}
	#filters
	{
		color:black;
	}
	#filters:hover
	{
		color:#999;
	}
	#filters svg path,
	#filters svg polygon
	{
		fill:black;
	}
	#filters:hover svg path,
	#filters.collapsed:hover svg polygon
	{
		fill:#999;
	}
	#dc-company-collapse svg.icon polygon,
	#dc-company-collapse svg.icon path
	{
		fill:rgb(41,35,92);
	}
}