/*Menú movil*/
.navmovil .menudespl{ 
    /*margin-top: 9px;*/  
    box-shadow: 0px 10px 10px 0px rgba(4, 55, 133, 0.3);
}
.navmovil .menudespl > ul li a{
    padding: 0;
    margin: 10px 0;
    color: rgb(179,203,24)!important;
}
.navmovil .menudespl > ul li.active{
    background-color: rgb(4, 55, 133);
}

span.select2.select2-container.select2-container--default{
    width: 100%!important;
}
#menuDespl{
    width: 100%;
}

.vistaMovil > .row {
    width: 100%;
    margin: 0;
}
.vistaMovil > .row div.col-6 {
    padding: 0;
}
.vistaMovil > .row a{
    font-size: 13px;
    color: rgb(4, 55, 133);
    background-color: rgb(214, 214, 214);
    /*background-color: rgb(179,203,24);*/
    font-weight: 600;
    display: block;
    text-align: center;
    margin: 5px;
    padding: 15px;
    border: 1px solid rgb(4, 55, 133);
    border-radius: 10px;
    
}
.vistaMovil > .row a > i{
    margin-right: 5px;
}
.agenda .actividades hr{    
    border-top: 1px solid rgb(4, 55, 133);
}
.agenda .actividades .actividadInfo .actividad{
    /*height: 75px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #f1f1f1;
}
.agenda .actividades .actividadInfo .detCliente{
    font-size: 12px;
    padding-left: 10px;
}
.agenda .actividades .actividadInfo .detCliente > a{
    color: rgb(0, 0, 0);
    text-decoration: underline;
}
.agenda .actividades .actividadInfo .actividad .hora{
    width: 15%;
}
.agenda .actividades .actividadInfo .actividad .descripcion{
    width: 75%;
    display: flex;
    flex-flow: column;
}
.agenda .actividades .actividadInfo .actividad .descripcion > a{
    color: rgb(4, 55, 133);
}
.aviso, .demandaMovil, .inmuebleMovil{
    border: 1px solid rgb(4, 55, 133);
    color: rgb(4, 55, 133);
}
.aviso > .avisoRef{
    font-weight: 600;
    text-decoration: underline;
}
.aviso .avisoContacto{
    font-weight: 600;
}
.aviso .avisoConDatos > a{
    text-decoration: underline;
    color: rgb(4, 55, 133);
}
/* Estilos Movil */
.buscadorMovil{
    border: 1px solid rgb(4, 55, 133);
    border-radius: 0.25rem;
}
.buscadorMovil > input{
    border: 0;
}
.buscadorMovil .input-group-append > .input-group-text{
    background-color: white;
}
.contactovMovil{
    background-color: white;
    color: rgb(4, 55, 133);
    border: 1px solid rgb(4, 55, 133);
    border-radius: 0.25rem;
}
.contactovMovil .nombre{
    font-weight: 600;
}
.contactovMovil .conDatos a{
    text-decoration: underline;
    color: rgb(4, 55, 133);
}
.contactovMovil .fechas > .fecha{
    color: rgb(179,203,24);
}

.demandaMovil p.detCliente {    
    border-top: 1px solid rgb(4, 55, 133);}

.demandaMovil .detCliente a{
    color: rgb(4, 55, 133);
    text-decoration: underline;
}
.demandaMovil .demandaDescrip {
    font-size: 12px;
    display: flex!important;
    align-items: center;
    justify-content: space-between;
}
.demandaMovil .demandaDescrip > a {
    color: rgb(4, 55, 133);
}

.inmuebleMovil .inmuebleDescrip {
    font-size: 12px;
    border-top: 1px solid rgb(4, 55, 133);
    display: flex!important;
    justify-content: space-between;
    align-items: center;
}
.inmuebleMovil .infoInmueble {
    display: flex!important;
    justify-content: space-between;
    align-items: center;
    padding: 2px 0;
}
.inmuebleMovil .inmuebleDescrip > a {
    color: rgb(4, 55, 133);
}

.actividadesMovil .actividadMovil, .crucesMovil .cruceMovil {
    padding: 5px;
    border-bottom: 1px solid rgb(4, 55, 133);
}
.actividadesMovil .actividadMovil > .infoActividad{
    border-top: 1px solid rgb(170,170,170);
    color: rgb(4, 55, 133);
    padding: 3px 5px;
    display: flex;
    align-items: center;
}
.actividadesMovil .actividadMovil > .infoActividad img, .crucesMovil .cruceMovil > .infoCruce img{
    width: 70px;
}
.actividadesMovil .actividadMovil > .descripActividad {
    color: rgb(4, 55, 133);
}

.crucesMovil .cruceMovil > .infoCruce{
    color: rgb(4, 55, 133);
    display: flex;
    align-items: center;
}

#carrouselDetInmuebleMovil{
    width: 95%;
    margin: auto;
}
/* Estilos Movil */

/*icheckBox*/
.transacc .icheck_line-icon{
    left: 25%!important;
}

/* Linea vertical */
.row.vdivide [class*='col-']:not(:last-child):after {
    background: #e0e0e0;
    width: 1px;
    content: "";
    display:block;
    position: absolute;
    top:0;
    bottom: 0;
    right: 4px;
    min-height: 70px;
}
#checkModInm{
    width: 120px;
    line-height: 35px;
}
.spanModInmueble{
width: 85px;
}
/* scroll modal editar inmueble */
.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}
/* estilo scroll modal */
#scroll::-webkit-scrollbar-track
{
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

#scroll::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

#scroll::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-image: -webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.44, rgb(122,153,217)),
    color-stop(0.72, rgb(73,125,189)),
    color-stop(0.86, rgb(28,58,148)));
}


@media (max-width: 767px){
    /* mantener flex los elementos, si no se cambiaban a block */
    .card .d-flex{display:flex!important}
    #creaPol{display:none;}
}

/*
    Buscador lista inmueble
*/
#custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 6px 0 0 0;
    
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: 1px solid #ccc;
}

#custom-search-input .ti-search{
    font-size: 14px;
}
.spanEtiquetaTipo{
    background-color: #c4dbff;
}

.spanEtiquetaNombre{
    background-color: #ffeeb8;
}
.progressBarBgRed{
    background-color: #ff7e8b!important; 
    height: 6px;
}
.progressBarBg0, .progressBarBg1, .progressBarBg2, .progressBarBg3, .progressBarBg4{
    background-color: #ff7e8b!important; 
    height: 6px;
}

.progressBarBg5, .progressBarBg6, .progressBarBg7{
    background-color: #fec107!important;
    height: 6px;
}

.progressBarBg8, .progressBarBg9, .progressBarBg10{
    background-color: #00c292!important; 
    height: 6px;
}

.progressBarBgSuccess{
    background-color: #c2da2f!important; 
    height: 6px;
}
.pendiente{
    background-color: #ff7e8b!important;
    padding: 0 5px;
    margin-left: 10px;
    color: white!important;
    font-size: 13px!important;
    color: black;
    
}
.visitando{
    background-color:  #c2da2f!important;
}
.prospecto{
    background-color: #ffeeb8;
}
.contacto{
    background-color: #c4dbff;
}
.negociacion{
    background-color: #da9b2f;
}
.inactivo{
    background-color: #c7b446;
}
.ganado{
    background-color: #9acd32;
}
.actReciente:hover{
    background-color: #e4e2e2;
}

.rating {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
  follow these rules. Every browser that supports :checked also supports :not(), so
  it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    /* padding:0 .1em; */
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:300%;
    /* line-height:1.2; */
    color:#ddd;
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #043785;

}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: #043785;

}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #043785;

}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

.galeria ul{ 
    margin: 0; 
    padding: 0; 
    list-style-type: none;
}
.galeria ul li{ 
    padding: 7px; 
    border: 5px solid white; 
    float: left; 
    margin: 10px 11px; 
    background: none; 
    width: auto; 
    height: auto;
}

.etiquetas p{
   background-color: #5493d2;
}
.etiquetas p:hover {
    cursor: pointer;
    background-color: #326aa2;
}

.tablaUsus tr th, .tablaUsus tr td{
    padding: 5px;
}

.tablaUsus tr#objetivos{
    text-align: center;
}
.tablaUsus tr td{
    text-align: center;
    vertical-align: middle;
    width: 150px;
    font-size: 20px;
}

.tablaUsus tr td span{
    margin: 5px;
}
.informes{
    min-height: 150px;
}
.informes:hover{
    background-color: #f7f7f7;
}
.informes .card-body a{
    position: absolute;
    bottom: 22px;
}
.informesDiv {
    z-index: 1;
}

.informesDiv i{
    position: absolute;
    z-index: -1;
    color: rgba(219, 219, 219);
    bottom: 20px;
    right: 20px;
    opacity: 0.7
}