/*Theme Name: Analytics Guvernul Romaniei
Theme URI: www.tekit.ro
Description: Lorem Ipsulum
Version: 1.0
Author: Eduard Mititelu & Ionut Comanici
Author URI: www.tekit.ro
*/
 
/* reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0;  border: 0; outline: 0; font-size: 100%;
    vertical-align: baseline; background: transparent;
}
body { line-height: 1; 
	background-color:#f5f5f5;

}
a:not(.md-button) {
	color: white;
}
a:not(.md-button):hover{
	color: #ffe118;
	text-decoration: none;
}
.list-inline{
	color: white;
}
header a :not{
	color: white;
}
#regions_div{
	margin: 0 auto;
	margin-bottom: 2%;
	display: block;
	width: 100%;
}
.modal-body{
	font-size: 20px;

}
.modal-body ul{
	list-style: circle !important;
}
#columnchart_values{
	margin: 0 auto;
	display: block;
}
#despre{
	padding: 50px !important;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
 
body {
    font-size: 100%;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: medium;
}
.card-bg {
	background-color:#f5f5f5;
}
header{
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #004990;
	color: black;
}
#info {
	color:#004990;
	padding-top: 10px;
	padding-bottom: 10px;
}
footer {
		background-color: #004990;
}
header img{
	vertical-align: middle;
}
header ul{ 
	vertical-align: middle;

}
.md-headline {
	color: #004990;
	font-size: 20px;
}

.stat-button {
	color: #004990;
}
.footer {
		margin-top: 5%;
    z-index: 1;
    padding: 20px 0;
    background-color: #004990;
    text-align:center;
    color: #FFF;
}
md-autocomplete {
	color: black;
	align: left;
}
.infooter {
    position: relative;
    margin-top: -70px;
}
#overlay {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.7s;
}
.widgetarea > i {
	font-size: 20px;
}
#overlay:hover {
    opacity: 1;
}
footer .logo {
    margin-right: 0;
}
 
footer a {
    color: #ddd;
}
footer i {
	  color: #ddd;
		font-size: 20px!important;
}
footer a:hover {
    color: #FFF;
}
.menu a{
	color: white;
}
content{
	color: #3949ab;
	font-weight: 500;
}
content h1 {
	margin-top: 20px;
	font-size: 25px;
}
.widgetarea {
    font-size: 0;
    width: 95%;
    max-width: 1200px;
    margin: 20px auto;
    text-align: left;
}
 
.widgetarea > div {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 33.33%;
    padding: 0 10px;
	
}
#blue-btn {
	color:white;
	background-color: #004990;
	margin-top: 20px;
	width: 10%;
}
.md-media-realtime{
	height: 240px;
}
md-autocomplete {
	min-width: 700px;
	text-align:left;
}
#realtime {
	text-align: center;
	font-size: 10vw;
	color: #004990;
}
#columnchart_values, #donutchart, #regions_div, #chart_div, #deviceChart, #chart_div2 {
	width: 450px;
}
.md-button.md-primary.md-fab {
	background-color: white;
}
.md-button.md-primary:not([disabled]) md-icon {

}
@media(max-width:768px) {
	#mb {
		margin-top:20px;
	}
	#blue-btn {
		margin-bottom: 15%;
	}
	#columnchart_values, #donutchart, #regions_div, #chart_div, #deviceChart, #chart_div2{
		width: 250px;
		position: absolute;
		left: -15px;
	}
	md-autocomplete {
		margin-top:20px;
		min-width:300px;
	}
	.stat-button {
		min-width: 60px;
	}
}