﻿body {
    padding-bottom: 20px;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/spinner.gif') 50% 50% no-repeat rgba(249,249,249,0.4);
}


/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

.fixdiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

.navbar-default .navbar-nav > li > a {
    color: white;
    font-size: 18px;
    line-height: 40px;
}
.navbar-default .navbar-nav > li > a:hover {
    color: white;
    font-size: 18px;
    line-height: 40px;
}

.terminalTable{
    font-size:13px;
    margin:auto;
    width:90%;
}
.storeHeader{
    font-size:20px;
    color: darkblue;
    font-weight:700;
    padding-bottom:15px;
}

.red {
    color: #d80000 !important;
}
.nav-button-style {
    color: white;
    background-color: transparent;
    border: 0;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right:30px;
    line-height: 40px;
}
.nav-button-style:hover {
    color: #e5e5e5;
}

.blue{
    color: darkblue;
}

#storebody-container {
    position: fixed;
    height: 80%;
}

#storebody-container .container {
    overflow-y: auto;
    overflow-x: auto;
    height: 80%;
}


@media screen and (max-width: 767px) {
    .fixdiv {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
    }
    #storebody-container {
        position: relative;
    }
    #storebody-container .container {
        overflow-y: auto;
        overflow-x: auto;
    }
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}