/**
 * @file    Sistema Venda CasaSoft®
 * @author  CasaSoft® Desenvolvimento de Sistemas Ltda <http://www.casasoft.net.br>
 * @version 1.0
 *
 * @section DESCRIPTION
 *
 * css styles for sistema venda casasoft®
 *
 * @section LICENSE
 *
 * Todos os direitos reservados
 * CasaSoft® Desenvolvimento de Sistemas Ltda
 */



/* ==========================================================================
   = breakpoint full ( 100% - 1680px )
   ========================================================================== */

.cropper-container {
    width: 100% !important;
}

.cropper-crop-box::after {
    content: 'Arraste para posicionar a foto';
}


/* ==========================================================================
   = breakpoint desktop ( 1680px - 1366px )
   ========================================================================== */


@media (max-width: 1680px) {
}



/* ==========================================================================
   = breakpoint desktop ( 1366px - 1024px )
   ========================================================================== */


@media (max-width: 1366px) {
}



/* ==========================================================================
   = breakpoint tablet ( 1024px - 768px )
   ========================================================================== */


@media screen and (max-width: 1024px) {
    .ui__foto-rosto--container {
        margin-right: 15px;
    }
}



/* ==========================================================================
   = breakpoint mobile ( 768px - 512px )
   ========================================================================== */


@media screen and (max-width: 768px) {
    .cropper-container,
    .ui__image-transform--container {
        height: 400px !important;
    }
}



/* ==========================================================================
   = breakpoint mobile ( 512px - 0px )
   ========================================================================== */


@media screen and (max-width: 512px) {
    .contato-pesquisa-selecao-campo {
        border-bottom: none;
        border-radius: 5px 5px 0 0;
    }

    .input-contatos-imovel {
        width: calc(100% - 61px);
        margin-left: 0;
        border-top-left-radius: 0;
    }

    .contatos__busca-btn {
        border-top-right-radius: 0;
    }

    .cropper-container,
    .ui__image-transform--container {
        height: 300px !important;
    }
}