// @import 'variables';
@import "~admin-lte/plugins/fontawesome-free/css/all.min.css";
@import "~admin-lte/plugins/daterangepicker/daterangepicker.css";
@import "~admin-lte/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css";

@import "~admin-lte/plugins/select2/css/select2.min.css";
@import "~admin-lte/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css";
@import "~admin-lte/plugins/bootstrap4-duallistbox/bootstrap-duallistbox.min.css";

@import "~admin-lte/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css";
@import "~admin-lte/plugins/datatables-responsive/css/responsive.bootstrap4.min.css";
@import "~admin-lte/plugins/datatables-buttons/css/buttons.bootstrap4.min.css";

@import "~admin-lte/dist/css/adminlte.min.css";
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #007bff !important;
    border-color: #006fe6 !important;
}

@import '~admin-lte/plugins/chart.js/Chart.min.css';

.modal-dialog-bs4 {
    // to solve conflict with google modal
    position: relative !important;
    padding: 0 !important;
    background: initial !important;
    border: initial !important;
    -webkit-box-shadow: inherit !important;
    -moz-box-shadow: inherit !important;
    box-shadow: inherit !important;
}

.flex-center {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

$select2-border-color: #ced4da;
.select2 *, .select2-results * {
    text-shadow: none!important;
}

.select2-results__option:not(.select2-results__option--highlighted),
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #495057 !important;
}

.form-group, .input-group {

    .select2-container--default .select2-selection--single{
        height: calc(1.3em + 0.75rem + 2px) !important;
        padding: 0.15rem 0.5rem !important;
        border: 1px solid $select2-border-color !important;
    }
    .select2-container--default .select2-search--dropdown .select2-search__field{
        border: 1px solid $select2-border-color !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 100%;
    }
    .select2-container{
        width: 100% !important;
    }
}
.input-group{
    .select2-container--default .select2-selection--single{
        border:0 !important;
        border-left: 1px solid $select2-border-color !important;
    }
    .select2-selection__rendered {
        margin-top: 0 !important;
    }
 }

$color-tertiary: #D9D9D9;
$color-tertiary-hover: #bab6b6;
$text-tertiary: #B3B3B3;
.btn-tertiary {
    background-color: $color-tertiary;

    &:hover {
        background-color: $color-tertiary-hover;
    }
}

.text-tertiary {
    color: $text-tertiary;
}

@media screen and (max-width: 767px) {
    /* follow default data table styling */
    .comp-tbl-card .dataTables_wrapper div#left_panel {
        float: none;
        width: 100%;
        text-align: center !important;
        margin-bottom: 0.5em !important;

        display: flex;
        justify-content: space-around;
    }
}

#toastsContainerTopRight {
    .toast-header {
        overflow: hidden;
        word-break: break-word;
    }
}

.dt-buttons{
    text-align: right !important;
}
//.dataTables_length{
//    text-align: left !important;
//}