.table-responsive td {     vertical-align: middle; }
.dataTables_length select { width: 90px; margin: 0 20px ;  }
.dataTables_wrapper .dataTables_filter input{     max-width: 180px;  }

.invalid-feedback {     background: #ffdcdc;    padding: 10px;    margin: 5px 0;     border-radius: 5px;}
 

.card.border.state_-1 { border-left-color: #005D5E; }
.card.border.state_0 { border-left-color: #8895A7; }
.card.border.state_1 { border-left-color: #EFB427; }
.card.border.state_2 { border-left-color: #e66210; }
.card.border.state_3 { border-left-color: #003eb0; }
.card.border.state_4 { border-left-color: #39b000; }
.card.border.state_5 { border-left-color: #cb1f1b; }
.card.border.state_6 {border-left-color: #dc6e6b;  }

.label {     min-width: 80px;     text-align: center;  }
.label.state_-1 { background: #005D5E; }
.label.state_0 { background: #8895A7; }
.label.state_1 { background: #EFB427; }
.label.state_2 { background: #e66210; }
.label.state_3 { background: #003eb0; }
.label.state_5, .label.error { background: #cb1f1b; } 
.label.state_4, .label.success { background: #39b000; }
.label.state_6   { background: #dc6e6b;  }
.label.state_7   { background: #dc6e6b;  }
.label.state_8   { background: #ee3975;  }


.switch { position: relative; display: inline-block; width: 60px; height: 34px; float: left; margin-right: 20px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cb1f1b; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #39b000; }
input:focus + .slider { box-shadow: 0 0 1px #39b000; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }



      @media screen and (max-width:1600px) { }
      @media screen and (max-width:1330px) { }
      @media screen and (max-width:1200px) { }
      @media screen and (max-width:1030px) {  
      }
      @media screen and (max-width:760px) {  } 
      @media screen and (max-width:480px) {  
       }  
      @media screen and (max-width:410px) {  }
      @media screen and (max-width:340px) {  }



#boton { background-color: transparent; color: #000 !important; width: 100%; }
#headFamily { font-size: 17px }
#headElement { font-size: 18px; background: black; color: white; border-radius: 10px; font-weight: bold; }
#filaElemento { font-size: 16px; border-radius: 10px; font-weight: bold; }
#filaElemento:nth-child(even) { background: rgb(201, 201, 201); }
#filaElemento:nth-child(odd) { background: rgb(219, 219, 219); }

/* usuario */
#datos_personales { flex-direction: initial; }

/* Contenido */

  #contenido{
    display:block !important;
  }

  /* Contenido */

  #valoraciones{
    display:block !important;
  }
 .radioNo{
  position: absolute;
  left: -40%;
  top: 73%;
 }

 .radioSi{
  position: absolute;
  left: -40%;
  top: 40%;
 }
 .h3PaginaInicial{
  font-size:1em
 }

 .centrado{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.img_c{
  padding: 15px;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.img_c:hover{
  filter: opacity(.85);
  transition: .3s ease-in-out;
}

.img_c:not(:hover){
  filter: opacity(1);
  transition: .4s ease-out;
}