/* Configuraciones mobil */

@media (max-width: 766px) {
    .col-md-3{
        width: 30% !important;
        padding-left: 33px !important;
        padding-right: 0px !important;
        text-align: center;

    }
    .col-md-12, .col-sm-12{

        text-align: center;

    }

    .section{
        width: 89% !important;
        float: right !important;
    }
    .thumbnail a img{
        width: 70px !important;
        height: auto;
        vertical-align: middle;
        border-radius: 100%;
        box-shadow: 2px 6px 5px #979797; 
    }
  
    .caption p{
        margin-top: 21%;
}.add {
    width: 100% !important; 
    padding-left: 1% !important;
}
/* .section {
    width: 95%;
  
} */
#btn-addcasa{
    margin-bottom: 9%;
}
.mo2 {
    display: none !important;
    text-align: center;
}
.card-header {
    padding: 0px;
}
.mo1{
    /* width: 100%; */
    float: left; padding-right: 14px; padding-left: 20px;
    text-align: center;
}
.btn-block1 {
    width: 100%;
}
.accordion{
    width: 100% !important;
}
.container-fluid{
    padding-right: 0px; padding-left: 0px; 
   }
   .mo{
    width: 100%;
    text-align: center;
}
.precio{
    width: 25% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center;
    padding-bottom: 1% !important;
}
.precio1{
    width: 100% !important;
    padding-left: 64px !important;
    padding-right: 0px !important;
    text-align: center;
    padding-bottom: 15% !important;
}
h5{
    font-size: 1.25rem !important;
}
.mo3{
    /* width: 100%; */
    text-align: center;
    float: left;
}
.mo0{
    /* width: 100%; */
    text-align: center;
    float: left;
}.btn-vigilancia{
    margin-top: 5%;
}
.buscar-vigilante{
    width: 91%;
    margin-top: 3%;
    margin-bottom: 6%;
}
.mo4{
    width: 49% !important;
    text-align: center;
    float: left;
    margin-left: 1%;
}
.spc{
    padding-top: 4%;
}
tbody th {
 
	/* position: absolute !important; */
	left: 0;
	background-color: 2px solid rgba(228, 225, 225, 0)

  }
  thead th {
	position: -webkit-sticky;
	/* position: fixed !important; */
	top: 0;
	background: rgb(189, 186, 186);
	color: rgb(29, 27, 27);
  }
.file{
    width: 100% !important;
    margin-top: 5%;
    margin-bottom: 4%;
}
.fil{
    width: 100% !important;
    margin-right: 3%!important;
}
.cper{
    width: 100% !important;
    margin-bottom: 4%;
}
.divpagos{
    margin-top: 5%;
}
.section{
    width: 96% !important;
}
.msj{
    margin-top: 5%;
    width: 100% !important;
    height: 150px !important;
     max-width: 100% !important;
}
#space{
    margin-bottom: 7%;
}
.btn-cas{
    margin-top: 4%;
    margin-left: 25%;
}
.cargar{
    margin-top: 5%;
    width: 70%;
    margin-left: 12%;
}
.btn-cobro{
    width: 60%;
    margin-left: 19%;
margin-top: 3%;
}
.cob{
    width: 100% !important;
}

.btn-lg {
    width: 55% !important;
    margin-top: 1%;
    margin-bottom: 5%;
    /* margin-left: 21%; */
}
.btn-lgg {
    width: 55% !important;
    margin-top: 1%;
    margin-bottom: 5%;
    margin-left: 21% !important;
}
.btn-lggg {
    width: 55% !important;
    margin-top: 4%;
    margin-bottom: 5%;
    
}
.dp{
   
        width: 55% !important;
        margin-top: 1%;
        margin-bottom: 5%;
        margin-left: 21% !important;
    }
.btn-cobro1{
    width: 50%;
    margin-top: 5%;
    margin-bottom: 3%;
}
.inputs{
    margin-right: 4%;
}
.cca{
    margin-bottom: 3%;
}
.cg{
    margin-bottom: 3%;
}
.ccg{
    margin-bottom: 3%; width: 100%;
}
.btn-cg{
    width: 45%;
    margin-left: 27%;
    margin-bottom: 4%;
}
.msj-not{
    width: 48px;
    height: auto;
}
.not{
    float: left; padding-bottom: 8%; padding-left: 0%;
}
.btn-not{
    margin-right: 1%;
}
.col-lg-1{
    position: relative;
    width: 20%;
    margin: auto;
    padding-right: 2px;
    padding-left: 2px;
}
}
.footer-copyright {
    background-color: #979797;
}
.footer{
    width: 100%;
	height: auto;
	position: fixed;
	bottom: 0;
}
.add-cobro{
    margin-left: 30px !important;
}
.add-casa{
    margin-left: 30px !important;
}
.add-cuenta{
    margin-left: 30px !important;
}
.add-admin{
    margin-left: 32px !important;
}
.add-pago{
    margin-left: 38px !important;
}
/* .add-cta-frac{
    margin-left: 30px !important;
} */
/* Ajustes desktop */

@media (min-width: 1050px) {
.col-md-3{
        max-width: 16% !important;
        padding-left: 60px !important;
    }
.section{
        float: right;
    }
  section-addcuenta{
        height: 100%;
        width: 86%;
        background: rgb(255, 255, 255);
        float: right;
    }
#btn-addcuenta{
        width: 80%;
    }
.btn-block1 {
        width: 100%;
    }
.contenido2  {
        width: 55%;
        text-align: center;
        margin-left: 23%;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-bottom: 1%;
} .accordion{
    width: 80% !important;
}
.mo0{
    text-align: center;
    float: left;
}
.btn-cg{
    width: 35%;
    margin-left: 27%;
}
/* .mo1{
    display: none !important;
    text-align: center;
    float: left;
}
.mo2{
    float: left; 
    padding-right: 14px; padding-left: 20px;
    width: 100%;
    text-align: center;
} */
.btn-vigilancia{
    float: right !important;
    margin-right: 7% !important;
}
.btn-cas{
    
    margin-left: 11% !important;
}
.buscar-vigilante{
    width:78.5%;
    margin-left: 1.5%;
    margin-top: 3%;
    margin-bottom: 1%;
}
.mo4{
    width: 32% !important;
    text-align: center;
    float: left;
    margin-left: 1%;
}
tbody th {
	/* position: -webkit-sticky;  */
	/* position: sticky; */
	left: 0;
	background-color: 2px solid rgba(228, 225, 225, 0)

  }
thead th {
	/* position: -webkit-sticky; */
	/* position: sticky; */
	top: 0;
	background: rgb(189, 186, 186);
	color: rgb(29, 27, 27);
  }
.file{
    margin-left: 3% !important;
    width: 33%;text-align: center; margin-top: .5%;
  }
.fnueva{
    margin-left: 10% !important;
  }
.conte{
    float: left; padding-bottom: .5%; padding-top: 1%;margin-left: 19%;
  }
.conet3{
    width: 50% !important; 
    margin-left: 19% !important; 
    text-align: center;
    float: left; 
    border-bottom: 1%;
}
.cargar{
    margin-left: 27% !important;
    width: 42.5%;

}
.cobro1{
    float: left; padding-bottom: .5%; padding-top: 1%;margin-left: 19%;
}
.btn-cobro{
    margin-left: 26.5%;
    width: 49%;
}
#comentario{
    width: 100% !important;float: left;
}
.btn-cobro1{
    margin-left: 26.5%;
    width: 49%;
    margin-top: 5% !important;
}
.ccasos{
    width: 26% !important; text-align: center;float: left; margin-right: 1%;
}
.ccg{
    padding-bottom: 1px; width: 230px;
}
#accordion{
    width: 100% !important;
}
.cper{
    width: 74% !important;
    float: left;
}
.btn-lgg {
    width: 55% !important;
    margin-left: 21% !important;
    margin-top: 1%;
    margin-bottom: 2%;
}
.btn-lggg {
    width: 55% !important;
    margin-left: 21% !important;
    margin-top: 1%;
    margin-bottom: 2%;
}
.msj-not{
    width: 60px;
    height: auto;
}
.not{
    float: left; padding-bottom: 8%; padding-left: 16%;
}
.menu-orizontal{
  display: none;
}
.img-contenido{
display: none;
}
.page-footer{
    display: none;
}
.footer{
display: none;
}
/* .da-thumbs li a{
    font-family: "PT Sans Narrow"; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; 
} */
.da-thumbs li a:hover{
    color: #fff !important;
} 
.add-casa{
    margin-left: 170px !important;
}
.add-admin{
    margin-left: 170px !important;
}
.add-cuenta{
    margin-left: 130px !important;
}
.add-cobro{
    margin-left: 130px !important;
}
.add-pago{
    margin-left: 85px !important;
}
}

/* medidas de tablet y minilap */
@media (min-width: 768px) {
.col-md-3{
        max-width: 16% !important;
        padding-left: 40px !important;
    }
.thumbnail a img{
        width: 120px !important;
        height: auto;
        display: block;
        vertical-align: middle;
        padding: 1rem;
        border-radius: 100%;
        box-shadow: 2px 6px 5px #979797; 
    }
    #comentario{
        width: 69%;float: left;
    }
.caption p{
        margin-top: 20%;
    }
.section{
        margin-left: 9%;
        float: right;
        margin-top: 5%;
      }

.btn-block {
        width: 95%;
    }
.contenido2  {
        width: 55%;
        text-align: center;
        margin-left: 23%;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-bottom: 1%;
}
.btn-block1 {
    width: 100%;
}
.add-cta-frac{
    width:100% !important; text-align: center;float: left; margin-right: 1%;
}
.btn-vigilancia{
    float: right !important;
    margin-right: 4% !important;
}
.btn-cas{
    margin-left: 40% !important;
    margin-top: 4%;
}
/* .mo1{
   display: none !important;
    text-align: center;
    float: left;
} */
.mo{
    float: left; padding-right: 14px; padding-left: 20px;
    width: 100%;
    text-align: center;
}
/* .mo2{
    float: left; 
    padding-right: 14px; padding-left: 20px;
    width: 2%;
    text-align: center;
} */
.mo0{
    text-align: center;
    float: left;
}
.mo4{
    width: 32% !important;
    text-align: center;
    float: left;
    margin-left: 1%;
}
tbody th {
	/* position: -webkit-sticky;  */
	position: sticky;
	left: 0;
	background-color: 2px solid rgba(228, 225, 225, 0)

  }
.card-header {
    padding: 0px !important;
}
#accordion{
    width: 80% !important;
}
.btn-block3{
    width: 100%;
}  
thead th {
	/* position: -webkit-sticky; */
	/* position: sticky; */
	top: 0;
	background: rgb(189, 186, 186);
	color: rgb(29, 27, 27);
  }
tbody th {
	/* position: -webkit-sticky;  */
	/* position: sticky; */
	left: 0;
	background-color: 2px solid rgba(228, 225, 225, 0)

  }
.file{
    margin-left: 3% !important;
    width: 33%;text-align: center;
  }

.conte{
    float: left; padding-bottom: .5%; padding-top: 1%;margin-left: 19%;
  }
.conte3{
    width: 45% !important;
    margin-left: 19%; text-align: center;float: left; border-bottom: 1%;
  }
  .cargar{
      margin-left: 31.5%;
      width: 42.5%;

  }
  .cobro1{
    float: left; padding-bottom: .5%; padding-top: 1%;margin-left: 19%;
}
.btn-cobro{
    margin-left: 26.5%;
    width: 49%;
}
.btn-cobro1{
    margin-left: 26.5%;
    width: 49%;
    margin-top: 9% !important;
}
.btn-lg {
    width: 55%;
    margin-left: 21% !important;
    margin-top: 1%;
    margin-bottom: 2%;
}
.col-sm-3 {
    max-width: 24.5% !important;
}
#comentario{
    width: 80%;float: left;
}
/* .inputs{
    margin-left: 5%;
} */
.ccasos{
    width: 26% !important; text-align: center;float: left; margin-right: 1%;
}
.cc{
    float: left;
    text-align: center;
    width: 25% !important;
}
.precio {
    padding-bottom: 2% !important;
}
.ccg{
    padding-bottom: 1px; width: 230px;
}
.btn-cg{
    width: 35%;
    margin-left: 27%;
}
.inputvigilancia{
    margin-left: 5% !important;
}
#accordion{
    width: 80%;
}
.col-md-12 {
    padding-right: 3% !important;
}
.cper{
    width: 74% !important;
    float: left;
}
.btn-lgg {
    width: 55% !important;
    margin-left: 21% !important;
    margin-top: 1%;
    margin-bottom: 2%;
}
.btn-lggg {
    width: 55% !important;
    margin-left: 21% !important;
    margin-top: 1%;
    margin-bottom: 2%;
}
.msj{
    margin-top: 5%;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    height: 150px;
}
.msj-not{
    width: 60px;
    height: auto;
}
.not{
    float: left; padding-bottom: 8%; padding-left: 16%;
}
.btn-not{
    width: 55% !important;
    margin-top: 13% !important;
    margin-left: 21%;
}
.page-footer{
    display: none;
}
.footer{
    display: none;
}
.add-casa{
    margin-left: 130px;
}
.add-admin{
    margin-left: 130px;
}
.add-cuenta{
    margin-left: 110px;
}
.add-cobro{
    margin-left: 110px;
}
.add-pago{
    margin-left: 90px !important;
}
.input-group {
   
    width: 98%;
}
}