.carousel-btn > i{
  color: #7F3E71;
}
.ui-carousel .track-wrapper{
  padding-bottom: 10px;
  padding-top: 10px;
}

.carousel-item{
  margin-right: 10px;
}


.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer !important;
  background: #3C1053;
  color: transparent;
  top: 50%;
  margin-top: -10px \9;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none !important;
  z-index: 9;
  border-radius: 50px;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none !important;
  background: #3C1053;
  color: transparent;
}

.slick-next:before {
font-weight: 600;
font-family: 'FontAwesome';
content: "\f105";
margin-left: 2px;
}

.slick-prev:before {
font-weight: 600;
font-family: 'FontAwesome';
content: "\f104";
margin-right: 2px;
}
.slick-disabled{
background: #dddddd!important;
}

a:hover, a:focus {
  color: #23527c;
  text-decoration: none !important;
}

/* Banners Web */

._1325x140 {
  margin-right: 10px;
  margin-top: 20px;
  width: 1325px;
  height: 140px;
}
/* Banners movil */

._400x150 {
  margin-top: 10px;
  width: 100%;
  height: 100%;
}
._600x500{
  margin-top: 10px;
  width: 600px;
  height: 500px;
}

._280x480{
  margin-top: 10px;
  width: 600px;
  height: 500px;
}

.border-purple {
  border-color: #7f3e70;
}

/* Checkbox */

.control {
  font-family: arial;
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 3px;
  padding-top: 0px;
  cursor: pointer;
  font-size: 16px;
}
  .control input {
      position: absolute;
      z-index: -1;
      opacity: 0;
  }
.control_indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #ffffff;
  border: 1px dashed #7F3E71;
}
.control-radio .control_indicator {
  border-radius: undefined%;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
  background: #c7d6da;
}

.control input:checked ~ .control_indicator {
  background: #7f3e71;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
  background: #8f467f;
}
.control input:disabled ~ .control_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control_indicator:after {
  box-sizing: unset;
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control_indicator:after {
  display: block;
}
.control-checkbox .control_indicator:after {
  left: 7px;
  top: 3px;
  width: 3px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
  border-color: #7b7b7b;
}

.disabled-service {
  -webkit-filter: grayscale(100%) !important; /* Safari 6.0 - 9.0 */
  filter: grayscale(100%) !important;
}
.disabled-service-title{
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 20%;
}

.disabled-service-title > strong{
  background: #f2f2f2;
  color: #7f3e71;
  padding: 5px;
  border-radius: 5px;
}

.post-footer > h4 {
  color: #ffffff;
}

.post:hover .post-footer > h4 {
  color: #ffffff;
}

dl {
  margin-top: 0 !important;
  margin-bottom: 5px !important;
}

.active-whatsapp {
  background-color: #dff0d8 !important;
}

.active-whatsapp-link {
  color: #3e763d !important;
}

.vip-content-content-mobile {
  /* min-height: 110px; */
  padding: 10px 10px 10px !important;
	background-color: #3C1053;
	transition: .3s ease-out background-color;
}

.specialty-item-menu:hover {
  background-color: #7F3E71;
  cursor: pointer;
}

#map-canvas {
  height: 100%;
  margin: 0px;
  padding: 0px
}

.requst-option-active {
  background-color: #7F3E71;
}

.get-vaccine-btn-container-mobile {
  width: 100%;
  position: fixed;
  height: 65px;
  top: 54px;
  left: 0;
  text-align: center;
}

.get-vaccine-btn-mobile {
  width: 100%;
}

.body-vaccine-info-mobile {
  margin-top: 0px !important;
}

.loading-modal {
  margin-top: 65% !important;
}

.price-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  font-size: x-large;
  background: white;
  border: 1px solid #af3b73;
}

.price-value {
  font-size: 20px;
  padding-top: 12%;
  color: #af3b73;
}

.page-active {
  background: #f5f5f5 !important;
}
.pagination > li > a, .pagination > li > span {
  color: #3d1d53 !important;
}

.success-check {
  font-style: normal;
  color: green;
  font-size: 18px;
}

.error-icon {
  font-style: normal;
  color: red;
  font-size: 18px;
}

.pending-icon {
  font-style: normal;
  color: orange;
  font-size: 18px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #ffffff !important;
  cursor: default !important;
  background-color: #3d1d53 !important;
  border: 1px solid #ddd !important;
  border-bottom-color: transparent !important;
}

.profile-tab {
  margin-left: 10px !important;
  border: 1px solid #ddd !important;
  padding: 10px !important;
}

.underline-text {
  border-bottom: 1px solid #c5c5c5;
}

.normal-icon {
  font-style: normal !important;
}

.initial-size-icon {
  font-size: initial !important;
}

pdf-viewer-toolbar{
  display: none !important;
}

[id="bg"] {
  background: center center fixed transparent;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size:contain;
}

/* 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;
}

.validation-error {
  color:#ff6464 !important;
}

.register-service-height {
  height: 150px !important;
  min-height: 150px !important;
}

.schedules {
  padding: 3px;
  border-radius: 5px;
  position: absolute;
  color: #FFFFFF;
  font-weight: bold;
  z-index: 9;
}
.gray-24h {
  color: #3C1053;
  background-color: #f2f3f8;
}
.main-color-24h {
  background-color: #3d1d53;
}
.mobile-24h {
  margin-top: -12px;
  margin-left: 107px;
}
.desk-24h {
  margin-top: -12px;
  margin-left: 100px;
}

.price-top {
  top: 0;
  margin: 5px;
}