.upper-case{
    text-transform: uppercase;
}

input.not-valid,  textarea.not-valid, i.not-valid{
  border: 2px solid #dc3545  !important;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url(../img/icons/is-invalid.svg) !important;
  background-repeat: no-repeat !important;
  background-position: right calc(0.375em + 0.1875rem) center !important;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

input.is-valid, select.is-valid, textarea.is-valid{
  border: 2px solid #28a745 !important;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url(../img/icons/is-valid.svg) !important;
  background-repeat: no-repeat !important;
  background-position: right calc(0.375em + 0.1875rem) center !important;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;

}

.cursor{
	cursor: pointer !important;
}


.loader{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background: rgb(255 255 255 / 95%);
}

.spinner,.spinner:after{
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
 }
 
.spinner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: transparent;
    border-top: 5px solid #f10e19 ;
    border-right: 5px solid #f10e19 ;
    border-bottom: 5px solid #f10e19 ;
    border-left: 5px solid transparent;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: .8s;
    animation-name: spinner-loading
 }

@keyframes spinner-loading{
  0% {
      transform: rotate(0deg)
  } to {
      transform: rotate(1turn)
  }
}

.v-toast__item {
  min-width: 320px !important;
}

.v-toast__item .v-toast__text {
  color: #fff;
  font-size: 16px;
}

.swal2-popup {
  width: 50em !important;
}


/* Estilos del website */
.recaptcha {
  margin: auto;
}

.img_refresh {
  display: inline-flex;
  margin: auto;
}

img.img-recaptcha {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 40px;
  margin: 10px;
}

.recaptcha input {
  width: 100%;
  position: relative;
  display: block;
  padding: 15px;
  background: #fff;
  caret-color: #f10e19;
  font-size: .9375em;
  text-align: -webkit-center;
}

.whatsapp_widget {
  width: fit-content;
  height: fit-content;
  display: block;
  position: fixed;
  right: 10px;
  bottom: 30px;
  z-index: 100;
}

.whatsapp_widget button.active_chat {
  width: 60px;
  height: 60px;
  position: relative;
  display: block;
  background: 0 0;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 2px 4px #00000040;
  border: 0;
}

.whatsapp_widget button.active_chat img {
  width: 60px;
}

picture img.mobile{
  display: none;
}


@media (max-width: 3000px) {
  
}

@media (max-width: 1441px) {
  
}

@media (max-width: 1210px) {
}

@media (max-width: 1100px) {
}
@media (max-width: 1024px) {
  
  
}
@media (max-width: 768px) {
}
@media (max-width: 576px) {

  .whatsapp_widget {
    bottom: 73px!important;
  }
  
  picture img.desktop{
    display: none;
  }
  
  picture img.mobile{
    display: block;
  }
}

@media (max-width: 425px) {
}

@media (max-width: 375px) {    
    
}

@media (max-width: 320px) {

    
}