body {font-family: "Roboto",sans-serif;font-weight: 300;background-color: #eef6fb;}
.bg-head {background-color: #457a97;padding:5px;0px;}
.bg-white {background-color: white; padding-bottom: 20px;}  
.bg-footer {background-color: #a70a0a; padding-top: 10px;}
h1 { font-size: 20px; margin: 10px 0px; color:#1d6c97;}
h2 { font-size: 18px; margin: 5px 0px;color:#1d6c97;}
h3 { font-size: 17px; margin: 5px 0px;color:#1d6c97;}
a {color: #1d6c97;}
a:hover {color: #1d6c97;}
.logo {text-decoration:none;padding:5px 0px;font-size: 20px;}
.logo img {width: 120px;}
.logo:hover {text-decoration:none;}
.header-login {color:black;text-decoration:none;padding:5px 0px; margin:0 0 px;font-size: 14px;}
.logo-text {font-family: "Oswald",sans-serif;
 color:#fff;text-decoration:none;padding:5px 0px;font-size: 28px;}
.logo-text:hover {text-decoration:none;}
.logo-text .text2 {font-size: 48px;}
.logo-text .text3 {display:block; margin-top: 55px; font-size: 28px; text-transform: uppercase;}

footer {color: #fff; font-size: 14px;}
.table a {text-decoration: underline; }
.table a:hover { text-decoration: none; }
.table th {color:#fff; background:#1d6c97;}
.search-data .card-header {background-color:#1d6c97;}
.search-data .card-header h2 {color:#fff;}

.header-line {
  background-image: url("/public/app/img/decoration3.svg");
  background-repeat: no-repeat;
  background-position:left top;
  background-size: 180%;
  background-color: rgba(0,0,0,.4);
  border-bottom: 2px solid #fff;
}

.header-line a { color: white;}

.btn-app {
  color: #fff;
  background: #1d6c97;
}
.btn-app:hover {
  color: #fff;	
  background: #1d6c97;
}
.street-w {width: 320px;}

.easy-autocomplete input {width: 320px;}
.pay-traff {margin-right: 15px;}
.pay-traff-date {margin-top:30px;}
.pay-traff-1 {color:#04a404; font-weight: bold;}
.pay-traff-2 {color:#f2bf09; font-weight: bold;}
.pay-traff-3 {color:#be1919; font-weight: bold;}

@media (max-width: 768px) {
	header {text-align: center;}
	.logo img {width: 100px;}
   .logo-text .text3 {display:block; margin-top: 5px; font-size: 30px;}	
.header-line {
    background-size: cover;
}   
}

@media (max-width: 768px) {
	.easy-autocomplete input {width: 220px;}
}