.select2-selection.select2-selection--single {
    height: 34px;
    border-radius: 0;
    border-color: #d2d6de;
}

.select2-selection__arrow {
    top: 4px !important;
}

li.select2-selection__choice {
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-right: 5px !important;
    margin-top: -5px;
}

td {
    position: relative;
}

.status-circle {
    box-shadow: 0px 0px 3px 0px black;
    position: absolute;
    width: 15px;
    height: 15px;
    right: 2px;
    top: 2px;
    border-radius: 50%;
}

.form-code {
    /* border: 1px solid; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0px 40px;
    padding-top: 40px;
    margin-bottom: 25px;
}

.input-code {
    flex: 1 1;
    display: inline-flex;
    width: 21px;
    margin: 0px 10px;
    height: 40px;
    border: none;
    border-bottom: 2px solid;
    text-align: center;
    font-size: 35px;
    color: #174079;
}

.input-code:focus,
.input-code:active,
.input-code:focus-visible {
    border-color: #3486b4;
    box-shadow: 1px 4px 4px -4px blue;
    outline: none;
}

.form-inline.tt {
    display: inline-flex;
    width: 180px !important;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.tt {
    width: 100% !important;
    margin: 2px 0px;
}

.swal2-container,
.modal {
    backdrop-filter: blur(5px);
}

.swal2-container .swal2-popup.swal2-toast {
    box-shadow: 1px 1px 4px 2px #266d87;
    background-color: #43a8cd !important;
}

.swal2-container .swal2-popup.swal2-toast .swal2-title {
    color: white;
    min-height: 45px;
    font-size: 1.3rem;
    align-items: center;
    flex-wrap: wrap;
}

tr.selected {
    background-color: #d3ecf5;
}

.container-dd {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}
.sortable-zone {
    width: 100%;
    min-height: 300px;
    padding: 10px;
    border: 2px dashed #ccc;
    background-color: #f9f9f9;
}
.item {
    margin: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: move; /* Cambia el cursor para indicar que se puede mover */
}
.item-placeholder {
    background-color: #6ec8fc;
}
.item.move{
    background-color: #8ff1bb;
}