.mt-10 {
    margin-top: 10px;
}

.new_fleet_photo-del-img, .new_fleet_document-del-img {
    cursor: pointer;
}
.payment-option {
    display: none;
    padding: 0.5rem;
    border: 1px solid rgb(235, 235, 235);
    background: whitesmoke;                
}
.card-button {
    border: 1px solid #ced4da;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25em;
    padding-right: 0.5em;
    border-radius: 0.25rem;
    cursor: pointer;
    color: #6f7275;
}
.card-button .icon {
    padding: 0.5rem;
    border: 1px solid #ced4da;
    border-radius: 5px;
    box-sizing: content-box;
}
.select2-bootstrap-5 {
    padding: 0.75rem;
    display: flex !important;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: auto !important;

}
.select2-bootstrap-5 span[class$="__rendered"] {
    width: 100%;
}
.select2-bootstrap-5 span[class$="__arrow"] {
    position: relative !important;
}
.form-steps {
    display: none;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    display: block;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

/* cor de fundo do botão quando aguarda anexo  */
.card-button-fleet-picture-upload[data-status='waiting'] .card-button-icon-wrap {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.card-button-fleet-picture-upload[data-status='waiting'] .card-button-icon-wrap:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}
.card-button-fleet-picture-upload[data-status='waiting'] .card-button-icon-wrap:active {
    background-color: #0a58ca;
    border-color: #0a53be;
}

/* cor de fundo do botão quando está fazendo envio  */
.card-button-fleet-picture-upload[data-status='uploading'] .card-button-icon-wrap {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.card-button-fleet-picture-upload[data-status='uploading'] .card-button-icon-wrap:hover {
    background-color: #5c636a;
    border-color: #565e64;
}
.card-button-fleet-picture-upload[data-status='uploading'] .card-button-icon-wrap:active {
    background-color: #565e64;
    border-color: #51585e;
}

/* cor de fundo do botão quando já foi anexado  */
.card-button-fleet-picture-upload[data-status='uploaded'] .card-button-icon-wrap {
    color: #fff;
    background-color: #198754;
    border-color: #198754;            
}
.card-button-fleet-picture-upload[data-status='uploaded'] .card-button-icon-wrap:hover {
    background-color: #157347;
    border-color: #146c43;
}
.card-button-fleet-picture-upload[data-status='uploaded'] .card-button-icon-wrap:active {
    background-color: #146c43;
    border-color: #13653f;                
}

/* cor de fundo do botão quando o anexo falhar por algum motivo  */
.card-button-fleet-picture-upload[data-status='failed'] .card-button-icon-wrap {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}
.card-button-fleet-picture-upload[data-status='failed'] .card-button-icon-wrap:hover {
    background-color: #ffca2c;
    border-color: #ffc720;
}
.card-button-fleet-picture-upload[data-status='failed'] .card-button-icon-wrap:active {
    background-color: #ffcd39;
    border-color: #ffc720;
}

/* cor de fundo do botão quando o anexo falhar por conta do cliente  */
.card-button-fleet-picture-upload[data-status='retry'] .card-button-icon-wrap {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}
.card-button-fleet-picture-upload[data-status='retry'] .card-button-icon-wrap:hover {
    background-color: #ffca2c;
    border-color: #ffc720;
}
.card-button-fleet-picture-upload[data-status='retry'] .card-button-icon-wrap:active {
    background-color: #ffcd39;
    border-color: #ffc720;
}