footer{
    z-index: auto !important;
}
.card-img-top {
    width: 100%;
    height: 10vw;
    object-fit: cover;
}

.disable_list_style, .disable_list_style li {
    list-style-type: none;
}

.sortable > thead > tr > th {
    cursor: pointer;
    position: relative;
}

.squest-pagination-tables > thead > tr {
    border-top: hidden;
}

.squest-pagination-tables > tbody > tr > td {
    vertical-align: middle !important;
}

.form-control-checkbox {
    padding: 0 0.75rem;
}

pre {
    padding: 0;
    margin: 0;
}

.orderable {
    position: relative;          /* This is needed for the absolute positioning. */
}

.orderable::before,
.orderable::after {
    position: absolute;
    left: -0.5em;
    font-family: 'Font Awesome 5 Free';  /* Use FontAwesome's font so that you can set the content */
    opacity: 0.3;                /* Set opacity to gray out icons by default */
}

.orderable::before {
    content: '\f0de';            /* Font Awesome's up arrow */
    top: calc(50% - 0.75em);     /* Tricky to calculate the top offset */
}

.orderable::after {
    content: '\f0dd';            /* Font Awesome's down arrow */
    bottom: calc(50% - 0.75em);
}

.asc::before,
.desc::after {
    opacity: 1;                  /* When sorting, set full opacity on the direction */
}

div.dt-button-collection {
    width: auto !important;
}

.list-group li:last-child{
    border-bottom: 0;
}

.list-group li:first-child{
    border-top: 0;
}

#draggableApprovalStepList .card-header {
    cursor: move;
}

.dtfc-fixed-left{
    background-color: white; !important;
    z-index: 1;
}

aside {
    min-height: 100vh
}


input.form-control[disabled] {
  cursor: not-allowed;
}

.popover {
    max-width: 100%;
}

.callout a{
    color: unset;
}