/*----*/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
.img_bus_panel {
  width: 1028px; }

.img_bus_bg {
  fill: #ECECEC; }


.img_bus_back {
  fill: #383839; }

.img_bus_front {
  font-size: 14.35px; }

.img_bus_text {
  fill: #21396A;
  font-weight: bold;
  font-size: 24px; }

.icon_text_1 {
  fill: #21396A;
  font-size: 16px; }
  .icon_text_1:not(.scrollSet) {
    animation: rightSlide 1s linear .5s 2 alternate; }
  .icon_text_1.scrollSet {
    display: none; }

.scTextClose .icon_text_1 {
  display: none; }

.icon_text_2 {
  fill: #363638;
  font-size: 20px; }

.icon_text_3 {
  fill: #363638;
  font-size: 24.98px;
  font-weight: bold; }

.icon_popup_border {
  fill: #b8b8b8;
  stroke: #FFF; }

.icon_popup_f {
  fill: #D87BA0; }

.icon_popup_m {
  fill: #7796C8; }

.available, .available-f, .available-m {
  fill: #FFF;
  background-color: #FFF; }
  .available:hover, .available-f:hover, .available-m:hover {
    fill: #7796C8; }

.taken-p {
  fill: #6AB98E;
  background-color: #6AB98E; }

.unavailable {
  fill: #858585;
  background-color: #858585; }

.taken-m {
  fill: #7796C8;
  opacity: 0.8;
  background-color: #7796C8; }

.taken-f {
  fill: #D87BA0;
  opacity: 0.8;
  background-color: #D87BA0; }


.Available, .AvailableF, .AvailableM {
  fill: #FFF;
  background-color: #FFF; }
  .available:hover, .available-f:hover, .available-m:hover {
    fill: #7796C8; }

.taken-p {
  fill: #6AB98E;
  background-color: #6AB98E; }

.unavailable {
  fill: #858585;
  background-color: #858585; }

.TakenM {
  fill: #7796C8;
  opacity: 0.8;
  background-color: #7796C8; }

.TakenF {
  fill: #D87BA0;
  opacity: 0.8;
  background-color: #D87BA0; }




#load_full_page {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background: url(../images/loadBus.svg) no-repeat center center rgba(230, 230, 230, 0.7);
  background-size: 150px;
  display: none; }

.page_full_load #load_full_page {
  display: block; }
.page_full_load .loading {
  display: none !important; }

.gender_popup {
  display: none;
  width: 147px;
  position: absolute;
  left: 0;
  top: 0; }

#gender_popup.f .icon_popup_m {
  fill: #BCBCBC; }
#gender_popup.m .icon_popup_f {
  fill: #BCBCBC; }

.bus_popup_style {
  text-align: center;
  font-size: 20px;
  margin-top: 15px; }
  .bus_popup_style center {
    font-size: 140px;
    line-height: 1.2;
    margin-top: -23px; }
  .bus_popup_style .btn:focus {
    box-shadow: none; }
  .bus_popup_style .btn-outline-secondary {
    font-size: 20px;
    letter-spacing: 5px;
    padding: 3px 6px; }
    .bus_popup_style .btn-outline-secondary:hover {
      border-color: #34aa68;
      background-color: #34aa68;
      color: #FFF; }
  .bus_popup_style .col1 {
    display: none; }
  .bus_popup_style .col-xl-8 {
    min-width: 100%; }
  .bus_popup_style #al {
    margin-top: 15px; }

.ticket-info {
  margin-bottom: -37px;
  margin-top: 13px; }

@-webkit-keyframes rightSlide {
  from {
    -webkit-transform: translate(0,0);
    -khtml-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0); }
  to {
    -webkit-transform: translate(-4em,0);
    -khtml-transform: translate(-4em,0);
    -moz-transform: translate(-4em,0);
    -ms-transform: translate(-4em,0);
    -o-transform: translate(-4em,0);
    transform: translate(-4em,0); } }
@-moz-keyframes rightSlide {
  from {
    -webkit-transform: translate(0,0);
    -khtml-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0); }
  to {
    -webkit-transform: translate(-4em,0);
    -khtml-transform: translate(-4em,0);
    -moz-transform: translate(-4em,0);
    -ms-transform: translate(-4em,0);
    -o-transform: translate(-4em,0);
    transform: translate(-4em,0); } }
@-ms-keyframes rightSlide {
  from {
    -webkit-transform: translate(0,0);
    -khtml-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0); }
  to {
    -webkit-transform: translate(-4em,0);
    -khtml-transform: translate(-4em,0);
    -moz-transform: translate(-4em,0);
    -ms-transform: translate(-4em,0);
    -o-transform: translate(-4em,0);
    transform: translate(-4em,0); } }
@-o-keyframes rightSlide {
  from {
    -webkit-transform: translate(0,0);
    -khtml-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0); }
  to {
    -webkit-transform: translate(-4em,0);
    -khtml-transform: translate(-4em,0);
    -moz-transform: translate(-4em,0);
    -ms-transform: translate(-4em,0);
    -o-transform: translate(-4em,0);
    transform: translate(-4em,0); } }
@keyframes rightSlide {
  from {
    -webkit-transform: translate(0,0);
    -khtml-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0); }
  to {
    -webkit-transform: translate(-4em,0);
    -khtml-transform: translate(-4em,0);
    -moz-transform: translate(-4em,0);
    -ms-transform: translate(-4em,0);
    -o-transform: translate(-4em,0);
    transform: translate(-4em,0); } }
@media (min-width: 1200px) {
  .img_bus_panel {
    width: 100% !important;
    max-width: 1410px; }

  .icon_text_1 {
    display: none; } }

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