/* BROWSE */
.ticket-route {
  padding: 10px !important;
  line-height: 22px !important;
}

#notes {
  display: block;
  width: 100%; height: 120px;
  margin-top: 10px; padding: 5px;
  border: 1px solid #DDD;
}

.notes {
  display: block;
  margin: 0; padding: 0;
  font-size: 10px; color: #333;
}

.simple-tickets {
  margin-bottom: 5px;
}
 /*/BROWSE */

/* SEARCH ROUTE */
.new-ticket-location h2 {
  display: block;
  margin-bottom: 15px;
  font-weight: 700; font-size: 18px;
}
.new-ticket-location .ntl-pick {
  padding: 15px 20px;
  background-color: #F2F2F2;
  border-radius: 5px;
}
.new-ticket-location .ntl-item {
  float: left; width: 100%;
  margin-bottom: 12px;
  font-size: 14px; font-weight: 700;
}
.new-ticket-location .ntl-item input[type='text'] {
  display: block;
  width: 100%; height: 36px;
  margin-top: 8px;
  text-indent: 10px;
  border: 1px solid #D3D3D3;
}

.new-ticket-location .ntl-coupon input {
  text-align: center; font-weight: 700;
}

@media screen and (min-width: 640px) {
  .new-ticket-location .ntl-item {
    width: 49%;
    margin-right: 1%;
  }
  .new-ticket-location .ntl-coupon {
    width: 28%;
  }
  
  .new-ticket-location input[type='submit'] {
    margin-top: 29px;
  }
}
@media screen and (min-width: 1200px) {
  .new-ticket-location .ntl-item {
    width: 22.5%;
    margin-bottom: 0;
  }
  .new-ticket-location .ntl-coupon {
    width: 15%;
  }
  
  .new-ticket-location input[type='submit'] {
    margin-top: 28px;
  }
}
/* /SEARCH ROUTE */

/* AVAILABLE ROUTES */
.found-routes {
  margin-top: 30px; padding-top: 20px;
  border-top: 1px dashed #CECECE;
}

#similar-dates {
  margin-bottom: 20px;
}

.found-routes .nothing-found {
  margin-top: 15px;
  background-color: #F2F2F2; text-align: center;
}

.found-routes .pick-route {
  padding: 20px;
  border-top: 1px dotted #CECECE;
  transition: all 0.3s ease;
}
.found-routes .pick-route:hover {
  background-color: #F2F2F2;
}

.found-routes .pr-inner {
  padding-left: 70px;
}

.found-routes .pr-logo {
  position: absolute;
}
.found-routes .pr-logo img {
  width: 50px;
}

.found-routes .pr-offer {
  position: absolute; top: 65px; left: -14px; z-index: 10;
}

.found-routes .pr-inner .pr-top {
  margin-bottom: 15px; padding-bottom: 15px;
  font-size: 15px;
  border-bottom: 2px dashed #CECECE;
}
.found-routes .pr-inner .pr-top .pr-top-operator {
  float: left; width: 100%;
}
.found-routes .pr-inner .pr-top .pr-top-route {
  float: left; width: 100%;
  margin: 5px 0;
}
.found-routes .pr-inner .pr-top .pr-top-bus {
  float: left; width: 100%;
}

.found-routes .pr-inner .pr-top .pr-top-route a {
  color: #333; font-weight: 400;
  border-bottom: 1px dotted #333;
}
.found-routes .pr-inner .pr-top .pr-top-bus a {
  display: inline-block;
  margin-top: 4px;
  font-size: 12px;
}

.found-routes .pr-inner .pr-bottom-left, .found-routes .pr-inner .pr-bottom-right {
  float: left; width: 100%;
  font-size: 14px;
}

.found-routes .pr-inner .pr-bottom-left .pr-bl-location {
  float: left; width: 100%;
  margin-bottom: 15px;
}
.found-routes .pr-inner .pr-bottom-left .pr-bl-location .pr-inner-location {
  margin-top: 12px;
  font-size: 11px; line-height: 18px;
}

.found-routes .pr-inner .pr-bottom-right .pr-bottom-right-top {
  margin-bottom: 20px;
}

.found-routes .pr-inner .pr-bottom-right .pbr-inner {
  float: left; width: 100%;
  line-height: 24px;
}

.found-routes .pr-inner .pr-bottom-right .pbr-inner a, .found-routes .pr-inner .pr-bottom-right .pbr-inner span {
  display: block;
  width: 98%; max-width: 200px;
  margin: 0; margin-top: 5px;
  text-align: center; font-size: 14px; color: #333;
  background-color: #EEE;
  border: 1px solid #EEE;
  transition: all 0.3s ease;
}
.found-routes .pr-inner .pr-bottom-right .pbr-inner span {
  height: 34px;
  line-height: 32px; color: #FFF; font-weight: 700;
  background-color: #14BF9D;
  border-color: #14BF9D;
  border-radius: 100px;
}
.found-routes .pr-inner .pr-bottom-right .pbr-inner a:hover {
  background-color: #CCC;
  border-color: #CCC;
}

@media screen and (min-width: 480px) {
  .found-routes .pr-inner .pr-bottom-left .pr-bl-location {
    width: 50%;
  }
  .found-routes .pr-inner .pr-bottom-right .pbr-inner {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .found-routes .pr-inner .pr-top .pr-top-operator {
    width: 25%;
  }
  .found-routes .pr-inner .pr-top .pr-top-route {
    width: 50%;
    margin: 0;
    text-align: center;
  }
  .found-routes .pr-inner .pr-top .pr-top-bus {
    width: 25%;
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .found-routes .pr-inner {
    padding-left: 170px;
    min-height: 150px;
  }
  
  .found-routes .pr-logo img {
    width: 150px;
  }
  
  .found-routes .pr-inner .pr-bottom-left, .found-routes .pr-inner .pr-bottom-right {
    width: 50%;
  }
  .found-routes .pr-inner .pr-bottom-left .pr-bl-location {
    margin-bottom: 0;
  }
  
  .found-routes .pr-inner .pr-bottom-right .pbr-inner {
    text-align: center;
  }
  
  .found-routes .pr-inner .pr-bottom-right .pbr-inner a, .found-routes .pr-inner .pr-bottom-right .pbr-inner span {
    margin: auto;
  }
}
@media screen and (min-width: 1400px) {
  .found-routes .pr-inner .pr-top .pr-top-bus a {
    float: right;
    margin-top: 0; margin-left: 12px;
    font-size: 13px;
  }
  .found-routes .pr-inner .pr-top .pr-top-bus div.clear {
    display: none;
  }
}

.found-routes .picked-route {
  display: none;
  padding: 12px 20px;
  background-color: #F2F2F2;
  border-top: 1px dotted #CECECE;
  border-left: 1px dotted #CECECE;
  border-right: 1px dotted #CECECE;
}
.found-routes .picked-route .pr-item {
  float: left; width: 100%;
  margin: 10px 0;
  line-height: 28px; font-size: 13px; font-weight: 700;
}
.found-routes .picked-route .pr-item select {
  float: right;
  width: 50%; height: 28px;
  text-align: center; font-weight: 700;
  border: 1px solid #CECECE;
}
.found-routes .picked-route .pr-total {
  font-size: 18px; text-transform: uppercase; text-align: center;
}
.found-routes .picked-route .pr-actions {
  float: left; width: 100%;
  text-align: center;
}
.found-routes .picked-route .pr-actions a, .found-routes .picked-route .pr-actions input {
  display: block; float: left;
  width: 49%; height: 32px;
  margin: 0 0.5%;
  font-size: 14px; font-weight: 700; text-align: center; line-height: 28px; color: #333;
  background-color: #DDD;
  border: 1px solid #DDD;
  cursor: pointer; cursor: hand;
  transition: all 0.3s ease;
}
.found-routes .picked-route .pr-actions a:hover, .found-routes .picked-route .pr-actions input:hover,  .found-routes .picked-route .pr-actions input:focus {
  background-color: #CCC;
  border-color: #CCC;
}
.found-routes .picked-route .pr-actions input {
  display: inline-block; float: none;
  max-width: 200px; min-width: 120px;
}

.found-routes .picked-route .pr-total .discounted-price {
  display: none;
  color: red; font-size: 12px; text-decoration: line-through; line-height: 1;
}

.found-routes .pr-notification {
  margin-top: 10px;
  color: red; font-size: 11px;
}

.found-routes .pr-comission {
  display: none;
  margin-top: 6px; padding-top: 9px;
  color: #666; font-weight: 700; font-size: 13px; text-transform: uppercase;
  border-top: 1px dotted #DDD;
}

.found-routes .similar {
  margin-top: 25px; padding-bottom: 20px;
}
.found-routes .similar h5 {
  display: block;
  margin-bottom: 20px;
  font-weight: 700; font-size: 16px;
}
.found-routes .similar .sim-item {
  float: left;
  width: 99%;
  margin: 0 0.5%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #DDD;
  
  font-size: 14px; text-align: center; font-weight: 700;
}
.found-routes .similar .sim-item span {
  display: inline-block;
  width: 32px; height: 32px;
  margin-right: 6px;
  font-weight: 700; line-height: 30px; font-size: 16px; color: #FFF;
  background-color: #34495E;
  border-radius: 100px;
}

.found-routes .similar .sim-item a {
  display: block;
  max-width: 210px; width: 100%; height: 36px;
  overflow: hidden;
  margin: auto; margin-top: 18px;
  font-size: 15px; text-align: center; color: #FFF; line-height: 36px; white-space: nowrap; text-overflow: ellipsis;
  background-color: #14BF9D;
  transition: all 0.3s ease;
}
.found-routes .similar .sim-item a:hover {
  border-radius: 100px;
}

.pr-selected {
  background-color: #F2F2F2;
}

@media screen and (min-width: 480px) {
  .found-routes .similar .sim-item {
    width: 49%;
  }
  
  .found-routes .picked-route .pr-item {
    width: 48%;
    margin-right: 2%;
  }
}
@media screen and (min-width: 768px) {
  .found-routes .picked-route .pr-item {
    width: 31.333333%;
  }
  
  .found-routes .similar .sim-item {
    width: 32.33333333%;
  }
}
@media screen and (min-width: 1200px) {
  .found-routes .similar .sim-item {
    width: 24%;
  }
}
@media screen and (min-width: 1600px) {
  .found-routes .picked-route .pr-item {
    width: 16%;
    margin: 0; margin-right: 2%;
  }
  .found-routes .picked-route .pr-actions {
    width: 10%;
  }
  .found-routes .pr-notification {
    margin-top: 0;
  }
  
  .found-routes .similar .sim-item {
    width: 19%;
    margin-bottom: 0; padding-bottom: 0;
    border-bottom: 0;
  }
}
/* /AVAILABLE ROUTES */

/* VIEW TICKET */
.view-ticket h3 {
  display: block;
  margin-bottom: 20px;
  font-size: 20px; font-weight: 700;
}
.view-ticket .form-item, .view-ticket .info-data {
  float: left; width: 100%;
}

.view-ticket .choose-seat {
  padding: 20px;
  background-color: #F2F2F2;
}

.view-ticket .cs-image-inner {
  position: relative;
  max-width: 1616px;
  margin: auto;
  overflow-x: auto;
}
.view-ticket .cs-image-inner img {
  display: block;
}

.new-tickets .form-action {
  box-shadow: 0 0 10px #CECECE;
  border-radius: 4px;
}

.bus-seat, .bus-unavailable {
  position: absolute !important; top: 0; left: 0;
  width: 50px; height: 50px;
  overflow: hidden;
  text-align: center; font-size: 20px; font-weight: 700; line-height: 30px;
  background-color: rgba(255, 255, 255, 0.7);
  border: 3px dashed #34495E;
  border-radius: 5px;
  box-shadow: 0 0 10px #34495E;
  cursor: pointer; cursor: hand;
}
.bus-unavailable {
  color: red;
  border: 3px dashed red;
  cursor: default;
}
.bus-picked {
  color: green;
  border: 3px solid green;
}
.bus-picked:before {
  font-family: "FontAwesome";
  content: "\f00c";
}
.bus-unavailable:before {
  font-family: "FontAwesome";
  content: "\f05e";
  margin-right: 5px;
}

.view-ticket .info-h5 {
  display: block;
  float: left; width: 100%;
  margin-top: 20px;
  font-size: 15px; font-weight: 700; text-indent: 10px; text-transform: uppercase;
}
.view-ticket .info-data {
  float: left; width: 100%;
  margin: 0; margin-top: 12px; padding: 8px 15px;
  font-size: 15px; text-transform: uppercase;
  background-color: #F2F2F2;
  border: 1px dotted #CECECE;
  border-radius: 100px;
}
.view-ticket .info-data strong {
  float: right;
}

.view-ticket .inf-data-email {
  background: lightyellow;
}
.view-ticket .inf-data-note {
  border-radius: 4px;
}
.view-ticket .inf-data-note strong {
  float: none; display: block;
  margin-top: 10px;
  text-transform: initial; font-size: 12px; line-height: 18px;
}

.view-ticket .two-ways {
  margin-top: 15px; padding: 20px 10px;
  background-color: #14BF9D;
}
.view-ticket .two-ways a {
  display: block;
  width: 240px; height: 36px;
  margin: auto;
  color: #14BF9D; line-height: 34px; text-align: center; font-size: 15px; text-transform: uppercase;
  background-color: #FFF;
  border-radius: 100px;
  border: 1px solid #FFF;
  transition: all 0.3s ease;
}
.view-ticket .two-ways a:hover {
  color: #FFF;
  background-color: #14BF9D;
}

.view-ticket .invoice {
  margin-top: 15px;
  font-size: 13px;
}

.view-ticket .info-comment {
  margin-top: 20px;
  font-size: 15px; font-weight: 700;
}
.view-ticket .info-comment textarea {
  display: block;
  width: 33.3333333%; height: 80px;
  resize: vertical;
  margin-top: 10px; padding: 5px;
  font-size: 12px; line-height: 18px;
  border: 1px solid #DDD;
}

.fa-save {
  background-color: green !important;
  border-color: green !important;
}
.fa-save:hover {
  background-color: #1dba3d !important;
  border-color: #1dba3d !important;
}

@media screen and (min-width: 640px) {
  .view-ticket .form-item, .view-ticket .info-data {
    width: 48%;
    margin-right: 2%;
  }
}
@media screen and (min-width: 1200px) {
  .view-ticket .info-data {
    width: 32%;
    margin-right: 0;
  }
  .view-ticket .inf-data-middle {
    margin-left: 2%; margin-right: 2%;
  }
}
/* /VIEW TICKET */

/* GENERATE TWO-WAY */
.twoway {
  width: 320px;
  padding: 20px; margin: auto;
  background-color: #FFF;
  border: 1px solid #CCC;
}
.twoway .label {
  font-weight: 700; font-size: 14px;
}
.twoway input {
  display: block;
  width: 100%;
  margin-top: 10px;
}
.twoway input[type='text'] {
  height: 34px;
  font-size: 14px; text-align: center; font-weight: 700;
  border: 1px solid #DDD;
}
.twoway input[type='submit'] {
  padding: 5px 0;
  color: #FFF; font-weight: 700; text-transform: uppercase; font-size: 15px;
  background-color: #14BF9D;
  border: 1px solid #14BF9D;
  border-radius: 100px;
}

.twoway-seats {
  max-width: 1616px;
  margin: auto; margin-top: 20px;
  border: 1px solid #CCC;
}
.twoway-seats .cs-image-inner {
  margin: auto;
}

.twoway-seats input[type='submit'] {
  display: block; width: 240px;
  margin: 10px auto 20px;
  padding: 5px 0;
  color: #FFF; font-weight: 700; text-transform: uppercase; font-size: 15px;
  background-color: #14BF9D;
  border: 1px solid #14BF9D;
  border-radius: 100px;
}
/* /GENERATE TWO-WAY */

/* CITY PICKER */
.pickcity {
  position: absolute; top: -36px; left: -76px;
  display: block;
  width: 76px; height: 36px;
  line-height: 34px; color: #333; text-align: center;
  background-color: #F2F2F2;
  border: 1px solid #D3D3D3;
  transition: all 0.3s ease;
}
.pickcity:hover {
  background-color: #DEDEDE;
  border-bottom: 1px solid #D3D3D3;
}

.browse-picker {
  top: -1px; z-index: 2;
  height: 240px;
  overflow: auto;
  padding: 0px 3px;
  background-color: #437FC1;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.browse-picker a {
  display: block;
  height: 28px;
  overflow: hidden;
  padding: 0 10px; margin: 3px 0;
  line-height: 26px; font-size: 12px; color: #333; font-weight: 400; white-space: nowrap; text-overflow: ellipsis;
  background-color: #FFF;
  border: 1px solid #FFF;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.browse-picker a:hover {
  border-color: #FFF;
  background-color: #F2F2F2;
}
.browse-picker a.back {
  margin-bottom: 10px;
  font-weight: 700;
}
/* /CITY PICKER */

/* POLICIES */
@media screen and (min-width: 850px) {
  .policies-info {
    width: 800px !important;
    margin-left: -400px !important;
  }
}
/* /POLICIES */

/* TICKET BILLING */
.billing {
  margin-top: 20px; padding-top: 20px;
  border-top: 1px solid #DEDEDE;
}

.billing h4 {
  display: block;
  padding-bottom: 12px;
  font-weight: 700; font-size: 16px;
}
.billing .billing-item {
  float: left; width: 100%;
  margin: 5px 0;
  font-size: 14px;
}
.billing .billing-item strong {
  display: block;
  margin-top: 5px;
}

@media screen and (min-width: 480px) {
  .billing .billing-item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .billing .billing-item {
    width: 33.333333%;
  }
}
@media screen and (min-width: 1200px) {
  .billing .billing-item {
    width: 25%;
  }
}
/* /TICKET BILLING */

/* TICKET HISTORY */
.billing .history-item {
  margin-top: 10px;
}

.billing .history-item .hi-title {
  padding: 8px 10px;
  font-size: 14px; font-weight: 700; text-transform: uppercase;
  background: #F2F2F2;
}
.billing .history-item .hi-content {
  padding: 5px 10px;
  line-height: 22px;
  border-left: 2px solid #F2F2F2;
}
/* /TICKET HISTORY */

/* ADVANCED SEARCH */
.search-advanced {
  display: none;
}

.search-advanced .sa-item {
  float: left; width: 20%;
  padding: 0 15px;
}

.search-advanced .sa-item input, .search-advanced .sa-item select {
  margin-top: 8px;
}
/* /ADVANCED SEARCH */