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

/* 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;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 40px;
    background-color: #343a40 !important;
}

.footer > .footer-content {
    padding-left: 20px;
    padding-right: 20px;
}

html {
    position: relative;
    min-height: 100%;
    overflow-y: scroll !important;
}

.table-rounded {
    border-radius: 10px;
}

.table-row-strikethrough {
    text-decoration: line-through;
}

/* To fix the body shifting to left issue after openning modal */
.modal-open {
    padding-right: 0 !important;
}

.modal-dialog {
    height: 600px;
}


#signature {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: 2px dotted #000;
    font: inherit;
    vertical-align: baseline;
}

#signatureParent {
    color: darkblue;
    background-color: lightgrey;
    padding: 15px;
    margin: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

/*.incomplete-list {
    display: none;
}*/

.noselectable-text {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer and Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

tr {
    background-color: #f9f9f9;
}

#logo-img {
    max-height: 30px;
}

/* https://leaverou.github.io/bubbly/ */
.speech-bubble {
    position: relative;
    background: #00aabb;
    border-radius: .4em;
    padding: 0.5em;
    color: white;
}

.speech-bubble:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 0.625em solid transparent;
    border-right-color: #00aabb;
    border-left: 0;
    border-top: 0;
    margin-top: -0.312em;
    margin-left: -0.625em;
}

/* report page table header vertical text direction */

.verticalTableHeader {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

/* Report page table item td text overflow */

.txtOvrFlwEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.white-texted {
    color: white;
}

/* home page icon and animation */

.home-icon-container {
    -webkit-transition: width 2s, font-size 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s, font-size 2s;
    font-size: 5em;
    width: 2em;
}

.home-icon-container:hover {
    font-size: 10em;
}

.home-icon {
    -webkit-transition: color 2s; /* For Safari 3.1 to 6.0 */
    transition: color 2s;
    background-color: #2C3E50 !important; /* #007bff */
    color: #18BC9C !important; /* #343a40 */
}

.home-icon:hover {
    background-color: #2C3E50 !important; /* #007bff */
    color: #fff !important;
}

/* Modal stuff - for notification */