.nk-sidebar {
    max-width: 81px !important;
}

.has-sidebar .nk-wrap {
    padding-left: 81px !important;
}

.nk-sidebar-content {
    height: calc(100vh - (25px + 20px)) !important;
}


@media (max-width: 1224px) {
    .has-sidebar .nk-wrap {
        padding-left: 0px !important;
    }
}

.nk-sidebar-menu {
    padding-top: 15px !important;
    overflow-y: auto !important;
    /* scroll vertical */
    border: 0px solid #ccc !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

/* .nk-sidebar {
    transform: translateX(0) !important;
    visibility: visible !important;
}

.nk-sidebar-mobile {
    transform: translateX(0) !important;
} */


div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_paginate {
    margin-left: 20px !important;
}

.table> :not(caption)>*>* {
    /** border-top: 1px solid #dbdfea; **/
    border-bottom: 0;
    background-color: #fff;
}

.datatable-wrap {
    border: 0px solid #e5e9f2;
}

/* Tabla limpia */
table.dataTable {
    border-collapse: collapse !important;
    font-size: 14px;
}

/* Cabecera */
table.dataTable thead th {
    background: #f8f9fa;
    font-weight: 600;
    border-bottom: 2px solid #e5e5e5;
    padding: 12px;
}

/* Filas */
table.dataTable tbody tr {
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.2s;
}

/* Hover suave */
table.dataTable tbody tr:hover {
    background: #f9fbfd;
}

/* Celdas */
table.dataTable td {
    padding: 10px 12px;
    vertical-align: middle;
}

/* Quitar bordes laterales */
table.dataTable th,
table.dataTable td {
    border-left: none !important;
    border-right: none !important;
}

#DataTables_Table_0_info,
#DataTables_Table_0_length {
    padding-right: 25px !important;
}

.btn-sm {
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 6px;
}

#dataTables_length {
    padding-right: 15px !important;
}



.uppercase {
    text-transform: uppercase;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 6px;
    font-weight: 600;
}

table.dataTable tbody td {
    line-height: 1.3;
}

.btn-outline-orange {
    color: #fc993d;
    background-color: #ffffff;
    border-color: #fc993d;
}

.bg-orange {
    background-color: #fc993d !important;
}

.btn-outline-purple-light {
    color: #ba6ed4;
    background-color: #ffffff;
    border-color: #ba6ed4;
}


.bg-purple-light {
    background-color: #ba6ed4 !important;
}

.btn-outline-blue {
    color: #202bc9;
    background-color: #ffffff;
    border-color: #202bc9;
}

.bg-blue {
    background-color: #202bc9 !important;
}

.btn-outline-green {
    color: #20c997;
    background-color: #ffffff;
    border-color: #20c997;
}

.bg-green {
    background-color: #20c997 !important;
}

.btn-outline-pink-dark {
    color: #ff63a5;
    background-color: #ffffff;
    border-color: #ff63a5;
}

.bg-pink-dark {
    background-color: #ff63a5 !important;
}

.btn-outline-grey {
    color: #636363;
    background-color: #ffffff;
    border-color: #636363;
}

.bg-grey {
    background-color: #636363 !important;
}

.btn-outline-dark-gold {
    color: #754c24;
    background-color: #fef3e4;
    border-color: #754c24;
}

.bg-dark-gold {
    background-color: #754c24 !important;
}

.btn-outline-pink {
    color: #f885db;
    background-color: #fee4f8;
    border-color: #f885db;
}

.bg-pink {
    background-color: #f885db !important;
}

.btn-outline-dark-blue {
    color: #2b75ff;
    background-color: #e4e6fe;
    border-color: #2b75ff;
}

.bg-dark-blue {
    background-color: #2b75ff !important;
}

.text-pink {
    color: #f885db !important;
}

.pt5 {
    padding-bottom: 25px !important;
}

.mb5 {
    margin-bottom: 25px !important;
}

.mt5 {
    margin-top: 15px !important;
}

textarea {
    resize: vertical !important;
}

.rebekai-aside {
    border: 0px !important;
}


.bg-abstract {
    background-image: linear-gradient(to right, #FCC32E calc(60% - 150px), #00CB7B calc(60% - 150px), #03b36c 60%, #004a97 60%, #074281 calc(60% + 150px), #292152 calc(60% + 150px), #372b70 100%) !important;
}

.welcome_tasks .title {
    padding: 10px;
}

.welcome_tasks:hover .title,
.welcome_notes:hover td {
    background: #faf9ef !important;
}

.btn-center {
    text-align: center;
}

.txt-vertical {
  transform-origin: 0 0;
  transform: rotate(90deg);
}

.ticketContent {
    font-weight: normal !important;
    padding: 0px !important;
    font-size: small  !important;
    color: #ccc !important;
}