.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 45px;
}

.table-orange {
    background-color: #ffa500a6 !important;
}
    .table-orange:hover {
        background-color: #ffa50070 !important;
    }


.custome-input, .custome-input [readonly] {
    text-align: center !important;
    width: auto !important;
    font-size: 12px !important;
}

.form-control[readonly] {
    font-size: 12px !important;
}

ul, #myUL {
    list-style-type: none;
}

#myUL {
    margin: 0;
    padding: 0;
}

.caret {
    cursor: pointer;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}

    .caret::before {
        content: "\25B6";
        color: black;
        display: inline-block;
        margin-right: 6px;
    }

.caret-down::before {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    ' transform: rotate(90deg);
}

.nested {
    display: none;
}

.active {
    display: block;
}

/* Keep quick-create button inline with select2/input inside an input-group */
.input-group > .select2-container {
    flex: 1 1 auto;
    width: 1% !important;
}

.input-group .js-quick-create {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: inline-flex;
    align-items: center;
}

/* ===== Reusable Details-pane styles (used by any module's _Details.cshtml) ===== */
.details-pane .details-hero {
    background: linear-gradient(135deg, #f1f3ff 0%, #f8f9ff 100%);
    border-right: 4px solid #6777ef;
}
.details-pane .details-hero-success { background: linear-gradient(135deg, #e8f8ef 0%, #f6fbf8 100%); border-right-color: #47c363; }
.details-pane .details-hero-danger  { background: linear-gradient(135deg, #fde8e8 0%, #fdf6f6 100%); border-right-color: #fc544b; }
.details-pane .details-hero-warning { background: linear-gradient(135deg, #fff4e0 0%, #fffaf1 100%); border-right-color: #ffa426; }
.details-pane .details-hero-info    { background: linear-gradient(135deg, #e4f3fe 0%, #f4fafe 100%); border-right-color: #3abaf4; }

.details-pane .hero-icon {
    width: 52px; height: 52px;
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 1.25rem;
    box-shadow: 0 4px 10px rgba(103, 119, 239, 0.25);
}
.details-pane .section-title {
    font-weight: 700;
    font-size: 0.95rem;
    letter-spacing: .2px;
}
.details-pane .detail-item {
    display: flex; flex-direction: column;
    background: #fafbff;
    border: 1px solid #edeff7;
    border-radius: 6px;
    padding: .55rem .75rem;
    height: 100%;
}
.details-pane .detail-label {
    color: #6c757d;
    font-size: 0.78rem;
    margin-bottom: .15rem;
}
.details-pane .detail-value {
    color: #191d21;
    font-weight: 600;
    word-break: break-word;
}
.details-pane .card-statistic-1 { min-height: 78px; }

/* Long values (email, IBAN, URL) shouldn't overflow the tile on narrow screens. */
.details-pane .detail-value { overflow-wrap: anywhere; }

/* Mobile-only tweaks (phones). Desktop/tablet layout untouched. */
@media (max-width: 575.98px) {
    .details-pane .details-hero { padding: .75rem !important; }
    .details-pane .details-hero h5 { font-size: 1rem; margin-bottom: .15rem; }
    .details-pane .details-hero .mx-3 { margin-right: .6rem !important; margin-left: .6rem !important; }
    .details-pane .hero-icon { width: 42px; height: 42px; font-size: 1rem; }
}