.dark-overlay {
  opacity: .9;
  background: #59a4b5;
  }/* your styles go here */

  .form-block {
      padding-top: 2rem;
      padding-bottom: 2rem;
  }

  .avatar {
    width: 5.5rem;
    height: 5.5rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
   }
  .avatar img, #link_fotografia .avatar img {
     width:100%;
     display:block;
     border-radius:100px;
     min-height:100%;
  }
  #link_fotografia .avatar {
     width:150px;
     height:150px;
     margin-right: 10px;
     vertical-align:middle;
  }
  
  .card-img-overlay-top {
      top: 1.25rem;
  }

  .h-2-5rem {
        height: 2.5rem !important;
  }
    .w-2-5rem {
          width: 2.5rem !important;
  }

.iframe-container {
  overflow: hidden;
  // Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625)
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

/* Elimina los arrows en el input type = number Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.mb-label-05 {
  margin-bottom: 0.5rem;
}

.mb-label-025 {
  margin-bottom: 0.25rem;
}

.w-93 {
  width: 93% !important;
}

/* la pipa vertical entre campos*/
.search-bar .form-group::after {
    display: block;
    width: 0px;
    height: 60%;
    content: '';
    background: #ddd;
    position: absolute;
    top: 20%;
    right: 0;
}

.search-bar {
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
    padding: 3rem;
}

.btn {
    letter-spacing: .075em;
    text-transform: none;
    font-weight: 550;
    font-size:1rem;
    border: 0px solid transparent;
}
.btn-primary {
  color: #fff;
  background-color: #6E9AC9;
  border-color: #6E9AC9;
}

.btn-primary:hover {
  color: #fff;
  background-color: #BE5748;
  border-color: #BE5748;
}

.btn-primary:focus, .btn-primary.focus {
  /* color: #fff;
  background-color: #BE5748;
  border-color: #BE5748;
  box-shadow: 0 0 0 0.2rem rgba(243, 175, 180, 0.25); */
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #BFBFBF;
  border-color: #BFBFBF;
  }

.hidden {
  visibility: hidden;
}

.text-third {
  color: #092940 !important;
}
.text-third.active {
  color: #6E9AC9  !important;

}
.nav-link.hover, .nav-link.focus {
    color: #6E9AC9 !important;
}
  .nav-link.disabled {
    color: #BFBFBF;
    pointer-events: none;
    cursor: default;
}
    .nav-link.active {
      color: #6E9AC9 !important;
}
.fc-daygrid-dot-event div.fc-event-title {
   font-weight: normal;
   font-size: .7rem;
}
.lat-long {
   height: 0;
   border: none;
   padding: 0;
   /* margin: 0;
   width:0; */
   position: absolute;
}
label.switch {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 24px;
 }
 
label.switch input { 
   opacity: 0;
   width: 0;
   height: 0;
 }
 
label.switch .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: .4s;
   transition: .4s;
 }
 
label.switch .slider:before {
   position: absolute;
   content: "";
   height: 16px;
   width: 16px;
   left: 4px;
   bottom: 4px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
 }
 
label.switch input:checked + .slider {
   background-color: #6E9AC9;
 }
 
label.switch input:focus + .slider {
   box-shadow: 0 0 1px #6E9AC9;
 }
 
label.switch input:checked + .slider:before {
   -webkit-transform: translateX(26px);
   -ms-transform: translateX(26px);
   transform: translateX(26px);
 }
 
 /* Rounded sliders */
label.switch .slider.round {
   border-radius: 34px;
 }
 
label.switch .slider.round:before {
   border-radius: 50%;
 }

.avatar-desk {
   width: 9rem; 
   height: 9rem; 
   margin-top: -20px; 
   z-index: 30; 
   margin-left: -10px; 
   margin-bottom: -10px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}

.avatar-mobile {
   width: 7rem; 
   height: 7rem; 
   margin-top: -20px; 
   z-index: 30; 
   margin-left: 20px; 
   margin-bottom: 20px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}