.select2-container .select2-selection--single {
    height: 35px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid rgb(226 232 240) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px;
    right: 8px;
}

.select2-container {
    color: color(srgb 0.2779 0.3336 0.4109);
}


.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e2e8f0;
}

.select2-dropdown {
    border: 1px solid #e2e8f0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #1e40af !important;
    border: 1px solid #1e40af !important;
    color: #fff !important;
}


/* Custom Style By TS  */
.ts-control {
    border: 1px solid #d0d0d0;
    padding: 11px 8px !important;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 3px;
    display: flex;
    flex-wrap: wrap;
}

.readonly .ts-control {
    pointer-events: none;
    background-color: #f5f5f5; /* Color readonly */
}

.ts-alert-success {
    --tw-border-opacity: 1;
    border-color: rgb(219 255 163);
    --tw-bg-opacity: 1;
    background-color: rgb(203 255 123);
    --tw-text-opacity: 1;
    color: rgb(0 0 0);
}

.ts-alert-warning {
    --tw-border-opacity: 1;
    border-color: rgb(255 178 0);
    --tw-bg-opacity: 1;
    background-color: rgb(255 226 119);
    --tw-text-opacity: 1;
    color: rgb(0 0 0);
}

/* Background Colors */
.bgc-sky-200 {
    background-color: rgb(128, 223, 255) !important;
   color: #2c2c2c !important;
}

.bgc-sky-400 {
    background-color: rgb(0, 184, 245) !important;
   color: #2c2c2c !important;
}

.bgc-sky {
    background-color: rgb(25, 197, 255) !important;
   color: #2c2c2c !important;
}

.bgc-blue-200 {
    background-color: rgb(99, 110, 255) !important;
}

.bgc-blue {
    background-color: rgb(30 64 175) !important;
    color: #ffffff !important;
}

.bgc-green-200 {
    background-color: rgb(92, 250, 163) !important;
   color: #2c2c2c !important;
}

.bgc-green {
    background-color: rgb(13, 189, 92) !important;
}

.bgc-yellow-200 {
    background-color: rgb(232, 248, 82) !important;
   color: #2c2c2c !important;
}

.bgc-yellow {
    background-color: rgb(238, 255, 0) !important;
   color: #2c2c2c !important;
}

.bgc-orange-200 {
    background-color: rgb(253, 204, 41) !important;
   color: #2c2c2c !important;
}

.bgc-orange {
    background-color: rgb(255, 196, 0) !important;
   color: #2c2c2c !important;
}

.bgc-red-200 {
    background-color: rgb(255, 92, 92) !important;
    color: #2c2c2c !important;
}

.bgc-red {
    background-color: rgb(255, 39, 39) !important;
}

.bgc-secondary {
    background-color: rgb(168, 168, 168) !important;
}

/* Button Colors */
.btn-info {
    background-color: rgb(25, 197, 255) !important;
    color: #000000 !important;
}

.btn-skylight {
    background-color: rgb(128, 223, 255) !important;
    color: #000000 !important;
}

/* Menghilangkan panah pada input type number di Webkit browser (Chrome, Safari, dll.) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Menghilangkan panah pada input type number di Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
/* @media (max-width: 1400px) {
    .content {
        min-height: 96vh !important;
        height: 64vh !important;
    }
    .box-content {
        height: 74vh !important;
    }
}
@media (min-width: 1900px) {
    .content {
        min-height: 97vh !important;
        height: 97vh !important;
    }
    .box-content {
        height: 79vh !important;
    }
} */

/*
* Custom Style group list operator
*/
.list-group-active {
    background-color: #888888bf;
}

.input-number {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0.2rem !important;
    font-size: 1rem !important;
    line-height: 0.5rem !important;
}


/* Font Color */
.font-color-black {
    color: #2c2c2c !important;
}
.font-color-red {
    color: #dc2626 !important;
}

/* SweetAlert2 */
.swal2-container {
    z-index: 100001 !important;
}

.text-color-blue-400 {
    color: #1e40af !important;
}