.container-fluid {
  margin-right: auto;
  margin-left: auto;
  }


.page-footer{
  border: 1px solid lightgrey;
  background-color: #b1d7f2;
  padding: 10px;

}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.navbar-default {
  background-color: #e3f2fd;
  border-color: #d2dde5;
}
.navbar-default .navbar-brand {
  color: #212424;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #656336;
}
.navbar-default .navbar-text {
  color: #212424;
}
.navbar-default .navbar-nav > li > a {
  color: #212424;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #656336;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #656336;
  background-color: #d2dde5;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #656336;
  background-color: #d2dde5;
}
.navbar-default .navbar-toggle {
  border-color: #d2dde5;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #d2dde5;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #212424;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #212424;
}
.navbar-default .navbar-link {
  color: #212424;
}
.navbar-default .navbar-link:hover {
  color: #656336;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #212424;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #656336;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #656336;
    background-color: #d2dde5;
  }
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}


 @media only screen and (min-width:480px) {
            .container-fluid {
            max-width: 650px;
            }
        }

        @media only screen and (min-width:700px) {
           .container-fluid {
            max-width: 850px;
            }
        }

        @media only screen and (min-width:900px) {
            .container-fluid {
            max-width: 80%;


        }

        @media only screen and (min-width:1200px) {
            .container-fluid {
            max-width: 80%;
            }

        }


.tooltip-inner {
  font-size: 14px;
}

/* CSS used here will be applied after bootstrap.css */
/* CSS used here will be applied after bootstrap.css */

a:link {color: black;}
a:hover {color: red;}
a:active {color: grey;}
a:visited {color: black;}




/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}