/* PRELOADER */
.preloader-local {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}
.spinner {
    width: 30px;
    height: 30px;
    border: 4px solid #ccc;
    border-top-color: #3498db;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
/* FIN PRELOADER */
.sw-theme-arrows > .nav .nav-link.active {
    color: #cd3333;
    border-color: #ffcc33;
    background: #ffcc33;
    cursor: pointer;
}
.sw-theme-arrows > .nav .nav-link.active::after {
    border-left-color: #ffcc33;
}
.sw-theme-arrows > .nav-link.inactive {
    color: #ffffff;
    border-color: #4d4d4d;
    background: #4d4d4d;
    cursor: not-allowed;
}
.sw-theme-arrows > .nav-link.active::after {
    border-left-color: #ffcc33;
}

/*asientos disponibles*/
input[type=checkbox] {
    position: absolute;
    bottom: 3px;
    z-index: 2;
}

.containerbus {
  /* display: flex; */
  /* justify-content: center; */
  padding: 30px 104px 530px 92px;
  /*background-image: url("https://preprod.cita.com.uy/wp-content/plugins/cita/img/11.png");*/
  background-repeat: no-repeat, repeat;

}

.autobus {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 120px;
  height: 340px;
}

.fila {
  display: flex;
  justify-content: space-between;
}

.seccion {
  display: flex;
  width: 40%;
  justify-content: space-between;
}

.asiento {
  width: 21px;
  height: 21px;
  color: #fff;
  font-size: 10;
  text-align: center;
  background: #1cc939;
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  margin: 5px auto;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  position: relative;
}

.asiento label {
  cursor: pointer;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 3px;
  top: 2px;
  background: linear-gradient(top, #222 0%, #45484d 100%);
}

.asiento label:after {
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background: red;
  background: linear-gradient(top, #0895d3 0%, #0966a8 100%);
  top: 0px;
  left: 0px;
}

.asiento label:hover::after {
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.asiento input[type=checkbox]:checked + label:after {
  filter: alpha(opacity=100);
  opacity: 1;
}



.asientoff {
  width: 40px;
  height: 36px;
  color: #000;
  font-size: 10;
  text-align: center;
  background: #ffd9d9;
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  margin: 5px auto;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  position: relative;
}

.asientoff label {
  cursor: pointer;
  position: absolute;
  width: 15px;
  height: 15px;
  z-index: 1;
  left: 3px;
  top: 2px;
  background: linear-gradient(top, #222 0%, #45484d 100%);
}

.asientoff label:after {
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: -1;
  content: '';
  position: absolute;
  width: 33px;
  height: 32px;
  background: #cd3333;
  background: linear-gradient(top, #0895d3 0%, #0966a8 100%);
  top: 0px;
  left: 0px;
}

.asientoff label:hover::after {
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.asientoff input[type=checkbox]:checked + label:after {
  filter: alpha(opacity=100);
  opacity: 1;
}



.asientoffto {
  width: 40px;
  height: 36px;
  color: #fff;
  font-size: 10;
  text-align: center;
  background: #000;
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  margin: 5px auto;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  position: relative;
}

.asientoffto label {
  cursor: pointer;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 3px;
  top: 2px;
  background: linear-gradient(top, #222 0%, #45484d 100%);
}

.asientoffto label:after {
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background: #000;
  background: linear-gradient(top, #0895d3 0%, #0966a8 100%);
  top: 0px;
  left: 0px;
}

.asientoffto label:hover::after {
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.asientoffto input[type=checkbox]:checked + label:after {
  filter: alpha(opacity=100);
  opacity: 1;
}

.working { 
  background: url('https://preprod.cita.com.uy/wp-content/plugins/cita/img/loading.gif') no-repeat right center;
  background-size: 30px;  
  background-image: url('https://preprod.cita.com.uy/wp-content/plugins/cita/img/loading.gif') no-repeat right center;
}

.form-control2:active, .form-control2:focus{
  border-color: #ffcc35;
}

.form-control2:active, .form-control2:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ed8323;
}

.form-control2, .st-select-wrapper .selectize-input input {
  width: 100% !important;
}

.form-control2 {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 1.6em;
}

.form-control2 {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control2, output {
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  display: block;
}

.sw .toolbar > .btn.disabled, .sw .toolbar > .btn:disabled {
    background-color: #9e9e9e;
    border: 1px solid #9e9e9e;
}

.sw-theme-arrows .toolbar > .sw-btn-prev {
    color: #b62a2a;
    background-color: #ffcc33;
    border: 1px solid #ffcc33;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 400;
    float: left;
}

.sw-theme-arrows .toolbar > .sw-btn-next {
    color: #ffffff;
    background-color: #28a745;
    border: 1px solid #28a745;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 400;
}

.firstbox{
    margin-left: -10px;
}

.ultimafila {
    margin-left: -10px;
    margin-right: 2px;
}

.middlebox{
    margin-right: 10px;
}

.page-titlee {
    font-size: 55px;
    margin: 30px 0
}

@media (max-width: 992px) {
    .page-titlee {
        font-size: 36px
    }
}

@media (min-width: 320px) and (max-width: 480px) {
  
.firstbox{
    margin-left: -20px;
}

.middlebox{
    margin-right: 20px;
}

}


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

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