/* Add here all your CSS customizations */


table.dataTable.extra-compact tbody th, table.dataTable.extra-compact tbody td {
    padding: 1px 4px 1px 4px;
}

@media print {
    .sidebar-left {
        display: none;
    }

    thead {
        display: table-row-group !important;
    }

    @page {
        size: auto;
    }

}

.btn-on-input { border-radius: 0px 3px 3px 0px; }

input.form-control.pull-right {
    width: 200px !important;
}

.sortable thead {
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .table-mobile th, .table-mobile td {
        padding: 0.25rem;
    }

    input.form-control {
        padding: 0.25rem;
    }
}

.entity-select {
    width: 100%
}

.entity-select .label-item-sub {
    display: block;
    padding: 0 2px 0 0;
    font-size: 0.9em;
}

.entity-select .label-item-sub-code {
    color: #808080;
    margin-left: 10px;
}