:root {
  --primary_color: #641f97;
  --secondary_color: #f4c04f;
  --separators: #ced4da;
}

@font-face {
  font-family: Roboto;
  src: url(../fonts/roboto/Roboto-Regular.ttf);
}

body {
  font-family: Roboto;
}

/* -----Colors----- */
.primary-color-bg {
  background: var(--primary_color);
}

.primary-color-border {
  border-color: var(--primary_color);
}

.primary-color-bg-border {
  background: var(--primary_color);
  border-color: var(--primary_color);
}

.primary-color-fg {
  color: var(--primary_color);
}

.secondary-color-bg {
  background: var(--secondary_color);
}

.secondary-color-border {
  border-color: var(--secondary_color);
}

.secondary-color-bg-border {
  background: var(--secondary_color);
  border-color: var(--secondary_color);
}

.secondary-color-fg {
  color: var(--secondary_color);
}

/* -----Navbar----- */
.contained {
  padding-left: 20px;
  padding-right: 20px;
}

/* -----Footer----- */
footer.footer {
  color: black;
  border-top: 1px lightgrey solid;
  padding: .1rem;
}

footer.footer p.p-footer {
  margin-top: 10px;
  color: black;
  text-align: center;
}


/* -----Body----- */
.main {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.img-fondo {
  background-image:linear-gradient(rgba(255,255,255,0.5),
  rgba(255,255,255,0.5)),
  url(../img/fondo2.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #8EB8F1;
}

.card-opacity {
  opacity: 0.81;
}

.text-right {
  justify-content: end;
  display: flex;
}

/* ----Add Client---- */

#es_cliente.form-check-input,
#firmar_grabar_lpd.form-check-input,
#videollamadas.form-check-input,
#tiene_whatsapp.form-check-input,
#doble_check_azul.form-check-input,
#mensajes_de_difusion.form-check-input,
#avisar_a_sus_hijas_tambien.form-check-input,
#presenciales.form-check-input,
#encuesta.form-check-input,
#quiere_pareja.form-check-input {
  height: 30px;
  width: 30px;
  border: 2px solid
}

#es_cliente.form-check-input,
#es_cliente.form-check-input:checked {
  border-color: #0ad30d;
}

#es_cliente.form-check-input:checked {
  background-color: #0ad30d ;
}

#firmar_grabar_lpd.form-check-input,
#firmar_grabar_lpd.form-check-input:checked {
  border-color: #ff0000;
}

#firmar_grabar_lpd.form-check-input:checked {
  background-color: #ff0000 ;
}

#videollamadas.form-check-input,
#videollamadas.form-check-input:checked {
  border-color: #f3f70d ;
}

#videollamadas.form-check-input:checked {
  background-color: #f3f70d ;
}

#tiene_whatsapp.form-check-input,
#tiene_whatsapp.form-check-input:checked {
  border-color: #873600;
}

#tiene_whatsapp.form-check-input:checked {
  background-color: #873600 ;
}

#doble_check_azul.form-check-input,
#doble_check_azul.form-check-input:checked {
  border-color: #5dade2;
}

#doble_check_azul.form-check-input:checked {
  background-color: #5dade2 ;
}

#mensajes_de_difusion.form-check-input,
#mensajes_de_difusion.form-check-input:checked {
  border-color: #484848;
}

#mensajes_de_difusion.form-check-input:checked {
  background-color: #484848 ;
}

#avisar_a_sus_hijas_tambien.form-check-input,
#avisar_a_sus_hijas_tambien.form-check-input:checked {
  border-color: #f39c12;
}

#avisar_a_sus_hijas_tambien.form-check-input:checked {
  background-color: #f39c12 ;
}

#quiere_pareja.form-check-input,
#quiere_pareja.form-check-input:checked {
  border-color: #ff0080
}

#quiere_pareja.form-check-input:checked {
  background-color: #ff0080;
}

#presenciales.form-check-input,
#presenciales.form-check-input:checked {
  border-color: #000462 
}

#presenciales.form-check-input:checked {
  background-color: #000462;
}

#encuesta.form-check-input,
#encuesta.form-check-input:checked {
  border-color: #ba48f7 
}

#encuesta.form-check-input:checked {
  background-color: #ba48f7;
}

/*---- Casilla de verificación ----*/

#check_tiene_whatsapp.form-check-input:checked {
  background-color:#873600;
  border-color:#873600;
}

#check_tiene_whatsapp.form-check-input {
  border: 2px solid #873600;
}

#check_doble_check_azul.form-check-input:checked {
  background-color:#5dade2;
  border-color:#5dade2;
}

#check_doble_check_azul.form-check-input {
  border: 2px solid #5dade2;
}

#check_avisar_a_sus_hijas_tambien.form-check-input:checked {
  background-color:#f39c12;
  border-color:#f39c12;
}

#check_avisar_a_sus_hijas_tambien.form-check-input {
  border: 2px solid #f39c12;
}

#check_mensajes_de_difusion.form-check-input:checked {
  background-color:#484848;
  border-color:#484848;
}

#check_mensajes_de_difusion.form-check-input {
  border: 2px solid #484848;
}

#check_firmar_grabar_lpd.form-check-input:checked {
  background-color:#ff0000;
  border-color:#ff0000;
}

#check_firmar_grabar_lpd.form-check-input {
  border: 2px solid #ff0000;
}

#check_tiene_whatsapp.form-check-input,
#check_doble_check_azul.form-check-input,
#check_avisar_a_sus_hijas_tambien.form-check-input,
#check_mensajes_de_difusion.form-check-input,
#check_firmar_grabar_lpd.form-check-input {
  height: 30px;
  width: 30px
}

#tiene_whatsapp.form-check-input:disabled,
#es_cliente.form-check-input:disabled,
#doble_check_azul.form-check-input:disabled,
#avisar_a_sus_hijas_tambien.form-check-input:disabled,
#mensajes_de_difusion.form-check-input:disabled,
#videollamadas.form-check-input:disabled,
#quiere_pareja.form-check-input:disabled,
#presenciales.form-check-input:disabled,
#encuesta.form-check-input:disabled,
#firmar_grabar_lpd.form-check-input:disabled {
  opacity: 1;
}

/*---- Tabla Clientes ----*/
.clients-list tr td {
  border: solid var(--separators) 1px;
}

.headNoSticky {
  background: #F8DA8D !important;
}

td th {
  padding: 0.5rem;
  text-align: left;
  height: auto;
  min-width: 100px;
  max-width: 1000px;
}

.sticky-1{
  position: sticky;
  left: 0;
  background: #AC94CC !important;
  z-index: 4;
}

.sticky-2{
  position: sticky;
  left: 3.5rem;
  background: #AC94CC !important;
  z-index: 4;
}

.sticky-3 {
  position: sticky;
  left: 5rem;
  background:  #fce24e !important;
  z-index: 4;
}

.sticky-4 {
  background:  #fce24e !important;
}

/*---- Zoom ---->*/

.zoom-0 {
    font-size: 1rem !important;
}

.zoom-1 {
    font-size: 0.9rem !important;
}

.zoom-2 {
    font-size: 0.8rem !important;
}
.zoom-3 {
    font-size: 0.7rem !important;
}

.zoom-4 {
    font-size: 0.6rem !important;
}

.zoom-5 {
    font-size: 0.5rem !important;
}

.zoom-6 {
    font-size: 0.4rem !important;
}

.zoom-7 {
    font-size: 0.3rem !important;
}

.zoom-8 {
    font-size: 0.2rem !important;
}

.zoom-9 {
    font-size: 0.1rem !important;
}

.text-file-subtitle {
  /*color: var(--secondary_color);*/
  color: #5dade2;
  font-size: 2rem;
  font-style: italic;
}

.text-file {
  color: var(--primary_color);
  font-size: 2rem;
}

.text-file-subtitle-2 {
  color: # #884ea0 ;
  font-size: 1.2rem;
  font-style: italic;
}

.text-file-2 {
  color:  #34495e;
  font-size: 1.2rem;
}

.text-no-opacity {
  opacity: 1 !important;
  background-color: #fff !important;
  border: 1px solid #ced4da !important;
  color:  #34495e;
}

.file-img-client {
    border-radius: 15px;
}

.text-check {
  height: 40px;
  display: inline-grid;
  align-content: center;
}

/* ---- Filter ---- */
.filter {
    border: 1px lightgrey solid;
}

.filter-row {
    padding-left: 11px;
    padding-right: 11px;
}

/* ---- ----*/
.check_questionnaire:checked {
  background-color:#0000ff;
  border-color:#0000ff;
}

.check_questionnaire {
  border: 2px solid #0000ff;
}

.check_questionnaire {
  height: 30px;
  width: 30px
}