.consulta-clientes {
    position: fixed;
    width: 800px;
    left: 23%;
    top: 0%;
    /*margin-left: 23%;*/
}

.search-bar {
/*    border: 1px solid #a7b1b1;*/
    border-radius: 10rem;
/*    background-color: #fff;*/
    /*box-shadow: 0 0 1rem rgb(0 0 0 / 15%);*/
    margin-top: 2px;
}

.form-label.inputed {
    background-color: var(--white);
    padding: 0px 5px !important;
    display: inline-block !important;
    max-width: 100% !important;
    margin-bottom: 5px !important;
    font-weight: 700 !important;
    margin: -8px 9px !important;
    float: left !important;
    border-radius: 5px !important;
    font-size: 12px;
    z-index: 4;
    position: relative;
}

svg g > g > g > text {
    fill: white !important;
}
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }
    
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }

.inputFound {
    border-color: #00adb5;
    padding-right: calc(1.5em + .9rem);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMGFkYjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ij48L2NpcmNsZT48bGluZSB4MT0iMjEiIHkxPSIyMSIgeDI9IjE2LjY1IiB5Mj0iMTYuNjUiPjwvbGluZT48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .225rem) center;
    background-size: calc(.75em + .45rem) calc(.75em + .45rem);
}

.inputFound-green {
    border-color: #09b080;
    padding-right: calc(1.5em + .9rem);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMGFkYjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ij48L2NpcmNsZT48bGluZSB4MT0iMjEiIHkxPSIyMSIgeDI9IjE2LjY1IiB5Mj0iMTYuNjUiPjwvbGluZT48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .225rem) center;
    background-size: calc(.75em + .45rem) calc(.75em + .45rem);
}

.inputWrong {
    border-color: #fa5f7f;
    padding-right: calc(1.5em + .9rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23fa5c7c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fa5c7c' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .225rem) center;
    background-size: calc(.75em + .45rem) calc(.75em + .45rem);
}

#progressbar-propostas.progress-container {
  overflow: hidden;
}

#progressbar-propostas .progress-bar {
  transition: transform 0.5s;
  transform: translateX(1000%);
}

.hidden {
    display: none;
}

#progressbar-propostas .progress-bar.in {
  transform: translateX(0);
}

/* Estilos para o cropper de imagem */
.cropper-view-box,
.cropper-face {
    /* Permitir que a forma do crop seja definida pelo contexto */
    border-radius: var(--cropper-border-radius, 0);
}

/* Para imagens de perfil (circulares) */
.profile-cropper .cropper-view-box,
.profile-cropper .cropper-face {
    border-radius: 50%;
}

#cropper-modal .modal-dialog {
    max-width: 90vw;
    max-height: 90vh;
}

#imageToCrop {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.cropper-container {
    position: relative;
}

.cropper-toolbar {
    padding: 8px;
    background: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #eee;
}

/* Botões de controle do cropper */
.controls-container .btn-group {
    display: flex;
}

.controls-container .btn-group .btn {
    flex: 1;
    padding: 0.375rem 0.5rem;
}

.controls-container .btn-group .btn:hover {
    background-color: #f0f0f0;
}

.drag-mode-btn.active {
    background-color: #727cf5 !important;
    color: white !important;
    box-shadow: 0 0 0 2px rgba(114, 124, 245, 0.25);
}

/* Responsivo */
@media (max-width: 992px) {
    #cropper-modal .modal-dialog {
        max-width: 100vw;
    }
    
    #cropper-modal .modal-body .row {
        flex-direction: column;
    }
    
    #cropper-modal .col-lg-9 {
        max-height: 50vh;
    }
    
    .cropper-container {
        height: 50vh !important;
    }
}

body[data-layout-color=dark] {
    .form-label.inputed {
        background-color: var(--gray-10);
    }
}