.tabel{
    border: 1px solid black;
    
}
.tabel th{
    border: 1px solid black;
    text-align:center;
}
.tabel td{
    border: 1px solid black;
    text-align:center;
}
.tabel2{
    border: 1px solid black;
    
}

.tabel2 thead th{
    border: 2px solid black;
    text-align:center;
}
.tabel2 thead td{
    border: 2px solid black;
    text-align:center;
}



.localization{
    width:90%;
}

.wrapper{
    width:92%;
}
/*.header{
    height:50px;
    color:#f8f8f8;
}*/
.content{
    background-color:yellow;
    min-height: 400px;
}

.separator{
    height:20px;
}
.main-content{
    width:96%;
    min-height:100px;
        
}
#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 90%;
    height: 100%;
}

#top a{
    color: #e7e7e7;
}
#top a:hover{
    color: #000000;
    color: #0098DA;
}

#top{
     float:right; 
     position:fixed; 
     top:500px; 
     right:30px; 
     border:1px solid #e7e7e7;
     border-radius: 100px;
}
#top:hover{
    border:1px solid #0098DA; 
}

.table-mmf{
    border: 1px solid black;
    width:100%;
    
}
.table-mmf th{
    border: 1px solid black;
    text-align:center;
}
.table-mmf td{
    border: 1px solid black;
    text-align:center;
}

 #mycarousel {
    /*width: 1000px;*/
    height: 400px;
    display: relative;
  }
  #mycarousel img {
    display: hidden; /* hide images until carousel prepares them */
    cursor: pointer; /* not needed if you wrap carousel items in links */
  }


.footer{
    background-color: #0098DA;
    padding-left: 50px;
    padding-right: 50px;
    color: white;
    position:fixed;
    bottom:0px;
    width:100%;
}

.footer a{
    color:black;
}

/* Rewrite bootstrap btn-primary*/
.btn-primary {
  background-color: #0098DA;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #428bca;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #0098DA;
}
.btn-primary .badge {
  color: #0098DA;
}












.pagination li a{
    color:#0098DA;
}


/*pagination */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #0098DA;
    border-color: #0098DA;
 
}

.navbar {
    margin-bottom: 0px;
    border: none;
}

.navbar-brand{
    padding: 0px;
}


.navbar-sara {
  /*background-color: #f8f8f8;
  border-color: #e7e7e7;*/
}
.navbar-sara .navbar-brand {
  /*color: #777777;*/
  color: #000000;
}
.navbar-sara .navbar-brand:hover,
.navbar-sara .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-sara .navbar-text {
  color: #777777;
}
.navbar-sara .navbar-nav > li > a {
  color: #777777;
  /*color: #000000;*/
  /*color:red;*/
  color: #333333;
  /*color: red;*/
  /*font-size: 18px;*/
}
.navbar-sara .navbar-nav > li > a:hover,
.navbar-sara .navbar-nav > li > a:focus {
  /*color: #333333;*/
  color: #0098DA;
  background-color: transparent;
}
.navbar-sara .navbar-nav > .active > a,
.navbar-sara .navbar-nav > .active > a:hover,
.navbar-sara .navbar-nav > .active > a:focus {
  /*color: #555555;
  background-color: #e7e7e7;*/
  background-color: #0098DA;
  color: white;
  /*color: #0098DA;
  border-top: 1px solid #0098DA;
  border-left: 1px solid #0098DA;
  border-right: 1px solid #0098DA;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;*/
}
.navbar-sara .navbar-nav > .disabled > a,
.navbar-sara .navbar-nav > .disabled > a:hover,
.navbar-sara .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-sara .navbar-toggle {
  border-color: #dddddd;
}
.navbar-sara .navbar-toggle:hover,
.navbar-sara .navbar-toggle:focus {
  background-color: #dddddd;
  
}
.navbar-sara .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-sara .navbar-collapse,
.navbar-sara .navbar-form {
  border-color: #e7e7e7;
}
.navbar-sara .navbar-nav > .open > a,
.navbar-sara .navbar-nav > .open > a:hover,
.navbar-sara .navbar-nav > .open > a:focus {
  /*background-color: #e7e7e7;*/
  color: #000000;
  background-color: transparent;
  /*font-weight: bold;*/
}
@media (max-width: 767px) {
  .navbar-sara .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-sara .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-sara .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-sara .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-sara .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-sara .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-sara .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-sara .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-sara .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-sara .navbar-link {
  /*color: #777777;*/
}
.navbar-sara .navbar-link:hover {
  /*color: #333333;*/
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #0098DA;
  color:white;
}

.navbar-fixed-top{
    border-bottom: 1px solid #0098DA;
}

.modal-footer {
  border-top: 1px solid #0098DA;
}
.modal-header {
  border-bottom: 1px solid #0098DA;
}

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