.inputAddCardNumeric{
   padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
}
.fixedbutton {
    position: fixed;
    bottom: 4rem;
    right: 4rem; 
}
.dropdownSection{
    max-height:46px
}
.customPill{
    background-color: #C52110;
}
.card{
    max-height: none!important;
}
.card-body{
    border-radius:  10px!important;
}
.addCard{
    width: 100%;
}
.modal-dialog {
    width: 80%!important;
}
.image-label {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #ccc;
    border-radius: 0.375rem!important;
    cursor: pointer;
}
.image-label-resume{
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #ccc;
    border-radius: 0.375rem!important;
    cursor: pointer;
}
.selectedListCard{
    width: 12%;
}
.pSelectedName{
    margin-top: 2%;
    margin-bottom: unset;
}
.resumeNumberInput{
    max-width: 15%;
}
.resumeSelectInput{
    max-width: 30%;
}
.inputimage{
    display: none;
}
@media (max-width: 576px) {
    /* .cardMobileMargin{
        margin-bottom: 18% !important;
    }
    .imgMobileMargin{
        margin-bottom: -43%;
    } */
    .modal-dialog{
        width:  96.5% !important;
    }
}

.custom-cb {
    border: 2px solid #C52110;
}
.select2CustomCss{
    border: none!important;
    width: 103%!important;
    background-color: transparent!important;
}  
 
/* Estilo del check cuando está seleccionado */
.custom-cb:checked {
    background-color: #C52110;
    border-color: #C52110;
}
.resumeCheckboxInput{
    margin-top: 2%;
    accent-color: #C52110;
}
.removeCustomFileBtn{
    height: 34px;
    padding-top: 1px;
    color:#F0F0F0;
}
#cardListModal{
    animation: blink 2s forwards; 
}
#cardsList{
    margin-top:4.5rem;
}
#singlecardsList{
    margin-top:4.5rem;
}
.bi-trash-fill{
    color:#F0F0F0;
}
.bi-check-square-fill{
    color:rgb(132, 213, 60);
}

.effect{
    border-radius: 2%;
    --rX: 0deg;
    --rY: 0deg;
    transform: rotateX(var(--rX)) rotateY(var(--rY));
    transition: 0.15s;
}
.accordion-button:not(.collapsed) {
    color: #212529;
    background-color: transparent!important;
    box-shadow: none!important;
}
.text-bg-danger{
    margin-top: 2%;
    background-color: #C52110!important;
}
@keyframes blink {
   0%, 100% {
    opacity: 1;
    box-shadow: 0 0 5px rgba(197, 33, 16, 0.5);
  }
    12.5%, 37.5%, 62.5%, 87.5% {
    opacity: 0.85;
    box-shadow: 0 0 15px rgba(197, 33, 16, 0.7);
  }
    25%, 50%, 75% {
    opacity: 1;
    box-shadow: 0 0 5px rgba(197, 33, 16, 0.5);
  }
}
.customPillRed{
    --bs-bg-opacity: 1;
    background-color: #C52110;
}
.sugested[disabled] {
background-color: #fff !important;
color: #212529 !important;
opacity: 1 !important;
}
