body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 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;
    }
}


/***BOOTSTRAP OVERRIDES and EXTENSIONS****/
[data-toggle="collapse"] i.fa.collapse-caret:before {
    content: "\F0D8";
}
[data-toggle="collapse"].collapsed i.fa.collapse-caret:before {
    content: "\F0D7";
}
.table-striped tbody tr.selected {
    background-color: rgba(0, 0, 0, 0.2)
}

/*THIS IS NEEDED TO MATCH a.btn styling*/
/*Anchor tags have room for their outline by default. Button tags do not.*/
button.btn {
    margin: 0.2rem;
}

.table.dataTable tbody td .custom-control-label::before, .table.dataTable tbody td .custom-control-label::after{
    top: -0.75rem;
    left: 0;
}

table.dt-responsive{
    width: 100% !important;
}

table.dt-responsive .dtr-details .dtr-title input {
    display: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    padding-left: 0.75rem;
}

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
        display: inline-block;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid transparent;
        padding: 0.1rem .45rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 1.1rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        color: #007bff;
        border-color: #007bff;
        background-color: transparent;
        position: relative;
        left: 0;
        top: 0;
        height: auto;
        width: auto;
        content: "\F067";
        font-family: FontAwesome;
    }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: "\F068";
    font-family: FontAwesome;
}
/***END BOOTSTRAP***/