:root{
    --color-primary: #cf2030;
    --color-secondary: #1E293B;
}

body{
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    color: var(--color-secondary);
}
/* Width */
/* --------------------------------------------------------------------- */
.min-w-5{
    min-width: 1.25rem;
    width: 1.25rem;
}
/* Height */
/* --------------------------------------------------------------------- */
.min-h-5{
    min-height: 1.25rem;
    height: 1.25rem;
}
/* Colors */
.text-primary{
    color: var(--color-primary);
}
/* Backgrounds colors */
.bg-primary{
    background-color: var(--color-primary);
}
.bg-white{
    color: var(--color-secondary);
}
.bg-slate {
    background-color: #475569;
}
/* Border */
.border-primary,
.focus\:border-primary:focus{
    border-color: var(--color-primary);
}
.hover\:bg-slate {
    background-color: #334155;
}
/* Outline */
.focus\:ring-primary:focus{
    --tw-ring-color: #cf2030;
}
.focus\:ring-slate {
    --tw-ring-color: #334155;
}
.bg-parent-primary.focus\:ring-white:focus{
    --tw-ring-color: #fff;
    --tw-ring-offset-color: var(--color-primary);
}
main{
    padding: 40px 0;
}
.rounded-l-0{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rounded-r-0{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* Card */
.cardTable{
    margin: 0 -1.25rem;
    width: calc(100% + 2.5rem);
}
.cardTable thead tr th{
    border-bottom: 1px solid rgb(229, 231, 235);
    font-size: .85rem;
}
.cardTable thead tr th,
.cardTable tbody tr td{
    padding: 1rem 1.25rem;
}
.cardTable tbody tr td{
    font-size: .875rem;
}
.cardTable + .actions{
    margin-top: 1rem;
}

/* Ts */
select.ts{
    height: 38px;
    color: transparent;
}
.ts-control{
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    border-radius: 0.375rem;
    min-height: 38px;
    padding: .5rem .95rem;

}
.ts-wrapper.multi .ts-control > div{
    margin: 3px 3px 3px 0;
}
.ts-control > input{
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: rgb(30, 41, 59);
}
.select-all,
.deselect-all{
    font-size: 12px;
    padding: 5px 10px;
}
/* Sortable */
.sortable .ui-state-default{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .50rem;
    font-weight: bold;
    cursor: grab;
    background-color: rgba(255, 241, 242, 0.41);
    border-radius: 1rem;
    border-color: #CBD5E1;
}
.sortable .ui-state-default .cube{
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border-radius: .5rem;
}
.sortable .ui-state-default + .ui-state-default{
    margin-top: 10px;
}
.sortable .ui-state-default.ui-sortable-helper{
    cursor: grabbing;
}

.sortable .ui-state-default .number,
.sortable .ui-state-default svg{
    margin: 0 10px;
}
nav[role="navigation"] span[aria-disabled="true"],
nav[role="navigation"] > div > span > span{
    opacity: .6;
    pointer-events: none;
}
nav[role="navigation"] button:focus,
nav[role="navigation"] span[aria-current="page"] > span{
    border-color: var(--color-primary);
    z-index: var(--z-index-10);
}

/* Distribución de los asientos */
#chairsDistribution span.user{
    font-size: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
/* Select2 */
.select2{
    margin-top: 4px;
}
.select2-container--default .select2-selection--single{
    border: 1px solid rgb(209, 213, 219);
    height: 38px;
    border-radius: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    display: flex;
    align-items: center;
    height: 100%;
    padding: 8px 12px;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
/*nav[role="navigation"] > span{*/
/*    opacity: .6;*/
/*    pointer-events: none;*/
/*}*/

/* Swal */
/* --------------------------------------------------------------------- */
.swal2-container .swal2-popup {
    border-radius: .75rem;
}
.swal2-container .swal2-popup #swal2-title {
    color: #0f172a;
    padding-top: .75rem;
}
.swal2-container .swal2-popup .swal2-actions button {
    border-radius: .375rem;
    font-size: .875rem;
    padding: .5rem 1rem;
}
.swal2-container .swal2-popup .swal2-actions .swal2-confirm {
    background-color: #3b82f6;
    box-shadow: none;
}
.swal2-container .swal2-popup .swal2-actions .swal2-confirm:focus {
    background-color: #2563eb;
    box-shadow: none;
}
.swal2-container .swal2-popup .swal2-actions .swal2-cancel {
    background-color: #64748b;
    box-shadow: none;
}
.swal2-container .swal2-popup .swal2-actions .swal2-cancel:focus {
    background-color: #475569;
    box-shadow: none;
}