/*
|--------------------------------------------------------------------------
| GLOBAL
|--------------------------------------------------------------------------
*/

.card {

    border-radius: 10px;

    overflow: hidden;
}

.card-header {

    font-weight: 600;
}

.table td,
.table th {

    vertical-align: middle !important;
}

/*
|--------------------------------------------------------------------------
| SELECT2
|--------------------------------------------------------------------------
*/

.select2-container .select2-selection--single {

    height: 38px !important;

    border-radius: 4px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 36px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 36px !important;
}

/*
|--------------------------------------------------------------------------
| DATATABLE
|--------------------------------------------------------------------------
*/

.dataTables_wrapper .dataTables_filter input {

    border: 1px solid #ced4da;

    border-radius: 4px;

    padding: 5px 10px;
}

.dataTables_wrapper .dataTables_length select {

    border: 1px solid #ced4da;

    border-radius: 4px;

    padding: 5px;
}

/*
|--------------------------------------------------------------------------
| BUTTONS
|--------------------------------------------------------------------------
*/

.btn {

    border-radius: 4px;
}

/*
|--------------------------------------------------------------------------
| BADGES
|--------------------------------------------------------------------------
*/

.badge {

    padding: 6px 10px;

    font-size: 12px;
}

/*
|--------------------------------------------------------------------------
| TABLE RESPONSIVE
|--------------------------------------------------------------------------
*/

.table-responsive {

    overflow-x: auto;
}

/*
|--------------------------------------------------------------------------
| FORM LABELS
|--------------------------------------------------------------------------
*/

label {

    font-weight: 600;
}

/*
|--------------------------------------------------------------------------
| MOBILE RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 768px) {

    .content-header h1 {

        font-size: 24px;
    }

    .btn {

        width: 100%;
    }

    .table {

        font-size: 13px;
    }

    .card-body {

        padding: 15px;
    }
}