/* Add here all your CSS customizations */
:root {
    --bs-border-color: #CCC;
}
.userbox .profile-picture img {
    border: 1px solid #D0D0D0;
}
.pagination > .active > a {
    color: #FFF !important;
}
.form-control[data-plugin-datepicker] {
    max-width: 100px;
}
.form-control[data-plugin-timepicker] {
    max-width: 60px;
}
.switch-sm-label {
    padding-top: 5px;
    margin-left: 1rem;
}
.has-error .form-control, .has-error .input-group-text {
    border-color: #A94442;
}
label.error {
    margin-top: 2px;
}
.form-control-wrapper {
    width: 100%;
}
.form-control {
    padding-top: 9px;
    padding-bottom: 9px;
}
.btn {
    padding-top: 11px; 
    padding-bottom: 11px; 
}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating).form-control[data-plugin-datepicker],
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating).form-control[data-plugin-timepicker] {
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}
.select2-container--bootstrap .select2-selection {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.select2-container--bootstrap .select2-selection,
.form-control.form-control-modern {
    border-color: var(--bs-border-color);
}
.input-group>.select2-hidden-accessible:first-child+.select2-container--bootstrap>.selection>.select2-selection {
    border-radius: var(--bs-border-radius);
    min-height: 2.85rem;
    padding-top: 0.625rem;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: var(--bs-body-color);
}
span.input-group-text .fas {
    width: 16px;
}
table.dataTable thead > tr > th.dt-orderable-asc:hover,
table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
    outline: none !important;
}
.dt-info {
    margin: 1rem 0;
}
.inline-block:not(.input-group) {
    display: inline-block;
}