body {    
    padding-bottom: 20px
}

.body-content {
    padding-left: 15px;
    padding-right: 15px
}

.carousel-caption p {
    font-size: 20px;
    line-height: 1.4
}

.carousel-inner .item img[src$=".svg"] {
    width: 100%
}

.divider {
    width: 100%;
    height: 12px;
}
.number-input {
    width: 50px;
}

#qrCode {
    margin: 15px
}

@media screen and (max-width:767px) {
    .carousel-caption {
        display: none
    }
}

.login-button {
    position: relative;
    display: inline-block;
    float: right;
    margin-bottom: 50px;
}

.login-form {
    margin: 0 auto 50px auto;
}

.placering {
}

.row {
    margin-left: 0px;
}

.table-number-cell {
    text-align: right;
}

.text-input {
    width: 150px;
}

/* Tooltip container */
.tooltipDiv {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltipDiv .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
    .tooltipDiv:hover .tooltiptext {
        visibility: visible;
    }