/**
 * @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
 */

/** Estilo da busca de imóveis para adicionar unidades ao condomínio 
 ********************************************************************/

#app__atendimento-pesquisa-cliente-binding>legend {
    display: none;
}

#app__atendimento-pesquisa-cliente-binding>span>.app__input_principal {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

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

#app__atendimento-pesquisa-cliente-container div.ui__content-box {
    padding: 25px 15px 20px;
    overflow: initial;
}

#app__atendimento-cliente-etapas div.ui__content-box {
    padding: 15px;
}

/* #app__atendimento-botao-vincular-cliente .ui__btn--fill:hover {
    background-color: #DADADA;
    color: #006bb4;
}  */

.app__atendimento-logo-parceiro {
    text-align: center;
    width: 100%;
    position: absolute;
}

.app__atendimento-logo-parceiro img {
    height: 60px;
}

#app__atendimento-botao-vincular-cliente .ui__btn--fill:hover {
    background-color: #fff;
    color: #006bb4;
    border-color: #DADADA;
}

.casatabs__tab-container {
    border-bottom: solid 1px #006bb4;
    height: 36px;
}

.ui__form-btn-ok, .ui__form-btn-del {
    width: 36px;
    height: 36px;
    line-height: 36px;
}

.ui__form-btn-ok::after, .ui__form-btn-del::after, .ui__busca-btn::after {
    line-height: initial;
}

.casatabs__tab-container.tabcontainer-atendimento li:last-child .ui__btn {
    border-radius: 0;
    border-bottom: none;
    /*border-top-left-radius: 5px;*/
    /* border-top-right-radius: 5px; */
    border: 1px solid #dadada;
    border-bottom: solid 1px rgba(0, 107, 180, .8);
}

.casatabs__tab-container.tabcontainer-atendimento li:last-child .ui__btn:hover {
    background-color: rgba(0, 0, 0, .05);
    background: transparent;
}

.casatabs__tab-container.tabcontainer-atendimento li.app__atendimento_aba:first-child .ui__btn {
    border-top-left-radius: 5px;
}

.casatabs__tab-container.tabcontainer-atendimento li.app__atendimento_aba:last-child .ui__btn {
    border-top-right-radius: 0px;
}

.casatabs__tab-item {
    float: left;
    max-width: 210px;
    width: 210px;
    margin-right: -1px;
}

.casatabs__tab-item label, .casatabs__tab-item label:hover {
    width: 210px;
    border-radius: 0px;
    margin-bottom: -1px;
    border-bottom: solid 1px #006bb4;
    background-color: #fff;
}

.casatabs__tab-item label.ui__btn:hover {
    border-color: #dadada;
    border-bottom: solid 1px #006bb4;
}

.casatabs__tab-item label:first-of-type:hover {
    background-color: rgba(0, 0, 0, .05) !important;
}

.casatabs__tab-item label:first-of-type span {
    color: #222;
}

.casatabs__tab-item label:first-of-type i {
    color: #006bb4;
}

.casatabs__tab-item.active {
    margin-right: 0;
    margin-left: 0;
}

.casatabs__tab-item.active label:first-of-type, .casatabs__tab-item.active label:first-of-type:hover {
    border: solid 1px #006bb4 !important;
    border-bottom: solid 1px #EBEBEB !important;
    background-color: transparent !important;
}

.casatabs__tab-item.active label:first-of-type span {
    color: #006bb4 !important;
}

.atendimento__bairro-nomes--ellipsis {
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.atendimento--bairro-selecionado {
    /* margin-bottom: 25px; */
    margin: 5px 0 10px;
}

.atendimento--bairro-selecionado:hover {
    border-color: #006bb4 !important;
}

.atendimento-removeinline-2 {
    width: 14px;
    height: 13px;
    width: 20px;
    margin-left: 120px;
    font-family: FontAwesome;
    font-size: 18px;
    text-align: left;
    color: #006bb4;
}

.atendimento-removeinline-3 {
    width: 300px;
    height: 11px;
    margin-left: 145px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-align: left;
    color: #006bb4;
}

.atendimento-removeinline-4 {
    width: 25px;
    height: 25px;
    padding-left: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;
    color: #006bb4;
    border: 1px solid #dadada;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    line-height: 27px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}

.atendimento-removeinline-5 {
    width: 100%;
    max-width: 613px;
    height: auto;
    margin: 4px 5px 0 0;
}

.atendimento-removeinline-6 {
    content: '\f1ad';
    position: absolute;
    left: calc(50% - 100px);
    top: 75px;
}

.atendimento-removeinline-9 {
    position: absolute;
    /* top: -22px; */
    right: 10px;
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 18px;
    text-align: left;
    color: #006bb4;
}

.atendimento-removeinline-10 {
    position: absolute;
    right: 30px;
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 18px;
    color: #006bb4;
    top: 5px;
}

.atendimento-removeinline-13 {
    position: fixed;
    bottom: 0;
    border: 1px;
    left: 0;
    right: 0;
    height: 60px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(218, 218, 218, 1) 0px -2px 24px 3px;
    padding-right: 20px;
    z-index: 860;
}

.atendimento-removeinline-14 {
    background-color: #006bb4;
    margin-left: 20px;
    color: #fff;
    max-width: 240px;
    border-color: #006bb4;
    width: 240px;
    border-radius: 5px;
}

.atendimento-removeinline-14:hover {
    background-color: #006bb4;
    margin-left: 20px;
    color: #fff;
    max-width: 240px;
    border-color: #006bb4;
    width: 240px;
    border-radius: 5px;
}

.atendimento-removeinline-14:visited {
    background-color: #006bb4;
    margin-left: 20px;
    color: #fff;
    max-width: 240px;
    border-color: #006bb4;
    width: 240px;
    border-radius: 5px;
}

.atendimento-removeinline-15 {
    max-width: 100%;
    background-color: #EBEBEB;
}

.atendimento-mark-parceiros {
    position: absolute;
    top: 0;
    left: 0;
    padding: 6px;
    background: #006bb4;
    color: #fff;
    border-radius: 3px 0 5px;
    opacity: 0.9;
    display: none;
}

.atendimento-mark-parceiros.active {
    display: block;
}

/*STYLE.CSS*/

/* ==========================================================================
   = pesquisar imóveis
   ========================================================================== */

.pesquisar-imoveis__menu-item {
    position: relative;
}

.pesquisar-imoveis__menu-item::before {
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    left: 0;
    top: 101px;
    display: none;
    background-color: #2e3439;
    z-index: 3;
}

.pesquisar-imoveis__menu-item::after {
    width: 30px;
    height: 30px;
    content: "";
    position: absolute;
    left: calc(50% - 15px);
    top: 87px;
    display: none;
    background-color: #f5f5f5;
    border-left: 1px solid #2e3439;
    border-bottom: 1px solid #2e3439;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 3;
}

.casatabs__input:checked+.pesquisar-imoveis__menu-item::before, .casatabs__input:checked+.pesquisar-imoveis__menu-item::after {
    display: block;
}

.pesquisar-imoveis__btn-vincular {
    margin-top: 7px;
    color: #006bb4;
    cursor: pointer;
}

.pesquisar-imoveis__btn-vincular::before {
    content: "\f0c1";
    font-family: "FontAwesome";
}

.pesquisar-imoveis__btn-vincular::after {
    text-decoration: underline;
}

.pesquisar-imoveis__btn-vincular {
    text-decoration: underline;
}

.casatabs__input:checked+.pesquisar-imoveis__btn-vincular::before {
    content: "\f044";
}

.pesquisar-imoveis__box {
    padding: 30px 15px 20px;
    background-color: #ecf0f3;
    border-bottom: 1px solid #dadada;
}

.pesquisar-imoveis__table-box {
    padding: 30px 0 0;
}

.content_table
{
    width: 100%;
    min-height: 650px;
}


.btn-pesquisar-imoveis--fixed {
    width: 100%;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.btn-pesquisar-imoveis--inline {
    width: 50%;
    position: absolute;
    right: 25%;
}

/* busca avançada */

.pesquisar-imoveis__busca-avancada-btn-box {
    width: 75px;
}

.pesquisar-imoveis__busca-avancada--container {
    padding: 30px 0 60px;
    position: fixed;
    top: 0;
    left: 0;
    height: calc(100vh - 60px);
    right: 0;
    overflow-y: scroll;
    background-color: #fff;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .5s cubic-bezier(.19, 1, .22, 1);
    transition: all .5s cubic-bezier(.19, 1, .22, 1);
    z-index: 855;
}

.pesquisar-imoveis__busca-avancada {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
}

.pesquisar-imoveis__busca-avancada--container.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.main.active .pesquisar-imoveis__busca-avancada {
    padding-left: 95px;
}

.pesquisar-imoveis__btn-busca-avancada-box {
    margin: 0 0 10px 30px;
}

.pesquisar-imoveis__btn-close-busca-avancada {
    width: 40px;
    height: 40px;
    margin: -10px -10px 0 0;
    color: #006bb4;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.atendimento-avancada-checkbox-container {
    margin-bottom: 14px;
}

.pesquisar-imoveis__accordion-label {
    height: 42px;
    margin-top: -1px;
    padding-left: 50px;
    position: relative;
    border-top: 1px solid #006bb4;
    border-bottom: 1px solid #006bb4;
    font-weight: bold;
    line-height: 40px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    cursor: pointer;
}

.no-touchevents .pesquisar-imoveis__accordion-label:hover {
    background-color: #ebebeb;
}

.pesquisar-imoveis__accordion-label::before {
    content: "\f0d7";
    position: absolute;
    top: 0;
    left: 24px;
    color: #2e3439;
    font-family: "FontAwesome";
    font-size: 18px;
    -webkit-transition: transform .3s;
    transition: transform .3s;
}

.pesquisar-imoveis__accordion-content {
    height: 0;
    margin: 0 -15px 0;
    padding: 0;
    -webkit-transition: all .4s cubic-bezier(.19, 1, .22, 1);
    transition: all .4s cubic-bezier(.19, 1, .22, 1);
    overflow: hidden;
}

.pesquisar-imoveis__input:checked+.pesquisar-imoveis__accordion-label+.pesquisar-imoveis__accordion-content {
    height: auto;
    margin-bottom: 9px;
    padding: 20px 0 0;
    overflow: visible;
}

.pesquisar-imoveis__input:checked+.pesquisar-imoveis__accordion-label+.pesquisar-imoveis__accordion-content:nth-last-child(1) {
    margin-bottom: 60px;
}

.pesquisar-imoveis__input:checked+.pesquisar-imoveis__accordion-label::before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.pesquisar-imoveis__accordion-interno-label {
    margin: 9px 15px 21px;
    position: relative;
    color: #006bb4;
    cursor: pointer;
}

.pesquisar-imoveis__accordion-interno-label::after {
    margin-left: 10px;
    content: "\f0d7";
    position: absolute;
    top: 1px;
    color: #006bb4;
    font-family: "FontAwesome";
    font-size: 18px;
    -webkit-transition: transform .3s;
    transition: transform .3s;
}

.pesquisar-imoveis__input:checked+.pesquisar-imoveis__accordion-interno-content+.pesquisar-imoveis__accordion-interno-label::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.pesquisar-imoveis__busca-avancada-cancelar-btn, .pesquisar-imoveis__busca-avancada-buscar-btn {
    margin-top: 30px;
}

.pesquisar-imoveis__accordion-interno-content {
    height: 106px;
    overflow: hidden;
}

.pesquisar-imoveis__input:checked+.pesquisar-imoveis__accordion-interno-content {
    height: auto;
}

/* ficha */

/*.pesquisar-imoveis__ficha-icon {
    margin-right: 10px;
    color: #006bb4;
    font-size: 18px;
}

.click__ficha{
    cursor: pointer;
}

.pesquisar-imoveis__ficha-text-box {
    margin: 0 30px 7px 0;
    display: inline-block;
}

.pesquisar-imoveis__ficha-box {
    margin-top: 13px;
    padding: 30px 15px;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 5px;
}

.pesquisar-imoveis__ficha-valor {
    font-size: 18px;
    font-weight: bold;
}

.pesquisar-imoveis__list::after {
    width: 1px;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    display: block;
    border-right: 1px solid #dadada;
}

.pesquisar-imoveis__list:nth-last-child(1)::after {
    display: none;
}

.pesquisar-imoveis__list-item {
    display: block;
    list-style-type: disc;
}

.pesquisar-imoveis__localizacao {
    height: 100%;
    padding: 0 0 30px 0;
}

.pesquisar-imoveis__map {
    width: 100%;
    height: 328px;
    min-height: 328px;
    margin-bottom: 22px;
    position: relative;
    display: block;
    background-color: #dadada;
    overflow: hidden;
}

.pesquisar-imoveis__gallery {
    margin-top: 30px;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    left: -99999999999999999999px;
    width: 0;
    height: 0;
}

.pesquisar-imoveis__gallery-btn-icon {
    margin-right: 10px;
    position: relative;
    top: 1px;
    color: #006bb4;
    font-size: 18px;
    -webkit-transition: color .3s;
            transition: color .3s;
}

.pesquisar-imoveis__gallery-btn {
    height: 45px;
    border-right: 1px solid #dadada;
    text-align: center;
    line-height: 45px;
    -webkit-transition: background-color .3s, color .3s;
            transition: background-color .3s, color .3s;
    cursor: pointer;
}

.no-touchevents .pesquisar-imoveis__gallery-btn:hover,
.pesquisar-imoveis__gallery-btn.active {
    background-color: #2e3439;
    color: #fff;
}

.no-touchevents .pesquisar-imoveis__gallery-btn:hover .pesquisar-imoveis__gallery-btn-icon,
.pesquisar-imoveis__gallery-btn.active .pesquisar-imoveis__gallery-btn-icon {
    color: #fff;
}

.pesquisar-imoveis__gallery-btn-pano:last-child {
    border-right: none;
}

.pesquisar-imoveis__gallery-box {
    position: relative;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15);
}

.pesquisar-imoveis__gallery-container {
    width: calc(100% - 270px);
    margin: 0 auto;
    position: relative;
}

.pesquisar-imoveis__gallery-wrapper {
    width: calc(200% + 60px);
    position: relative;
    left: -15px;
}

.pesquisar-imoveis__gallery-img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.pesquisar-imoveis__gallery-btn-next,
.pesquisar-imoveis__gallery-btn-prev,
.pesquisar-imoveis__gallery-thumbs-btn-next,
.pesquisar-imoveis__gallery-thumbs-btn-prev {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: -1px;
    background-color: #fff;
    color: #006bb4;
    border: 1px solid #dadada;
    border-radius: 0 5px 5px 0;
    font-size: 30px;
    text-align: center;
    line-height: 43px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer;
    z-index: 3;
}

.pesquisar-imoveis__gallery-btn-next,
.pesquisar-imoveis__gallery-thumbs-btn-next {
    left: auto;
    right: -1px;
    border-radius: 5px 0 0 5px;
}

.pesquisar-imoveis__gallery-thumbs {
    border-top: 1px solid #dadada;
}

.pesquisar-imoveis__gallery-thumbs-container {
    width: calc(100% - 270px);
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.pesquisar-imoveis__gallery-thumbs-wrapper {
    width: calc(100% + 30px);
    position: relative;
    left: -15px;
}

.pesquisar-imoveis__gallery-thumbs-item {
    width: calc(25% - 30px);
    height: 70px;
    background-color: #dadada;
    float: left;
    cursor: pointer;
}

.pesquisar-imoveis__gallery-thumbs-item.active {
    border: 2px solid #006bb4;
}

.pesquisar-imoveis__gallery-thumbs-img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.pesquisar-imoveis__table-ficha .ui__table-body .ui__table-col:first-child {
    font-weight: normal;
} */

/* listagem */

.pesquisar-imoveis__listagem {
    min-height: 650px;
}

.pesquisar-imoveis__listagem+ul {
    display: flex;
    flex-wrap: wrap;
}

.pesquisar-imoveis__listagem+ul li {
    width: 100%;
    margin-top: -1px;
}

.pesquisar-imoveis__listagem::before {
    content: "\f1ad";
    position: absolute;
    left: calc(50% - 31px);
    top: calc(50% - 36px);
    color: #006bb4;
    font-size: 72px;
    font-family: "FontAwesome";
}

.pesquisar-imoveis__listagem::after {
    content: "Não há resultado a ser exibido";
    position: absolute;
    left: calc(50% - 115px);
    top: calc(50% + 70px);
    font-weight: bold;
    line-height: 20px;
}

.pesquisar-imoveis__historico_busca {
    min-height: 650px;
}

.pesquisar-imoveis__historico_busca::before {
    content: "\f017";
    position: absolute;
    left: calc(50% - 31px);
    top: calc(50% - 36px);
    color: #006bb4;
    font-size: 72px;
    font-family: "FontAwesome";
}

.pesquisar-imoveis__historico_busca::after {
    content: "Não há buscas realizadas para este atendimento.";
    position: absolute;
    left: calc(50% - 183px);
    top: calc(50% + 50px);
    font-weight: bold;
    line-height: 20px;
}

.pesquisar-imoveis__nota {
    min-height: 650px;
}

.pesquisar-imoveis__nota::before {
    content: "\f24a";
    position: absolute;
    left: calc(50% - 31px);
    top: calc(50% - 36px);
    color: #006bb4;
    font-size: 72px;
    font-family: "FontAwesome";
}

.pesquisar-imoveis__nota::after {
    content: "Não há anotações realizadas para este atendimento.";
    position: absolute;
    left: calc(50% - 183px);
    top: calc(50% + 50px);
    font-weight: bold;
    line-height: 20px;
}

.pesquisar-imoveis__imovel {
    height: 100%;
    padding: 10px 5px;
    position: relative;
    background-color: #fff;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    -webkit-transition: border .3s;
    transition: border .3s;
}

/* li:last-child .pesquisar-imoveis__imovel {
    border-bottom: none;
    border-radius: 0 0 5px 5px;
} */

.no-touchevents .pesquisar-imoveis__imovel:hover {
    border: 1px solid #006bb4;
    z-index: 2;
}

.pesquisar-imoveis__infos {
    margin-top: 10px;
}

.pesquisar-imoveis__info {
    margin: 10px 25px 0 0;
}

.pesquisar-imoveis__info:last-child {
    margin-right: 0;
}

.pesquisar-imoveis__img-box {
    height: 150px;
    width: 210px;
    margin: 0 15px;
    /* padding: 10px; */
    position: relative;
    /* border: 1px solid #dadada; */
    border: none;
    /* border-radius: 5px; */
}

/* .pesquisar-imoveis__img-box::before {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    content: '';
    position: absolute;
    background: #c5c5c5 url(no-image.png) center no-repeat;
    border-radius: 5px;
} */

.pesquisar-imoveis__img-box img {
    height: 100%;
    width: 100%;
    position: relative;
    border-radius: 5px;
    object-fit: cover;
    overflow: hidden;
}

.pesquisar-imoveis__icon {
    margin-right: 8px;
    color: #006bb4;
}

.pesquisar-imoveis__referencia {
    color: #666;
}

.pesquisar-imoveis__valor {
    width: 100%;
    margin: 5px 0;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.pesquisar-imoveis__input {
    display: none;
}

.pesquisar-imoveis__label {
    margin-top: 20px;
    display: inline-block;
    color: #006bb4;
    cursor: pointer;
}

.pesquisar-imoveis__label::before {
    margin: 0 10px 0 1px;
    content: "\f067";
    font-family: "FontAwesome";
}

.pesquisar-imoveis__input:checked~.pesquisar-imoveis__content {
    height: auto;
}

.pesquisar-imoveis__input~.pesquisar-imoveis__content .ui__content-intern-box {
    padding: 0 15px;
    border: 1px solid #dadada;
}

.pesquisar-imoveis__input:checked~.pesquisar-imoveis__content .ui__content-intern-box {
    margin-top: 30px;
    padding: 30px 15px;
    border: 1px solid #dadada;
}

.pesquisar-imoveis__input:checked~.pesquisar-imoveis__content .ui__content-intern-close-btn {
    top: -30px;
    right: -15px;
}

.pesquisar-imoveis__mais-imoveis {
    margin: 30px 0;
}

/* histórico de busca */

.pesquisar-imoveis__historico .ui__table-body .ui__table-col:first-child {
    /*color: #006bb4;*/
    font-weight: normal;
    /*text-decoration: underline;*/
}

/* notas */

.pesquisar-imoveis__notas .ui__table-body .ui__table-col:first-child {
    font-weight: normal;
}

.pesquisar-imoveis__input {
    display: none;
}

.atendimento-notas-input {
    display: block;
    resize: none;
    line-height: 36px;
    overflow: hidden;
}

.pesquisar-imoveis__btn-anotacao {
    max-width: 374px;
    margin: 0 auto 21px;
    display: block;
    opacity: 1;
    overflow: hidden;
}

.pesquisar-imoveis-anotacao-box {
    position: absolute;
    top: 30px;
    pointer-events: none;
}

.pesquisar-imoveis-anotacao-box, .pesquisar-imoveis__input:checked+.pesquisar-imoveis__btn-anotacao {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    overflow: hidden;
}

.pesquisar-imoveis__input:checked~.pesquisar-imoveis-anotacao-box {
    position: absolute;
    top: 30px;
    opacity: 1;
    pointer-events: all;
}

/* .m-t-lg {
    margin-top: 20px;
} */

.atendimento-cliente-foto-box {
    width: 90px;
    height: 90px;
    position: relative;
    background-color: #ebebeb;
    overflow: hidden;
}

.atendimento-cliente-foto-box::after {
    width: 100%;
    height: 100%;
    content: "\f007";
    position: absolute;
    color: #acacac;
    font-family: "FontAwesome";
    font-size: 48px;
    line-height: 88px;
    text-align: center;
}

#app__atendimento-cliente-foto {
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border: 1px solid #dadada;
    border-radius: 5px;
    background-color: transparent;
}

/* meus atendimentos */

.meus-atendimentos__etapa-img {
    margin: 4px 0 0 0;
}

/* ==========================================================================
   = 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) {
    .casatabs__label--tabs:last-of-type {
        border-right: none;
        border-top-right-radius: 5px;
    }
    .pesquisar-imoveis__btn-busca-avancada-box {
        margin: 0 0 15px;
    }
    .pesquisar-imoveis__busca-btn {
        /* margin-right: -45px; */
        border-radius: 5px;
    }
    .pesquisar-imoveis__box {
        padding: 30px 0 15px;
    }
    .pesquisar-imoveis__box .ui__select-box {
        margin-bottom: 15px;
        border-radius: 5px;
    }
    .pesquisar-imoveis__img-box {
        width: 182px;
        height: 122px;
        margin: 0 15px 20px;
    }
    .pesquisar-imoveis__info {
        margin: 0;
    }
    .atendimento-removeinline-5 {
        margin-top: 20px;
    }
}

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

@media screen and (max-width: 768px) {
    .pesquisar-imoveis__btn-busca-avancada-box {
        margin-bottom: 10px;
    }
    .pesquisar-imoveis__btn-busca-avancada {
        width: 100%;
        margin: 0 auto 0;
        padding: 0 20px;
        display: inline-block;
    }
    .atendimento-avancada-checkbox-container {
        margin-bottom: 25px;
    }
    .atendimento-avancada-checkbox {
        margin: 0;
    }
    .atendimento-avancada-checkbox-label {
        margin: 5px 0;
    }
    .pesquisar-imoveis__btn-busca-avancada-text {
        margin-left: 6px;
        position: relative;
        top: -2px;
        font-size: 14px;
    }
    /*.pesquisar-imoveis__info {
        margin: 10px 25px 0 0;
    }
    
    .pesquisar-imoveis__valor {
        margin-top: 20px;
    }*/
    /* .pesquisar-imoveis__imovel {
        width: 50%;
        height: 494px;
        float: left;
    } */
    .pesquisar-imoveis__table-box {
        padding-top: 15px;
    }
    .pesquisar-imoveis__box {
        padding-bottom: 20px;
    }
    .pesquisar-imoveis__listagem+ul li {
        width: 50%;
        display: flex;
    }
    .pesquisar-imoveis__listagem+ul li:nth-of-type(odd) {
        border-right: 1px solid #dadada;
    }
    .pesquisar-imoveis__valor {
        margin-top: 20px;
    }
    .pesquisar-imoveis__img-box {
        width: 100%;
        height: 175px;
        margin: 0 15px 20px;
    }
    .pesquisar-imoveis__info {
        margin: 10px 0 0 0;
    }
    /* meus atendimentos */
    .atendimento--meus-atendimento .ui__table-col {
        padding-left: 60px;
    }
    .meus-atendimentos__etapa-img {
        max-width: 260px;
    }
    .app__atendimento-logo-parceiro img {
        height: 45px;
        position: absolute;
        right: -8px;
        top: -268px;
    }
}

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

@media screen and (max-width: 512px) {
    .casatabs__label--tabs:last-of-type, .casatabs__label--tabs:hover:last-of-type {
        border-radius: 0;
    }
    .pesquisar-imoveis__table-box {
        padding-left: 0;
        padding-right: 0;
    }
    .ui__content-box {
        width: auto;
        margin-left: -45px;
        margin-right: -45px;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }
    .atendimento-removeinline-9 {
        margin: 0 auto;
        position: relative;
    }
    .atendimento-removeinline-9 {
        margin: 0 auto;
        position: absolute;
        /* top: -21px; */
        right: 10px;
    }
    .pesquisar-imoveis__btn-busca-avancada {
        width: calc(100% - 60px);
        max-width: 100%;
        margin: 0 auto 10px;
    }
    .atendimento-avancada-checkbox-container {
        margin-bottom: 0;
    }
    .casatabs__tab-item, .casatabs__tab-item label, .casatabs__tab-item label:hover {
        width: 100%;
        max-width: 100%;
    }
    .tabcontainer-atendimento-tab--add {
        display: none;
    }
    .casatabs__tab-container {
        margin: 0 -30px;
        padding: 0 30px;
    }
    .casatabs__tab-container.tabcontainer-atendimento li.app__atendimento_aba:first-child .ui__btn {
        border-radius: 5px 5px 0 0;
    }
    /* .pesquisar-imoveis__imovel {
        width: 100%;
        height: auto;
        float: none;
    } */
    .pesquisar-imoveis__listagem+ul li {
        width: 100%;
    }
    .pesquisar-imoveis__listagem+ul li:nth-of-type(odd) {
        border-right: none;
    }
    /* notas */
    .atendimento-notas-input-box {
        display: block !important;
    }
    .atendimento-notas-input {
        width: 100%;
        height: 145px;
        margin-bottom: -1px;
        padding: 15px 20px;
        border-radius: 5px 5px 0 0 !important;
        line-height: 18px;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
    }
    .atendimento-notas-botao-add {
        width: 100%;
        min-width: 100%;
        margin: 0 0 10px !important;
        position: relative;
        border-radius: 0 0 5px 5px !important;
    }
    .atendimento-notas-botao-add-text {
        position: relative;
        margin-left: 10px;
        font-size: 14px;
    }
    .pesquisar-imoveis__notas .ui__table-head .ui__table-col {
        display: none;
    }
    .pesquisar-imoveis__notas .ui__table-head .ui__table-col[data-th="Anotação"] {
        display: block;
    }
    .pesquisar-imoveis__notas .ui__table-body .ui__table-col {
        padding: 5px 15px 5px 30px;
        display: block;
    }
    .pesquisar-imoveis__notas .ui__table-body .ui__table-col:first-child {
        padding: 25px 15px 5px 30px;
    }
    .pesquisar-imoveis__notas .ui__table-body .ui__table-col:last-child {
        padding: 5px 15px 25px 30px;
    }
    /* .pesquisar-imoveis__notas .ui__table-body .ui__table-col::before {
        margin-right: 5px;
        content: attr(data-th) ":";
        position: relative;
        display: inline-block;
        font-weight: 700;
    } */
    /* meus atendimentos */
    .imovel-pesquisa-selecao-campo {
        border-bottom: none;
        border-radius: 5px 5px 0 0;
    }
    .input-pesquisa-imovel {
        width: calc(100% - 61px);
        margin-left: 0;
        border-top-left-radius: 0;
    }
    .meus-atendimentos__busca-btn {
        border-top-right-radius: 0;
    }
    .app__atendimento-logo-parceiro img {
        height: 45px;
        position: absolute;
        right: 0;
        top: -225px;
    }
    .app__logo-imobiliaria-parceira {
        position: absolute;
        right: 0;
        top: -85px;
        height: 60px;
    }
}