/* select 2 */
.modal .select2-container{z-index:100!important;}
.select2-container .select2-selection--single{height:38px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px;}
.select2-container--default .select2-selection--single{border:1px solid #dce7f1}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:36px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#607080;}
.select2-container--default .select2-selection--single .select2-selection__clear{height:36px;}
.select2-container--default .select2-search--dropdown .select2-search__field{background-color:inherit;} 
select.select2.is-invalid + .select2-container--default .select2-selection--single{border-color:#dc3545}

html[data-bs-theme=dark] .select2-container--default .select2-selection--single{background-color:#1b1b29;color:#c2c2d9;border:1px solid #35354f}
html[data-bs-theme=dark] .select2-container--default .select2-selection--single .select2-selection__arrow{background-color:#1b1b29;border-left:1px solid #35354f}
html[data-bs-theme=dark] .select2-container--default .select2-selection--multiple{background-color:#1b1b29;color:#c2c2d9;border:1px solid #35354f}
html[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#444;color:#c2c2d9;border:1px solid #35354f}
html[data-bs-theme=dark] .select2-container--default .select2-dropdown{background-color:#1b1b29;color:#c2c2d9;border:1px solid #35354f}
html[data-bs-theme=dark] .select2-container--default .select2-results__option{background-color:#1b1b29;color:#c2c2d9}
html[data-bs-theme=dark] .select2-container--default .select2-results__option--highlighted{background-color:#1b1b29;color:#c2c2d9}
html[data-bs-theme=dark] .select2-container--default .select2-results .select2-results__options{padding-left:10px;}


/* modal right */
html[data-bs-theme=dark] .modal-right .modal-dialog,
.modal-right .modal-dialog {width:100%;position: fixed;top: 0;right: 0;margin: 0;height: 100%;pointer-events: auto;transition: transform 0.5s ease, opacity 0.5s ease;}
.modal-right.fade:not(.show) .modal-dialog {transform: translate3d(25%, 0, 0) !important;opacity: 0 !important;}
.modal-right.fade.show .modal-dialog {transform: translate3d(0, 0, 0) !important;opacity: 1 !important;}
html[data-bs-theme=dark] .modal-right .modal-content,
.modal-right .modal-content {height: 100%;overflow-y:scroll;border-radius: 0;}
@media (max-width: 768px) {.modal-right .modal-dialog {width: 100%;}}

/* navbar dropdown */
.navbar-nav .dropdown-menu .dropdown-item p.message {white-space:pre-line;width:300px;}
.action-btn{width:115px;}
.required::after{content:" *";color:#dc3545;}

/* logo width */
.logo img{max-width:140px;}
[readonly].form-control{background-color:#dce7f1;}
.h-300{height:300px;}
.overflow-y-auto{overflow-y:auto;}


@keyframes slideOutRight {
  from { transform: translateX(0); opacity: 1; }
  to   { transform: translateX(100%); opacity: 0; }
}

.modal.slide-out {
  animation: slideOutRight 0.4s forwards;
}


/* Compact and clean layout */
.compact-form-area table th, .compact-form-area table td {padding: 0.25rem !important;vertical-align: middle !important;position: relative !important;height:60px}
.compact-form-area table input, .compact-form-area table select {font-size: 0.8rem;height: 32px;margin-bottom:0!important}
.compact-form-area table .btn {padding: 0.25rem 0.4rem}
.compact-form-area .card-body {padding: 0.75rem !important}
.compact-form-area table thead th {position: sticky;top: 0;background: #f8f9fa;z-index: 2}
.compact-form-area .select2-container--default .select2-selection--single {height: 32px !important;min-height: 32px !important;padding: 2px 6px !important}
.compact-form-area .select2-selection__rendered {margin-top:6px;font-size: 0.8rem !important;line-height: 1.2 !important}
.compact-form-area .select2-selection__arrow {height: 32px !important}
.compact-form-area .select2-results__option{padding:3!important}
.compact-form-area .select2-search--dropdown .select2-search__field{padding:0px 2px!important}
.compact-form-area .select2-container .select2-selection--single .select2-selection__clear{margin-top:-8px!important;}
.compact-form-area .select2-container--default .select2-search--dropdown .select2-search__field{padding:0px!important}
.compact-form-area table .form-control.is-invalid, .compact-form-area table .form-select.is-invalid {border-color:#dc3545!important;box-shadow:none!important}
.compact-form-area table .invalid-feedback {display:block!important;position:absolute!important;bottom:2px!important;left:2px!important;font-size:10.5px!important;line-height:1!important;color:#dc3545!important;margin:0!important;padding:0!important}
.compact-form-area .invalid-feedback {position:absolute!important}