html {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  color: #7f7f7f; }

.bgGris {
  background: #e4e4e4 !important; }

.deg {
  background: #82007d;
  background: -moz-linear-gradient(left, #82007d 0%, #ec9a00 100%);
  background: -webkit-linear-gradient(left, #82007d 0%, #ec9a00 100%);
  background: linear-gradient(to right, #82007d 0%, #ec9a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82007d', endColorstr='#ec9a00',GradientType=1 ); }

.orange {
  background: #ec9a00; }

i,
.color {
  color: #d68620; }

.btn i {
  color: #fff; }

.border {
  border: 1px solid #82007d; }

/* FONTS */
@font-face {
  font-family: 'sketch_3d';
  src: url("../fonts/sketch_3d-webfont.woff2") format("woff2"), url("../fonts/sketch_3d-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
span.sketch {
  font-family: "sketch_3d" !important; }

.top {
  background: #ec9a00;
  color: #fff; }
  .top p {
    margin-bottom: 0; }

header {
  background: #fff;
  box-shadow: 0 3px 5px #d0d0d0;
  position: relative;
  z-index: 10; }

/* MENU */
.navbar-nav .nav-link {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.86rem; }

.navbar-nav .active {
  border-bottom: 2px solid #ec9a00; }

/* PAQUETES - HEADER PAGE */
.header-page {
  background: url("../images/bgPatternDeg.jpg");
  border-bottom: 1px solid #82007d;
  color: #d68620;
  padding: 2.2rem 0;
  text-shadow: 2px 2px 0 #fff; }
  .header-page p.lead {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0; }

table.grilla-paquetes th {
  background: #82007d;
  color: #fff; }

.detalle-paquete {
  color: #7f7f7f; }
  .detalle-paquete section.header {
    background: #f3f3f3;
    border-bottom: 1px solid #d68620;
    padding: 1rem;
    margin: 1rem 0;
    overflow: hidden; }
    .detalle-paquete section.header p {
      display: inline-block;
      margin: .35rem 0 0 0; }
      .detalle-paquete section.header p i {
        color: #d68620;
        margin: 0 .1rem 0 1rem; }
        .detalle-paquete section.header p i:first-child {
          margin: 0 .1rem 0 0; }
    .detalle-paquete section.header a.btn {
      float: right; }
  .detalle-paquete .colectivo {
    /* PLantilla para Colectivo de 43 Asientos */ }
    .detalle-paquete .colectivo .fila2 {
      margin-top: 0rem; }
    .detalle-paquete .colectivo .planta-alta,
    .detalle-paquete .colectivo .planta-baja {
      border: 1px solid #dedede;
      border-radius: 5px;
      padding: .6rem;
      width: auto;
      <!--max-width: 368px;-->
      text-align: center;
      }
      .detalle-paquete .colectivo .planta-alta span,
      .detalle-paquete .colectivo .planta-baja span {
        border-radius: 5px 0 0 5px;
        width: 25px;
        height: 28px;
        display: inline-block; }
        .detalle-paquete .colectivo .planta-alta span.ocupado,
        .detalle-paquete .colectivo .planta-baja span.ocupado {
          background: #c3c3c3; }
        .detalle-paquete .colectivo .planta-alta span.libre,
        .detalle-paquete .colectivo .planta-baja span.libre {
          background: #00afef; }
    .detalle-paquete .colectivo .planta-baja {
      padding: .6rem  8.85rem; }
    .detalle-paquete .colectivo.asientos-43 .planta-alta,
    .detalle-paquete .colectivo.asientos-43 .planta-baja {
      width: auto; }
    .detalle-paquete .colectivo.asientos-43 .planta-baja {
      padding: .6rem  7.85rem; }
  .detalle-paquete h4.precio {
    font-size: 3rem;
    color: #d68620; }
  .detalle-paquete .refencias p {
    font-size: 1.15rem; }
    .detalle-paquete .refencias p span {
      display: inline-block;
      height: 20px;
      width: 20px;
      border-radius: 10px;
      margin-right: .35rem;
      position: relative;
      top: .35rem; }
      .detalle-paquete .refencias p span.ocupado {
        background: #c3c3c3; }
      .detalle-paquete .refencias p span.libre {
        background: #00afef; }

@media only screen and (max-width: 390px) {
  .colectivo .fila2 {
    margin-top: 0rem; }
  .colectivo .planta-alta,
  .colectivo .planta-baja {
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: .6rem;
    max-width: 100% !important; }
    .colectivo .planta-alta span,
    .colectivo .planta-baja span {
      border-radius: 3px 0 0 3px;
      width: 20px !important;
      height: 23px !important;
      display: inline-block; }
      .colectivo .planta-alta span.ocupado,
      .colectivo .planta-baja span.ocupado {
        background: #c3c3c3; }
      .colectivo .planta-alta span.libre,
      .colectivo .planta-baja span.libre {
        background: #00afef; }
  .colectivo .planta-baja {
    padding: .6rem 7.85rem !important; } }
/* Modal Login */
.btn-login {
  cursor: pointer; }

footer {
  background-color: #262630;
  padding: 3rem 0 0;
  color: #fff; }
  footer ul li {
    font-size: 1.1rem; }
    footer ul li i {
      color: #ec9a00; }
  footer a {
    color: #fff; }
    footer a:hover {
      color: #ec9a00;
      text-decoration: none; }
  footer .copyMenu {
    background-color: #1b1b25;
    color: #fff;
    margin-top: 3rem;
    padding: 1.75rem 0; }
    footer .copyMenu p {
      margin: 0; }

/*# sourceMappingURL=styles.css.map */


.toolbarOmnibus {
    height:30px;
    margin-bottom:1em;
}
.toolbarOmnibus div {
    height:30px;
    width:30px;
    margin:0px;
    padding: 7px;
    float: left;
    border: 1px solid #ddd;
    cursor: pointer;
}
.toolbarOmnibus div:hover {
    background-color: #eee;
}

.fila1Numerated {
    margin-bottom:5px;
}

.fila1 > span > div {
    text-align:center;
}

.top.administrador {
  padding: .4rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  .top.administrador a.btn.btn-warning {
    background: #d68620;
    transition: background 1s ease-in-out; }
    .top.administrador a.btn.btn-warning:hover {
      background: #82007d; }

.row-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  /*margin-right: -15px;
  margin-left: -15px;*/
  max-width: 660px;
}

input.input-validation-error {
    border-color: red;
}

span.fa-supraindex {
    font-size: .7em;
    font-weight: 900;
    color: white;
    background: red;
    border-radius: 100px;
    background-size: 20px 20px;
    width: 20px;
    position: absolute;
}


.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

a.btn.btn-warning, a.btn.btn-danger {
    cursor:pointer;
}

.dropdown-menu {
    min-width: 100%;
}

.dropdown-menu > li > a {
    text-decoration:none;
    color:black;
}

ul.dropdown-menu {
    text-align:center;
}

.dropdown-menu > li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dropdown-menu > li:hover {
    background: #eee;
    transition: background 1s ease-in-out;
}

.row {
    width: 100%;
}

span.ocupado:hover > .user-span-hover {
        display: block!important;
    position: absolute;
    background: rgba(0, 0, 0, 0.64);
    width: auto;
    height: 100px;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 5px 20px;
    top: -100px;
}

span.ocupado:hover > .user-span-hover > li {
    text-align: left;
}

/* *********************************** 
        Cambios sistema - Vileta: #82007d Naranja: #d68620 ;
*********************************** */
section.top i { color: #fff; }
div.dataTables_scrollBody { background: none !important; }
h5.modal-title { color: #82007d;}
a.naranja { color: #d68620; }

.ui-widget-header { background: #82007d; border: 1px solid #82007d; color: #fff; }

.btn { cursor: pointer; margin: 0 .1rem; }
a.btn.btn-warning { color: #fff !important; }
.ui-dialog-buttonset button {
  display: inline-block;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .5rem 1rem;
  font-size: 1rem;
  border-radius: .25rem;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.ui-dialog-buttonset button:first-child {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.ui-dialog-buttonset button:hover:first-child {
  background-color: #449d44;
  border-color: #419641;
}
.ui-dialog-buttonset button:last-child {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.ui-dialog-buttonset button:hover:last-child {
  background-color: #c9302c;
  border-color: #c12e2a;
}
button.ui-dialog-titlebar-close:before {
  color: #666;
  content: '\f00d';
  font-family: FontAwesome;
  left: 1px;
  position: relative;
  top: -3px;
}

@media screen and (min-width: 768px) {
  section.top.administrador .nav-pills li a {
    width: 125px;
  }
}


.ui-widget-overlay {
    background: #0e0e0e;
    opacity: 0.5;
}
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    top: calc(50% - 60px);
    left: calc(50% - 60px);
    position: absolute;
    opacity: 1 !important;
}

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

    100% {
        transform: rotate(360deg);
    }
}