.vista{
  min-height: 450px;
  height: auto;
}

.colorWhite{
  color           :#ecf0f1;
  font-size       : 15px;
}

.colorBlue , .input-field label.active  , .input-field label  {
  color           :#880e4f;
  font-size       : 15px;
}

.collapsible-header {
  font-size       : 20px;
  background-color: #27ae60;
  color           :#ecf0f1;
}

#hogar .separador{
  background-color: #27ae60;
  height          : 70px;
  width           : 100%
}

.subtitulos{
  color           : white;
  padding         : 4px;
  margin-left     : 10px;
  background-color: #27ae60;
}

.collapsible-body {
  padding-left: 5px;
  padding-right: 5px;
}

label.preguntas{
  font-size: 18px;
  color :#2196F3;
}

label.respuestas{
  color :#000;
}

.colorRed{
  color:red;
}

.titulo{
  text-align: center;
  font-size: 48px;
  color: #7e57c2;
}

#calcular{
  font-family: "Roboto", sans-serif;
  padding: 20px;
  background-color: #4caf50 ;
  color: white;
  cursor: pointer;

}

.boton-modificado{
  margin: 0px;
  height: 58px
}

.ventana{
  position: absolute;
  background-color:  #64DD17;
  color:white;
  width:auto;
  z-index: 455454;
  padding: 5px;
  float: right;

  border-radius: 5px;
}

.mensage{
  cursor: pointer;
}

.fecha > input{
  border-bottom: 0px;
}

.rotar{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
.border-tabla{
  border: 1px solid #2ecc71;

}

.border-tabla > td , .border-tabla > th{

  border: 1px solid #2ecc71;    }

  .alerta{

    background-color: #f44336 ;
    border-radius: 5px;
  }

  label.alerta{
    color: white;

  }
  .obligatorio{
    display: inline-block;
    color: red;
  }

  p#barra{
    padding: 5px;
    background-color: #2196F3;
    border-radius:5px;
    height: 5px;
    width: 100%;
  }

  #cod_municipio{
    display: none;
  }

  div.container2{
    padding: 30px;
  }



  select.error{
    border-bottom: 1px solid #F44336
  }

  .error select{
    border-bottom: 1px solid #F44336
  }


  input.error{  
    border-bottom: 1px solid #F44336;   
  } 

  .num > div > input{
    color: White;
    border-bottom: none;

  }
/*  input.validate.error {
    border-bottom: 1px solid #F44336;
  }

  input.name1.error {
    border-bottom: 1px solid #F44336;
  }

  input.edad.error {
    border-bottom: 1px solid #F44336;
  }

  input#fechaNacimiento.datepicker.picker__input.error {
    border-bottom: 1px solid #F44336;
    }*/

    .num {
      height: 60px;
      width: 200px;
      border-radius: 5px;
      background-color: #2cc36b;
    }

    .num > div {
      padding:8px;
    }

    #firmarFichaHogar{
      width: 100%;
    }

    #firmaModal{
      width: 200rem;
      max-height:100%;
      margin-top: -5%;
    }

    #firmaModal .modal-content {
      padding:0px;
    }

    .visto{
      background-color: #4CAF50 !important;
    }

/*
input[type=text]{
border-bottom: 1px solid #F44336;
}*/

.novalidoSelect input.select-dropdown{
  border-bottom: 1px solid #F44336;
}
.novalidoSelect input.valid{
  border-bottom: 1px solid #4CAF50;
}
.validSelect input.select-dropdown{
  border-bottom: 1px solid #4CAF50;
}

/*input#fechaNacimiento.datepicker.picker__input{
  border-bottom: 1px solid #F44336;
  }*/

  .v{
    background-color: red;
  }

  .bus:focus{
    background-color: red;
  }

  .buscar{
    position:absolute;
    border-color: green;
    margin: 0px;
    z-index: 22;
    background-color: white;
  }

  .buscar input{
    font-size: 15px;
    color: #000;
    border-bottom:#fff;
    margin: 0px;
  }

  .buscar  input[type=text]:focus.valid {
    border-bottom:#fff;
    box-shadow: 0 2px 0 0 #fff;
    margin: 0px;

  }

  #est .bus{
    display: block;
    height: 10px;
    border-color: none;
    border:none;
    width: 28rem;
    cursor: pointer;
    margin: 3px;
  }

  #est .bus:focus{
    background-color: blue;
    border-color: #fff;
    padding-top: 1px;
    padding-bottom: 1px;
  }


  #radiosClasf{

    background-color: #ffcdd2;
  }
/*
#radiosAiepi,#radiosAiepi1,#radiosAiepi2,#radiosAiepi3,#radiosAiepi4,#radiosAiepi5,#radiosAiepi6,#radiosAiepi7,#radiosAiepi8,#radiosAiepi9,#radiosAiepi10,#radiosAiepi11,#radiosAiepi12,#radiosAiepi13,#radiosAiepi14,#radiosAiepi15,#radiosAiepi16,#radiosAiepi17,#radiosAiepi18,#radiosAiepi19,#radiosAiepi20,#radiosAiepi21,#radiosAiepi22,#radiosAiepi23,#radiosAiepi24,#radiosAiepi25,#radiosAiepi26,#radiosAiepi27,#radiosAiepi28,#radiosAiepi29,#radiosAiepi30,#radiosAiepi31,#radiosAiepi32,#radiosAiepi33,#radiosAiepi34,#radiosAiepi35,#radiosAiepi36,#radiosAiepi37,#radiosAiepi38,#radiosAiepi39,#radiosAiepi40,#radiosAiepi41,#radiosAiepi42,#radiosAiepi43,#radiosAiepi44,#radiosAiepi45,#radiosAiepi46,#radiosAiepi47,#radiosAiepi48,#radiosAiepi49,#radiosAiepi50,#radiosAiepi51,#radiosAiepi52,#radiosAiepi53,#radiosAiepi54,#radiosAiepi55,#radiosAiepi56,#radiosAiepi57,#radiosAiepi58,#radiosAiepi59,#radiosAiepi60,#radiosAiepi61,#radiosAiepi62,#radiosAiepi63,#radiosAiepi64,#radiosAiepi65,#radiosAiepi66,#radiosAiepi67,#radiosAiepi561,#radiosAiepi562,#radiosAiepi563,#radiosAiepi564{
background-color: #ffcdd2;
}

#radiosAiepiB,#radiosAiepiB1,#radiosAiepiB2,#radiosAiepiB3,#radiosAiepiB4,#radiosAiepiB5,#radiosAiepiB6,#radiosAiepiB7,#radiosAiepiB8,#radiosAiepiB9,#radiosAiepiB10,#radiosAiepiB11,#radiosAiepiB12,#radiosAiepiB13,#radiosAiepiB14,#radiosAiepiB15,#radiosAiepiB16,#radiosAiepiB17,#radiosAiepiB18,#radiosAiepiB19,#radiosAiepiB20,#radiosAiepiB21,#radiosAiepiB22,#radiosAiepiB23,#radiosAiepiB24,#radiosAiepiB25,#radiosAiepiB26,#radiosAiepiB27,#radiosAiepiB28,#radiosAiepiB29{
background-color: #ffcdd2;
}
*/
.radiosAiepi{
  background-color: #ffcdd2;
}

/*#radiosKardex,#radiosKardex1{
background-color: #ffcdd2;
}*/

.bluOptions{
  border-bottom: 1px solid #2196f3;
}

.completo{
  background-image: linear-gradient(0deg,#2196F3 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,#4CAF50 1px,transparent 0) !important;
}

.completoSelects{
  background-image: linear-gradient(0deg,#4CAF50 1px,rgba(213,0,0,0) 0),linear-gradient(0deg,#4CAF50 1px,transparent 0) !important;
  border-bottom: 1px solid #ffffff !important;
}

.incompleto{
  background-image: linear-gradient(0deg,#2196F3 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,#F44336 1px,transparent 0) !important;
}

.incompletoSelects{
  background-image: linear-gradient(0deg,#F44336 1px,rgba(213,0,0,0) 0),linear-gradient(0deg,#F44336 1px,transparent 0) !important;
  border-bottom: 1px solid #ffffff !important;
}

.opcional{
  background-image: linear-gradient(0deg,#2196F3 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,#9e9e9e 1px,transparent 0) !important;
}

.l-campos{
  color: rgb(33, 150, 243);
  font-size: 15px
}
#EstAcord{
  border-top: 0px solid ;
  border-right: 0px solid;
  border-left: 0px solid;
  margin: 0px;
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 0px 0px 0 rgba(0,0,0,0);
}

#EstAcordion{
  font-size: 14px;
}

#imgSelect{
  float: right;
  margin-right: 0rem;
  width: 1rem;
}

div#riesgoAlto [type="radio"]:not(:checked)+label:before, div#riesgoAlto [type="radio"]:not(:checked)+label:after {
  border: 2px solid #F44336 !important;
}

div#riesgoAlto [type="radio"]:checked+label:after, div#riesgoAlto [type="radio"].with-gap:checked+label:before, div#riesgoAlto [type="radio"].with-gap:checked+label:after {
  border: 2px solid #F44336 !important;
}

div#riesgoAlto [type="radio"]:checked+label:after, div#riesgoAlto [type="radio"].with-gap:checked+label:after{
  background-color: #F44336 !important;
}

div#riesgoAlto [type="radio"]:checked+label:after, div#riesgoAlto [type="radio"].with-gap:checked+label:before, div#riesgoAlto [type="radio"].with-gap:checked+label:after {
  border: 2px solid #F44336 !important;
}



div#riesgoMedio [type="radio"]:not(:checked)+label:before, div#riesgoMedio [type="radio"]:not(:checked)+label:after {
  border: 2px solid #ff9800 !important;
}

div#riesgoMedio [type="radio"]:checked+label:after, div#riesgoMedio [type="radio"].with-gap:checked+label:before, div#riesgoMedio [type="radio"].with-gap:checked+label:after {
  border: 2px solid #ff9800 !important;
}

div#riesgoMedio [type="radio"]:checked+label:after, div#riesgoMedio [type="radio"].with-gap:checked+label:after{
  background-color: #ff9800 !important;
}

div#riesgoMedio [type="radio"]:checked+label:after, div#riesgoMedio [type="radio"].with-gap:checked+label:before, div#riesgoMedio [type="radio"].with-gap:checked+label:after {
  border: 2px solid #ff9800 !important;
}



div#riesgoBajo [type="radio"]:not(:checked)+label:before, div#riesgoBajo [type="radio"]:not(:checked)+label:after {
  border: 2px solid #4CAF50 !important;
}

div#riesgoBajo [type="radio"]:checked+label:after, div#riesgoBajo [type="radio"].with-gap:checked+label:before, div#riesgoBajo [type="radio"].with-gap:checked+label:after {
  border: 2px solid #4CAF50 !important;
}

div#riesgoBajo [type="radio"]:checked+label:after, div#riesgoBajo [type="radio"].with-gap:checked+label:after{
  background-color: #4CAF50 !important;
}

div#riesgoBajo [type="radio"]:checked+label:after, div#riesgoBajo [type="radio"].with-gap:checked+label:before, div#riesgoBajo [type="radio"].with-gap:checked+label:after {
  border: 2px solid #4CAF50 !important;
}

.selectRequerido{
  border-bottom: 1px solid #F44336 !important;
}

.selectCompleto{
  border-bottom: 1px solid #2196F3 !important; 
}

.paddright{
  padding-right: 15px;
}

.divbread{
  color: rgba(0,0,0,.54);
  display: inline-block;
  letter-spacing: 0;
  margin: 0;
  vertical-align: top;
  white-space: nowrap;
  padding-left: 10px;
}

.marginright{
  margin-right: -130px;
}

@media only screen and (max-width: 992px) {
  .divbread{
    display: none;
  }
}

.breadcumbColor{
  color: #ad1457  !important;
}

.breadcumbColor:hover{
  color: #880e4f  !important;
}

div.breadcummobile .breadcrumb:before{
  color: #ad1457  !important;
  font-size: 21px;
}

div.breadcummobile .breadcrumb:last-child{
  color: #880e4f  !important;
}

.breadcummobile{
  padding-top: 15px;
}

@media only screen and (min-width: 992px) {
  .breadcummobile{
    display: none;
  }
}

div.dropdowncontentpadding .dropdown-content .active{
  top: 64px !important;
}

.activa {
  color: #ffffff !important;
}

.activa2 {
  color: #880e4f !important;
}


span.divbread .breadcrumb:hover{
  color: #ffffff;
}

div#cie10 div.collection{
  margin: 0rem 0 0rem 0 !important;
  border: 0px solid #ffffff !important;
}

.badgepersonalizado {
  min-width: 3rem !important;
  padding: 4px 18px !important;
  margin-left: 0px !important;
  text-align: center !important;
  font-size: 1rem !important;
  line-height: 22px !important;
  height: 22px !important;
  color: #ffffff !important;
  float: initial !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  border-radius: 3px !important;
}

.badgepersonaliza2 {
  min-width: 3rem !important;
  padding: 4px 46px !important;
  margin-left: 0px !important;
  text-align: center !important;
  font-size: 1rem !important;
  line-height: 22px !important;
  height: 22px !important;
  color: #ffffff !important;
  float: initial !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  border-radius: 3px !important;
}

#tp1 td{
  border-radius: 0px !important;
}

#tp2 td{
  border-radius: 0px !important;
}

.backbottom {
  position: absolute;
  margin-top: 20px;
  margin-left: 50px;
}

.card-login{
  min-height: 500px;
  width: 450px;
  border-radius: 5px !important;
}

.card-sincronizacion{
  min-height: 365px;
  border-radius: 5px !important;
}

.badgesconsultas {
  position: absolute;
  text-align: left !important;
  top: 15px;
  left: 20px;
}

@media only screen and (min-width: 360px) {
  .backbottom {
    position: absolute;
    margin-top: -35px;
    margin-left: 0px;
  }
}

@media only screen and (min-width: 993px){
  .backbottom {
    position: absolute;
    margin-top: 20px;
    margin-left: 50px;
  }
}

input{
  box-shadow: none !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

input{
  background: no-repeat bottom,50% calc(100% - 1px) !important;
  background-size: 0 100%,100% 100% !important;
  border: 0 !important;
  transition: background 0s ease-out !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

input{
  background-image: linear-gradient(0deg,#2196F3 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,#9E9E9E 1px,transparent 0) !important;
}

input:required:invalid{
  background-image: linear-gradient(0deg,#2196F3 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,#F44336 1px,transparent 0) !important;
}

input:required:valid{
  background-image: linear-gradient(0deg,#2196F3 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,#4CAF50 1px,transparent 0) !important;
}

input[type="date"]:required:valid{
  background-image: linear-gradient(0deg,#7e57c2  2px,rgba(126,87,194) 0),linear-gradient(0deg,#4CAF50 1px,transparent 0) !important;
}

input:focus{
  background-size: 100% 100%,100% 100% !important;
  transition-duration: .3s !important;
}

select{
  box-shadow: none !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

select{
  background: no-repeat bottom,50% calc(100% - 1px) !important;
  background-size: 0 100%,100% 100% !important;
  transition: background 0s ease-out !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-color: #ffffff !important;
}

select{
  background-image: linear-gradient(0deg,#2196F3 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,#9E9E9E 1px,transparent 0) !important;
}

select:required:invalid{
  background-image: linear-gradient(0deg,#2196F3 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,#F44336 1px,transparent 0) !important;
}

select:required:valid{
  background-image: linear-gradient(0deg,#2196F3 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,#4CAF50 1px,transparent 0) !important;
}

select:focus{
  background-size: 100% 100%,100% 100% !important;
  transition-duration: .3s !important;
}


textarea{
  box-shadow: none !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

textarea{
  background: no-repeat bottom,50% calc(100% - 1px) !important;
  background-size: 0 100%,100% 100% !important;
  border: 0 !important;
  transition: background 0s ease-out !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

textarea{
  background-image: linear-gradient(0deg,#2196F3 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,#9E9E9E 1px,transparent 0) !important;
}

textarea:required:invalid{
  background-image: linear-gradient(0deg,#2196F3 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,#F44336 1px,transparent 0) !important;
}

textarea:required:valid{
  background-image: linear-gradient(0deg,#2196F3 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,#4CAF50 1px,transparent 0) !important;
}

textarea:focus{
  background-size: 100% 100%,100% 100% !important;
  transition-duration: .3s !important;
}

.mobilecollapsibleheader{
  font-size: 16px !important;
  color: rgba(0,0,0,0.87) !important;
}

.mobilecollapsiblebody a{
  color: #2196F3 !important;
}

.mobilecollapsiblebody i{
  right: 15px !important;
  position: absolute !important;
}

.indv a{
  padding: 0px 16px !important;
}

#multi i{
  margin: 0 0px 0 0 !important;
}

.bottomSpace{
  margin-bottom: 20px;
}

.floatleft{
  float: left;
}

.cursor{
  cursor: pointer;
}

.sinpersonalizar{
  background-color: #aaa;
}

.blur {
  text-shadow: 1px 1px 5px #aaa;
  color: transparent;
}

.highlight {
  font-weight:bold;
  background-color: #ddeedd;
}

.uppercase{
  text-transform: uppercase !important;
}

div#codReadOnly input:-moz-read-only {
  background-image: linear-gradient(0deg,#2196F3 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,#4CAF50 1px,transparent 0) !important;
}

div#codReadOnly input:read-only {
  background-image: linear-gradient(0deg,#2196F3 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,#4CAF50 1px,transparent 0) !important;
}

.pTop {
  padding-top: 5px !important;
}

.log-in{
  background-image: linear-gradient(0deg,white 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,white 1px,transparent 0) !important;
}