body {
}

th {
    white-space: nowrap;
}

.select2-container {
    width: 100% !important;
}

.clr-portal {
    background-color: var(--primary);
    color: white;
}

.clr-portal-danger {
    background-color: darkred;
    color: white;
}

.btn-portal {
    background-color: var(--primary);
    color: white;
}

    .btn-portal:hover {
        opacity: .8;
        color: white;
    }

.btn-portal-table {
    background-color: var(--primary);
    color: white;
    width: 85px;
    height: 35px;
}

    .btn-portal-table:hover {
        opacity: .8;
        color: white;
    }

.btn-portal-danger {
    background-color: darkred;
    color: white;
}

    .btn-portal-danger:hover {
        opacity: .8;
        color: white;
    }

.btn-portal-danger-table {
    background-color: darkred;
    color: white;
    width: 85px;
    height: 35px;
}

    .btn-portal-danger-table:hover {
        opacity: .8;
        color: white;
    }

.edit-profile-icon {
    color: darkcyan;
    cursor: pointer;
    margin-left: .2rem;
    user-select: none;
}

    .edit-profile-icon:hover {
        opacity: .8;
    }


.tbl-portal {
    font-size: .825rem;
    white-space: nowrap;
}

.table-icon-btn {
    color: #263238 !important;
}

    .table-icon-btn:hover {
        opacity: .5;
    }

.table-clickable-cell-lightgray {
}

    .table-clickable-cell-lightgray:hover {
        cursor: pointer;
        background-color: #ececec;
    }

.flex-div {
    display: flex;
}

.action {
    background-color: #263238;
    color: white;
}

.excel-description-table {
    overflow: auto;
    width: 50%;
}

.excel-description-table-lg {
    overflow: auto;
    width: 70%;
}

.excel-description-modal-table {
    overflow: auto;
}

.smooth-box-shadow-low {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.smooth-box-shadow-high {
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}


@media screen and (max-width: 1660px) {
    .excel-description-table {
        overflow: auto;
        width: 100%;
    }

    .excel-description-table-lg {
        overflow: auto;
        width: 100%;
    }
}

icon-sm {
    font-size: 0.8rem;
}

.icon-md {
    font-size: 1.2rem;
}

.icon-lg {
    font-size: 1.5rem;
}

.icon-xl {
    font-size: 1.8rem;
}


.show-block{
    display: block !important;
}

.show-flex {
    display: flex !important;
}

.hide{
    display: none !important;
}


.sidebar-light .nav-sidebar .nav-link:not(.disabled):hover {
    color: var(--primary) !important;
}

.nav-link.active {
    color: var(--primary) !important;
}

.nav-item-open > .nav-link {
    color: var(--primary) !important;
}

.page-header.page-header-light .page-title {
    color: var(--primary) !important;
}

.uniform-uploader .action {
    background-color: var(--primary) !important;
}

.navbar-light .navbar-nav-link:focus, .navbar-light .navbar-nav-link:hover {
    color: var(--primary) !important;
}

.nav-item.dropdown.show {
    color: var(--primary) !important;
}

/* ==== Bootstrap .btn-close'u Icomoon ile override ==== */
.btn-close {
    /* BS'in SVG background'unu kapat */
    background: none !important;
    /* bazen projede verilmiş olabiliyor; görünürlüğü bozmasın */
    filter: none !important;
    opacity: 1 !important;
    position: relative; /* ::before için referans */
    width: 1.25rem; /* BS default boyut */
    height: 1.25rem;
    line-height: 1;
    padding: 0;
    border: 0;
    box-shadow: none;
    color: var(--primary); /* tema rengine uysun */
}

    /* Asıl ikon */
    .btn-close::before {
        content: "\e995"; /* senin icon-close kodun */
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%); /* ortala */
        font-size: 1.25rem; /* ikon boyutu */
        line-height: 1;
    }

    /* Hover/focus durumları (isteğe bağlı) */
    .btn-close:hover {
        opacity: .85;
    }

    .btn-close:focus {
        outline: none;
        box-shadow: none;
    }

    /* .btn-close-white kullanan yerler için renk desteği */
    .btn-close.btn-close-white,
    .btn-close-white {
        color: #fff !important;
    }

    /* Disabled görünümü BS ile uyumlu kalsın */
    .btn-close:disabled {
        opacity: .5 !important;
        pointer-events: none;
    }