/* Sticky footer styles

-------------------------------------------------- */

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 40px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  background-color: #f5f5f5;
}


/* Custom page CSS

-------------------------------------------------- */

/* Not required for template or sticky footer method. */


body > .container {
  padding: 60px 15px 0;
}

.container .text-muted {
  margin: 10px 0;
}


.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}


code {
  font-size: 80%;
}

#googleMap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.error {
  color: red;
  margin: 0;
}

.login-input {
  width: 300px;
}

.login-area {
  width: 400px;
  height: 340px;
  padding: 20px;
}

.bordered {
  border-style: dashed;
  border-color: grey;
  border-width: thin;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

@keyframes blink {
  50% {opacity: 0.0; }
}

@-webkit-keyframes blink {
  50% {opacity: 0.0;}
}

.fstyle {
  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
}

.btn-green {
  color: #fff;
  background-color: green;
  border-color: green;
}

.btn-blue {
  color: #fff;
  background-color: blue;
  border-color: blue;
}

.btn-red {
  color: #fff;
  background-color: red;
  border-color: red;
}

.btn-lightskyblue {
  color: #fff;
  background-color: lightskyblue;
  border-color: lightskyblue;
}

.btn-firebrick {
  color: #fff;
  background-color: firebrick;
  border-color: firebrick;
}

.btn-darkseagreen {
  color: #fff;
  background-color: darkseagreen;
  border-color: darkseagreen;
}

.btn-darkgreen {
  color: #fff;
  background-color: darkgreen;
  border-color: darkgreen;
}

.button-nav {
    margin-top: 10px;
}

.table-nav {
    height: 50px;
    padding: 0px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.data-count .paging{
    width: 50%;
    height: 30px;
    display: block;
}

.data-count {
    float: left;
    padding-top: 14px;
}

.paging {
    float: right;
    padding-top: 0px;
    text-align: right;
}

.paging ul.pager, .paging ul.pagination {
    text-align: right;
}

ul.pagination, ul.pager {
    margin-top: 8px;
}