.alerts-container {
  position: fixed;
  right: 7%;
  /* transform: translateX(-50%); */
  top: 10%; 
  z-index:9999;
}

@font-face {
  font-family: 'calculator'; 
  src: url('Calculator.ttf'); 
}


#reloj {
  font-family: 'calculator';
  width: 90px;
  height: 40px;
  text-align: center;
  position: fixed;
  left: 15px;
  bottom: 30px;
  font-weight: bold;
  font-size: 1.75rem;
  color: rgb(255, 241, 0);
  background-color: #000;
  z-index: 1049;
}

.bg-text {
    color: rgba(255, 0, 0, 0.5);
    font-size:90px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -150px;
    width: 500px;
    height: 500px;
    z-index: 1000;
    transform:rotate(330deg);
    -webkit-transform:rotate(330deg);
    overflow: hidden;
}

.facb {
  width: 55px;
  height: 55px;
  position: fixed;
  left: 30px;
  top: 100px;
  z-index: 1049;
  cursor: pointer;
}

.facb2 {
  width: 55px;
  height: 55px;
  position: fixed;
  left: 30px;
  top: 180px;
  z-index: 1049;
  cursor: pointer
}

.facb3 {
  width: 55px;
  height: 55px;
  position: fixed;
  left: 30px;
  top: 260px;
  z-index: 1049;
  cursor: pointer;
}

.facb4 {
  width: 55px;
  height: 55px;
  position: fixed;
  left: 30px;
  top: 340px;
  z-index: 1049;
  cursor: pointer
}

.facb5 {
  width: 55px;
  height: 55px;
  position: fixed;
  left: 30px;
  top: 420px;
  z-index: 1049;
  cursor: pointer
}

.facb6 {
  width: 55px;
  height: 55px;
  position: fixed;
  left: 30px;
  top: 500px;
  z-index: 1049;
  cursor: pointer
}

.facb7 {
  width: 55px;
  height: 55px;
  position: fixed;
  left: 30px;
  top: 580px;
  z-index: 1049;
  cursor: pointer
}



.is-hidden {
  display: none;
}

.facb > svg, .facb2 > svg, .facb3 > svg, .facb4 > svg {
  text-align: center;
  vertical-align: bottom;
  font-size: 20px;
  line-height: 40px !important;
}

body {
  font-family: "PT Sans", sans-serif;
}

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

.clickable {
  cursor: pointer;
}

.not-allowed {
  cursor: not-allowed;
}

#map { height: 60vh; }
#mapv { height: 60vh; }
.leaflet-grab {cursor: auto;}
.leaflet-dragging .leaflet-grab{cursor: move;}

.centrar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#canvas-container {
  width: 50%;
  margin: 0 auto;
  padding: 2em 0;
  text-align: center;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 11em;
  height: 11em;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5.5em;
  margin-top: -5.5em;
  transform: translate(-50%, -50%);
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.iti__flag {background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/img/flags@2x.png");}
}


#select-localidad {
  max-width: 15%;
}

@media screen and (max-width: 992px) {
  #select-localidad {
    max-width: 22%;
  }
}

@media screen and (max-width: 600px) {
  #select-localidad {
    max-width: 30%;
  }
}

.form-select.form-select-lg.selectize-control {
  border: 0 !important;
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
  width: 100%;
}

.tip{background-color: #757575;padding: 0 14px;line-height: 27px;position: absolute;border-radius: 4px;z-index: 100;color: #fff;font-size: 12px;animation-name: tip;animation-duration: .6s;animation-fill-mode: both}
.tip:before{content: "";background-color: #757575;height: 10px;width: 10px;display: block;position: absolute;transform: rotate(45deg);bottom: -4px;left: 17px}
#copied_tip{animation-name: come_and_leave;animation-duration: 1s;animation-fill-mode: both;top: -35px;left:2px}
.text-line{font-size: 14px}
.copy-button{height: 25px;display: flex;justify-content: center;align-items: center;position: relative}


.rounding {
  border-bottom-right-radius:0px;
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-right-radius:0px;

  -moz-border-radius-topright:0px;
  -webkit-border-top-right-radius:0px;
  border-top-right-radius:0px;
}


#tablaprecios th, #tablaprecios tr {
  min-width: none !important;
}


@-webkit-keyframes marquee {
  0% {text-indent:100%;}
  100% {text-indent:-200%}
}

input.marquee {
  -webkit-animation: marquee 5s infinite;
  -webkit-animation-timing-function: linear;
}