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

body {
  padding-top: 20px;
  padding-bottom: 60px;
}

.container {
  padding: 0 15px;
}

.navbar {
  margin-bottom: 20px;
}

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

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

.container .text-muted {
  margin: 5px 0;
  font-size: 9px;
}

/*RECEIPT*/
.container_receipt {
  width: 600px;
  margin: 0 auto;
}
body.loading {
    overflow: hidden;
	background-color:#E7E7E7;
}
body.loading .animation {
    display: block;

}
.animation {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: #E7E7E7
                url(../img/ajax-loader.gif)
                50% 50%
                no-repeat;
}

.ajax-animation {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    /*width: 100px; *//* width of the spinner gif */
    /*height: 102px; *//*hight of the spinner gif +2px to fix IE8 issue */
}

.body-receipt-print {
    padding-top: 0;
    font-size: 12px;
}

.body-receipt-print h3{
    font-size: 20px;
}

.body-receipt-print h4{
    font-size: 16px;
}

.container_receipt p {
    margin: 0;
}