/* Sticky footer styles
-------------------------------------------------- */
html, body {
  height: 100%;
}

#wrap {
  min-height: 100%;
}

#main {
  overflow:auto;
  padding-bottom:280px; /* this needs to be bigger than footer height*/
}

.footer {
  position: relative;
  margin-top: -240px; /* negative value of footer height */
  height: 240px;
  clear:both;
  padding-top:20px;
} 

.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: #898989;
}

#map-canvas { height: 300px; }

/* Scrollable Tab Panel */
.tab-pane-tandc {
    height:300px;
    overflow-y:scroll;
    width: 100%;
    border: 1px solid #000;
    padding: 10px;
}

/* Spinng Icon */
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}