body {
	/* font-family: 'Open Sans', 'Century Gothic', Arial, Helvetica, sans-serif; */
	font-size: 14px;
    background: #EEE;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}
.navbar-light .dropdown .nav-link,
.navbar-light .dropdown.focus .nav-link,
.navbar-light .dropdown.hover .nav-link,
.navbar-light .nav-item.active .nav-link,
.navbar-light .nav-item:focus .nav-link,
.navbar-light .nav-item:hover .nav-link {
        color: #000099;
}

.navbar-brand, .nav-link, .dropdown-menu {
	/* font-size: 14px; */
}

.navbar-nav li:hover {
    background: #d9d9d9;
}

.container-basic {
	width: 100%;
	min-height: calc(100vh - 31px - 66px - 16px);
	margin-top: 0px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.row {
	width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

.img-fluid {
  width: 100%;
}

.basic-list {
	float: left;
	width: 100%;
    margin-left: 0px;
    margin-right: 0px;
	padding-left: 0px;
}
.basic-list li {
	padding: 5px; 
	margin-bottom: 5px;
	list-style-type: none;
}

.basic-list > li > div {
	border-radius:10px;
	padding:5px;
	background: white;
}
.title-date {
	color: #ccc;
	float: right;
}

table > tbody> tr> td {
	padding-left: 4px;
	padding-right: 4px;
}

#map {  /* Google map window */
	height: 300px;  
	width: 100%;  
}

.footer {
	float: left;
	width: 100%;
	perspective: 300px;
	transform-style: preserve-3d;
	z-index: 100;
}
.footer-container {
	width: 100%;
	float: left;
	background-color: #272c30;
	color: #eee;
	z-index: 10;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}
.footer-content {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}
/* ---------------------------------------------------
    AUTOCMPLETE STYLE
----------------------------------------------------- */
.autocomplete {
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  background-color: #294672; 
  color: #ffffff; 
}
.autocomplete-active {
  background: #294672 !important;
  color: #ffffff; 
}
#myProgress {
  width: 100%;
}

#myBar {
  width: 0%;
  height: 20px;
  background-color: #4CAF50;
  text-align: center;
  line-height: 20px;
  color: white;
}

.marquee {
  height: 50px; 
  padding: 10px;
  width: 100%; 
  background-color:  #99e6ff;
  overflow: hidden;
  position: relative;
}

.marquee div {
  display: block;
  height: 100%; 
  min-width: 100%; 
  position: absolute;
  overflow: hidden;
  animation: marquee 20s linear infinite;
   white-space: nowrap;
}

@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to { 
    transform: translateX(-100%);
  }
}

/* for home page carousel */

.carousel-indicators .active {
    background-color: #000000;
}

.carousel-indicators li {
    background-color: #cccccc;
}

.carousel-indicators {
    top: 5px;
	bottom:auto;
}
.carousel-control-prev, .carousel-control-next {
	display: flex;
	align-items: flex-start;
	filter: invert(50%);	
	padding-top: 3px;
	bottom:auto;
	width: 20px;
}


.viewnews {
	height: calc(35vh); 
	overflow: auto;
}

@media (max-width: 576px) { /* change default font size */
body {
	font-size: 11px;
}
h4, .alert {
	font-size: 14px;
}