/* =========================================================
   GLOBAL SELECT2 FIX
========================================================= */

.select2-container {

    width: 100% !important;

    max-width: 100% !important;

    box-sizing: border-box !important;

}



/* =========================================================
   SINGLE SELECT FIX
========================================================= */

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

    position: relative;

    display: flex !important;

    align-items: center;

    width: 100% !important;

    min-height: 32px !important;

    height: 32px !important;

    padding-right: 48px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

}



/* =========================================================
   SELECTED TEXT FIX
========================================================= */

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

    width: 100% !important;

    padding-left: 8px !important;

    padding-right: 8px !important;

    line-height: 30px !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: nowrap !important;

    font-size: small;

    font-weight: bold;

}


/* =========================================================
   CLEAR BUTTON FIX
========================================================= */

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

    position: absolute !important;

    right: 28px !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    margin: 0 !important;

    z-index: 2;

}



/* =========================================================
   DROPDOWN ICON FIX
========================================================= */

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

    position: absolute !important;

    right: 6px !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    height: 100% !important;

    width: 20px !important;

}


/* =========================================================
   TABLE FIX
========================================================= */

table .select2-container {

    width: 100% !important;

    min-width: unset !important;

    max-width: 100% !important;

}



/* =========================================================
   DROPDOWN FIX
========================================================= */

.select2-dropdown {

    max-width: 100vw !important;

    overflow-x: hidden !important;

    box-sizing: border-box !important;

}



/* =========================================================
   MODAL FIX
========================================================= */

.modal,
.modal-dialog,
.modal-content,
.modal-body {

    overflow-x: hidden !important;

}



.modal .select2-container {

    width: 100% !important;

}



/* =========================================================
   DATATABLE FIX
========================================================= */

.dataTables_wrapper {

    width: 100% !important;

    overflow-x: hidden !important;

}



.dataTables_scrollBody {

    overflow-x: auto !important;

    overflow-y: auto !important;

}



/* =========================================================
   RESPONSIVE INPUT FIX
========================================================= */

input,
select,
textarea {

    max-width: 100% !important;

    box-sizing: border-box !important;

}



/* =========================================================
   REMOVE PAGE HORIZONTAL SCROLL
========================================================= */

html,
body {

    overflow-x: hidden !important;

}

table th,td{
    font-size: 15px !important;
}