legend,button{
    font-family:"pds";
}
#search-ticket, #search-ticket2{
  margin: 10px 0px;
  padding: 10px 20px 5px 20px !important;
  width:36%; 
  margin-top: 0px;
}
#find-result fieldset#search-ticket, #find-result fieldset#search-ticket2 {
    border: 1px solid#c1c1c1;
}

.search-flt{
  
  background-color: #12B0BC;
}

#bus-lines-responsive {
  display: none;
}

#form-search{

}

#form-search .fields{
    width: 100%;    
    margin: auto;
}

#form-search .field-input{
    width: 30%;
    float: left;   
}

#roundtickets .field-input {
    width: 23% !important;
}
#form-search .field-pix{

    width: 120px;

    float: left;

    padding-left: 10px;

}

#form-search .field-submit{

    width: 100px;

    float: left;    

}

#form-search .field-calender{

    width: 17%; /*200px;*/

    float: left;
    display: flex;
    flex-direction: column;

}

#form-search .field-calender label{

    width: 150px;

    float: left;

}

#form-search #depart_date_img{

    display: block;

  float: left;

  width: 30px;

  margin-left: 133px;

  top: 0;

  margin-top: -34px;

  padding: 16px 12px;

}

#find-result {
  width: 100%;
  margin: 0 auto;
}

#search-ticket1 {        
  width: 100%;
  margin: 0 auto;
}

#jform_pax-lbl{
  width: 107% !important;
}

#bookticket{
    /*max-height: 480px;
    overflow-y: scroll;*/
}
.t3-content {
    margin-bottom: 50px;
}

.choose-radio input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.choose-radio label {
    display: inline-block;
    background: #00466e;
    border: 1px solid #00466e;
    color: white;
    border-radius: 4px;
    padding: 4px 12px;
    margin-bottom: 0;
    margin-left: -2px;
    line-height: 17px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.choose-radio label.for_disable {
    background: #cecece;
    border: 1px solid #cecece;
    color: #c11;
    cursor: not-allowed;
}

.choose-radio label:hover {
    background: white;
    color: blue;
}

.choose-radio label.for_disable:hover {
    background: #ccc;
    color: #c11;
}

.choose-radio input[type="radio"]:checked + label {
    font-weight: bold;
    color: #00466e;
    background: white;
}

@media (max-width: 767px) {

    #form-search .field-input{

        min-width: 50%; /*update 20160315*/

        float: left;   

    }

    #form-search .field-calender{

        min-width: 50%; /*200px;*//*update 20160315*/

        float: left;

    }

    .field-calender .input-append {

        margin-bottom: 0;

        width: 90%;

    }

    #form-search .field-pix {

        float: left;

        padding-left: 0px;

        width: 100px;

        margin-right: 10px;

    }

    .field-calender .input-append input{

        width: 75%;        

    }

}

#find-result  #bus-lines tr .b1,
#find-result  #bus-lines tr .b2,

#find-result  #bus-lines tr .b3,

#find-result  #bus-lines tr .b4

{
  width: 23%;
}

#find-result  #bus-lines tr td {
    font-size: 13px;
    /*font-weight: bold;*/
    vertical-align: middle;
  color: #12B0BC;
  padding: 5px;
}
#find-result  #bus-lines tr td .discount-price  {
    color: #9e9e9e;
    text-decoration: line-through;
}
#find-result  #bus-lines tr td .discount-percent {
    color: #12B0BC;
    padding-left: 5px;
}


#find-result  #bus-lines.change-ticket-result tr td {
    font-size: 13px;
    /*font-weight: bold;*/
    vertical-align: middle;
  color: #12B0BC;
  padding: 10px;
}

td.bus-no {
    width: 40% !important;
    padding-left: 20px !important;
}

td.choose-seats {
    width: 15% !important;
}

#find-result  #bus-lines tr td.bus-logo img{
    width: 100px;
    height: 60px;    
    margin: 10px 10px 10px 0;
    border: 1px solid #efefef;
}

#find-result  #bus-lines tr td.bus-logo p{

    display: block;    

    vertical-align: middle;    

}

#find-result  #bus-lines tr td span.price{

  color:#EB1C22;
  font-size:18px; 

}

#find-result  #bus-lines tr td span.avail-seats{

  color:#EB1C22;
  font-size:18px; 

}

#find-result  #bus-lines tr td span.depart-time{

  color:#EB1C22;
  font-size:15px; 

}

#find-result .trip-info{
  
  text-align:center;
  background:#12B0BC;
  color: #21439A;
  width:100%;
  font-size:18px;
  font-weight:normal;
}

#find-result .npt-ygn-msg{
  
  text-align:left;
  background:#12B0BC;
  color:#EB1C22;
  width:100%;
}
 
 
/*booking*/

#form-booking{

/*  width: 100%;    */

    padding: 0px;

    float: left; 
  margin-left: 5px; 

}

#form-booking fieldset{

    height: auto; 
    width: 280px; 
    margin-top: 0px;

}

#form-booking .field-group{

    width: 100%;    

    float: left;
  padding-bottom: 5px !important;
  padding-top: 5px !important;

   /* margin-bottom: 20px;*/

}

.field-group .nric .filter-search-lbl {
    
    min-width: 15px !important;
    padding-top: 3px;
}

#form-booking .field-group label{    

    float: left;
    min-width: 120px; 
    font-family:"pds";

}

#form-booking .field-group label.label1{

    /*width: 150px;*/
    width: auto;

}
#jform_gender label {
    padding-right: 20px;
}

#form-booking .field-group label.label2{

    /* width: 170px; */

}

#form-booking .field-group .depart-date{    

    float: left;

}

#form-booking .field-group .depart-date label{

    width: 120px;

}

#form-booking .field-group .field-name{      

    float: left;

  /* width: 100%; */

}

#form-booking .field-group .field-phone{     

    float: left;

  width: 100%;

}

#form-booking .field-group .field-nric{      

    float: left;

}

#form-booking .field-group .depart-date label,

#form-booking .field-group .field-passport label,

#form-booking .field-group .field-nric label{

   /* line-height: 36px;*yadana*/ 

}

#form-booking .field-group .field-nric .radio1{

    width: 30px;    

    float: left;

    vertical-align: middle;

    padding-top: 10px;

}

#form-booking .field-group .field-nric .nric{      

    float: left;

}

#form-booking .field-group .field-pix input,

#form-booking .field-group .field-nric .nric input,

#form-booking .field-group .field-nric .nric select{    

    float: left;

    margin: 3px;

}

#form-booking .field-group .field-passport{    

    float: left; 

  width: 100%;

}

#form-booking .field-group .field-passport .radio2{

    width: 30px;    

    float: left;

    padding-top: 10px;

    

}

#form-booking .field-group .field-pix{    

    float: left;    

}



#form-booking .field-group .field-pix label{    

    float: left;    

    display: block;       

}

#form-booking .field-group .field-pix label.lbl-row1{  

    width: 150px;

}

#form-booking .field-group .field-pix input{

    margin-right: 50px;

}

#form-booking .field-group .field-paystatus .radio3 {

    float: left;

    margin-right: 20px;

    width: 100px;

}

#form-booking .field-group .field-paystatus .radio4 {

    float: left;

    margin-right: 20px;

    width: 200px;

}

#seating-plan {

    width: 45%;

    padding: 10px 5px 10px 5px;

    float: left;

    border: 1px solid #CCCCCC;

    border-radius: 5px 5px 5px 5px;

    background-color: #FFFFFF;

    /* margin: 10px 0 0 5px; */

}



#seating-plan #bus-container{

    width: 255px;

    border: 1px solid #c5c5c5;

    height: auto;

    padding: 10px;

    float: left;
    background: #12b0bc36;
}

div#bus-container .steering img {
    height: 50px;
    width: 50px;
}

#seating-plan #bus-container #first-row{

    width: 245px;    

    height: 60px;

}

#seating-plan #bus-container #first-row .steering{

    margin-left: 20px;

    margin-right: 30px;

}

.left{ float: left; }

.right{ float:right; }

#seating-plan #bus-container #middle-row{

    width: 245px;   

    height: auto;

    clear: both;

    padding:10px 0;

}

#seating-plan #bus-container #last-row{

    width: 270px !important;   

    height: 60px;
  margin-left: 0;
}

#seating-plan #bus-container #middle-row #left-row{

    width: 100px;    

    min-height: 550px;

    float: left;

}

#seating-plan #bus-container #middle-row #right-row{

    width: 100px;   

    min-height: 550px;

    float: right;

}

#seating-plan #bus-container #middle-row #center-row{

    width: 1px;    

    min-height: 550px;

    float: left;

    margin: 0 9px;

}

#seating-plan #bus-container #middle-row .seat-row{

    width: 100%;

    float: left;

    height: 50px;

    margin: 5px 0;   
}

#seating-plan #bus-container #middle-row .seat-row.c1{    

    margin-top: 20px;

}

#seating-plan #bus-container #last-row .seat-row{

    width: 100%;

    float: left;

    margin-top: 10px;

}

#seating-plan #bus-container #last-row .seat,

#seating-plan #bus-container #middle-row .seat-row .seat{

    width: 48px;

    float: left;

    text-align: center;

    line-height: 33px;

    font-weight: 600;

    color: black;

    font-size: 12px;

}

#seating-plan #bus-container .seat{

    background-image: url('../images/seat_white.png');
  background-size: 40px 40px;

    background-position: center;

    background-repeat: no-repeat;

    width: 48px;

    height: 48px;

}
#seating-plan #bus-container .seat-blank{
    width: 48px;
    height: 48px;
}

#seating-plan #bus-container #last-row .seat.seat-available,

#seating-plan #bus-container #middle-row .seat-row .seat.seat-available

{

    color: #222;

}

#seating-plan #bus-container .seat-selected,

#seating-plan #bus-container .seat:hover{

    background-image: url('../images/seat_green.png');
  background-size: 40px 40px;

    cursor: pointer;

}

#seating-plan #bus-container .seat-booked:hover,

#seating-plan #bus-container .seat-booked,
#seating-plan #bus-container .seat-sold:hover,

#seating-plan #bus-container .seat-sold{

    background-image: url('../images/seat_red.png');
  background: #ff00004d;

}

#seating-plan #bus-container .seat-booked,#seating-plan #bus-container .seat-sold{

    
    border: solid 1px #fa6545;
    border-radius: 50%;
    line-height: 20px !important;
    background: #ff00004d;
    padding-top: -15px;
    margin: 1px;
    

}
#seating-plan #bus-container .seat-booking:hover,

#seating-plan #bus-container .seat-booking{

    background-image: url('../images/seat_yellow.png');
  background: #f7f84b78;

}
#seating-plan #bus-container .seat-booking{

    
    border: solid 1px #f7f84b;
    border-radius: 50%;
    line-height: 20px !important;
    background: #f7f84b78;
    padding-top: -15px;
    margin: 1px;

}
/*kmz 14052017************************************************/
#seating-plan #bus-container .seat-not-availabled{
    background-image: url('../images/seat_gray.png');
    cursor: not-allowed;    
}
#seating-plan #bus-container .seat-not-availabled:hover{
  background-image: url('../images/seat_gray.png');
  color:#222;
  cursor: not-allowed; 
}


#seating-plan #bus-container #last-row .seat.scenter{

    margin:0 0px;

}

#seating-plan #bus-container #last-row .seat img,

#seating-plan #bus-container #middle-row .seat-row .seat img{

    width: 48px;

    height: 48px;

    vertical-align: middle;

}

#seating-plan #bus-img-container{

    width: 192px;   

    float: left;

    margin-left: 0px;

}

#seating-plan #bus-img-container #bus-info,

#seating-plan #bus-img-container #bus-image{

    width: 230px;

    border: 1px solid #d6d5d4;

    padding: 10px;

    margin:0 0px 10px 10px;

}
#seating-plan #bus-img-container #bus-image a.modal{
    z-index:0;}
#seating-plan #bus-img-container #bus-image img{

    width: 170px;   

}

fieldset#jform_userid,

fieldset#jform_payment{ 

    border: none; 

    width:auto;

    height: auto; 

    webkit-box-shadow: none; 

    padding: 0; box-shadow:none;

    -webkit-transition: none;

    margin: 0;/*kmz 20151124*/

}

fieldset#jform_userid {
    width: 300px !important;
}

fieldset#jform_userid,

fieldset#jform_payment input[type="radio"] {

      /*  margin-left: 5px; */

        position: relative;

        float: left;

}

fieldset#jform_userid label,

fieldset#jform_payment label {

    min-height: 10px;

/*    padding: 0 25px 0 5px; */

    margin-right: 25px;

    margin-bottom: 0;

    font-weight: normal;

    cursor: pointer;

}

fieldset#jform_userid label {
    margin-right: -40px;
    min-width: 100px;
}


fieldset#jform_payment label {
    min-width: 20px !important;
    padding-left: 0px !important;
}

.well-small {

    border-radius: 3px;

    padding: 9px;

}

.well {

    background-color: #f5f5f5;

    border: 1px solid #e3e3e3;

    border-radius: 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;

    margin-bottom: 20px;

    min-height: 20px;

    padding: 19px;

}

.head-box {

    border-bottom: 1px dotted #ccc;

    font-weight: bold;
  font-size:12px;

}

.row-fluid {

    width: 100%;

  clear: both;

}

.row-fluid::before, .row-fluid::after {

    content: "";

    display: table;

    line-height: 0;

}

.well .table {

    margin-bottom: 20px;

    width: 100%;

}

span#show_company{

    width: 250px;

  display: block;

    margin-bottom: 5px;

    margin-left: 30%;

    margin-top: -5px;

    /*kmz 20151126*/

}

#bustickets #jform_to, #bustickets #jform_from, #bustickets #jform_busline{

    width: 90%; /*160px;*/

}

#jform_busline{ display: inline-block !important; /* min-width: 170px;*/ }

#jform_depart_date{float:left; /*width: 145px;*/}

#jform_depart_date, #jform_dob,

.input-append input, .input-append select, .input-append .uneditable-input {

  -webkit-border-radius: 3px 0 0 3px;

  -moz-border-radius: 3px 0 0 3px;

  border-radius: 3px 0 0 3px;

}



/*minzaw*/

@media (max-width: 967px){

    #seating-plan {

        width: 90%;

        margin: auto 5%;       

    }    

    #form-booking{

    width: 90%;        

    float: none; 

    margin: auto;

    }

    #form-booking fieldset {

        height: auto;

    }

    .field-group .field-name input{

        width: 60%;

    }

    .field-group .field-name input[type="radio"]{

        width: 16%;

    }

    fieldset#jform_userid{

        width: 60%;

    }

}

@media (max-width: 767px)  {

}



.input-append input, .input-append select, .input-append .uneditable-input, .input-prepend input, .input-prepend select, .input-prepend .uneditable-input {

  position: relative;

  margin-bottom: 0;

  vertical-align: top;

  -webkit-border-radius: 0 3px 3px 0;

  -moz-border-radius: 0 3px 3px 0;

  border-radius: 0 3px 3px 0;

}



textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {

  background-color: #fff;

  border: 1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

  -webkit-transition: border linear .2s, box-shadow linear .2s;

  -moz-transition: border linear .2s, box-shadow linear .2s;

  -o-transition: border linear .2s, box-shadow linear .2s;

  transition: border linear .2s, box-shadow linear .2s;

}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {

  display: inline-block;

  height: 28px;

  padding: 0px 6px !important;

  margin-bottom: 9px;

  font-size: 13px;

  line-height: 28px;

  color: #555;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  vertical-align: middle;

}

select {

  -webkit-appearance: menulist;

  box-sizing: border-box;

  align-items: center;

  border: 1px solid;

  border-image-source: initial;

  border-image-slice: initial;

  border-image-width: initial;

  border-image-outset: initial;

  border-image-repeat: initial;

  white-space: pre;

  -webkit-rtl-ordering: logical;

  color: black;

  background-color: white;

  cursor: default;

}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {

  /*display: block;*/

  width: 100%;

  height: 28px;

  padding: 4px 6px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #666666;

  background-color: #ffffff;

  background-image: none;

  border: 1px solid #cccccc;  

  border-radius: 3px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border-color ease-in-out .15s, 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;

}



select {

  width: 220px;

  border: 1px solid #ccc;

  background-color: #fff;

}

select, input[type="file"] {

  height: 28px;

  line-height: 28px;

}

 

#form-booking #jform_nric_code {

  width: 27%;

  margin-left: -4px;

  display: inline-block;

}

 

#form-booking #jform_nric_township {

  width: 27%;

  display: inline-block;

}

 

#form-booking #jform_nric_no {
  display: inline-block;

}

ul.adminformlist label {

  display: inline-block;

  min-width: 30%;

  float: left;

}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {

  width: auto;
  margin-left: 5px;

}

.radio input[type="radio"]{

  position:relative !important;

  float:left;

    margin-left: 5px;

}

#jform_dob{

    float:left;

}

.addPhoto {

  background: url("../../../../media/com_eticket/images/addnew.png") no-repeat scroll 0 0px transparent;

  display: block;

  height: 16px;

  margin: 0 auto;

  margin-left: 30%;

  width: 16px;

}

.removePhoto {

  background: url("../../../../media/com_eticket/images/remove.png") no-repeat scroll 0 0px transparent;

  display: block;

  height: 16px;

  margin: 0 auto;

  width: 16px;

  margin-left: 36%; 

  margin-top: -15px;

}

.delmyPhoto{

    background: url("../../../../media/com_eticket/images/remove.png") no-repeat scroll 0 0px transparent;    

     height: 16px;

    margin: 20px auto;

    width: 16px;

    float:left;

    cursor: pointer;

}



.btn {

  display: inline-block;

  padding: 4px 12px;

  margin-bottom: 0;

  font-size: 13px;

  line-height: 17px;

  text-align: center;

  vertical-align: middle;

  cursor: pointer;

  color: #333;

  text-shadow: 0 1px 1px rgba(255,255,255,0.75);

  background-color: #f5f5f5;

  background-image: -moz-linear-gradient(top,#fff,#e6e6e6);

  background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));

  background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);

  background-image: -o-linear-gradient(top,#fff,#e6e6e6);

  background-image: linear-gradient(to bottom,#fff,#e6e6e6);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);

  border-color: #e6e6e6 #e6e6e6 #bfbfbf;

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

  border: 1px solid #bbb;

  border-bottom-color: #a2a2a2;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

}

button#admission {
    /* border: none; */
    background: #12b0bc;
    color: black;
}

@font-face {

  font-family: 'IcoMoon';

  src: url('../../../../media/jui/fonts/IcoMoon.eot');

  src: url('../../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');

  font-weight: normal;

  font-style: normal;

}

[data-icon]:before {

  font-family: 'IcoMoon';

  content: attr(data-icon);

  speak: none;

}

/*

[class^="icon-"],

[class*=" icon-"] {

  display: inline-block;

  width: 14px;

  height: 14px;

  margin-right: .25em;

  line-height: 14px;

} */

dd > span[class^="icon-"] + time,

dd > span[class*=" icon-"] + time {

  margin-left: -0.25em;

}

dl.article-info dd.hits span[class^="icon-"],

dl.article-info dd.hits span[class*=" icon-"] {

  margin-right: 0;

}

[class^="icon-"]:before,
[class*=" icon-"]:before {

  font-family: 'IcoMoon';

  font-style: normal;

  speak: none;

}

[class^="icon-"].disabled,

[class*=" icon-"].disabled {

  font-weight: normal;

}

.icon-joomla:before {

  content: "\e200";

}

.icon-chevron-up:before,

.icon-uparrow:before,

.icon-arrow-up:before {

  content: "\e005";

}

.icon-chevron-right:before,

.icon-rightarrow:before,

.icon-arrow-right:before {

  content: "\e006";

}

.icon-chevron-down:before,

.icon-downarrow:before,

.icon-arrow-down:before {

  content: "\e007";

}

.icon-chevron-left:before,

.icon-leftarrow:before,

.icon-arrow-left:before {

  content: "\e008";

}

.icon-arrow-first:before {

  content: "\e003";

}

.icon-arrow-last:before {

  content: "\e004";

}

.icon-arrow-up-2:before {

  content: "\e009";

}

.icon-arrow-right-2:before {

  content: "\e00a";

}

.icon-arrow-down-2:before {

  content: "\e00b";

}

.icon-arrow-left-2:before {

  content: "\e00c";

}

.icon-arrow-up-3:before {

  content: "\e00f";

}

.icon-arrow-right-3:before {

  content: "\e010";

}

.icon-arrow-down-3:before {

  content: "\e011";

}

.icon-arrow-left-3:before {

  content: "\e012";

}

.icon-menu-2:before {

  content: "\e00e";

}

.icon-arrow-up-4:before {

  content: "\e201";

}

.icon-arrow-right-4:before {

  content: "\e202";

}

.icon-arrow-down-4:before {

  content: "\e203";

}

.icon-arrow-left-4:before {

  content: "\e204";

}

.icon-share:before,

.icon-redo:before {

  content: "\27";

}

.icon-undo:before {

  content: "\28";

}

.icon-forward-2:before {

  content: "\e205";

}

.icon-backward-2:before,

.icon-reply:before {

  content: "\e206";

}

.icon-unblock:before,

.icon-refresh:before,

.icon-redo-2:before {

  content: "\6c";

}

.icon-undo-2:before {

  content: "\e207";

}

.icon-move:before {

  content: "\7a";

}

.icon-expand:before {

  content: "\66";

}

.icon-contract:before {

  content: "\67";

}

.icon-expand-2:before {

  content: "\68";

}

.icon-contract-2:before {

  content: "\69";

}

.icon-play:before {

  content: "\e208";

}

.icon-pause:before {

  content: "\e209";

}

.icon-stop:before {

  content: "\e210";

}

.icon-previous:before,

.icon-backward:before {

  content: "\7c";

}

.icon-next:before,

.icon-forward:before {

  content: "\7b";

}

.icon-first:before {

  content: "\7d";

}

.icon-last:before {

  content: "\e000";

}

.icon-play-circle:before {

  content: "\e00d";

}

.icon-pause-circle:before {

  content: "\e211";

}

.icon-stop-circle:before {

  content: "\e212";

}

.icon-backward-circle:before {

  content: "\e213";

}

.icon-forward-circle:before {

  content: "\e214";

}

.icon-loop:before {

  content: "\e001";

}

.icon-shuffle:before {

  content: "\e002";

}

.icon-search:before {

  content: "\53";

}

.icon-zoom-in:before {

  content: "\64";

}

.icon-zoom-out:before {

  content: "\65";

}

.icon-apply:before,

.icon-edit:before,

.icon-pencil:before {

  content: "\2b";

}

.icon-pencil-2:before {

  content: "\2c";

}

.icon-brush:before {

  content: "\3b";

}

.icon-save-new:before,

.icon-plus-2:before {

  content: "\5d";

}

.icon-minus-sign:before,

.icon-minus-2:before {

  content: "\5e";

}

.icon-delete:before,

.icon-remove:before,

.icon-cancel-2:before {

  content: "\49";

}

.icon-publish:before,

.icon-save:before,

.icon-ok:before,

.icon-checkmark:before {

  content: "\47";

  color: #51a351;  

    font-family: "IcoMoon";

}

.icon-new:before,

.icon-plus:before {

  content: "\2a";

}

.icon-plus-circle:before {

  content: "\e215";

}

.icon-minus:before,

.icon-not-ok:before {

  content: "\4b";

}

.icon-ban-circle:before,

.icon-minus-circle:before {

  content: "\e216";

}

.icon-unpublish:before,

.icon-cancel:before {

  content: "\4a";

  color: #bd362f;    

}

.icon-cancel-circle:before {

  content: "\e217";

}

.icon-checkmark-2:before {

  content: "\e218";

}

.icon-checkmark-circle:before {

  content: "\e219";

}

.icon-info:before {

  content: "\e220";

}

.icon-info-2:before,

.icon-info-circle:before {

  content: "\e221";

}

.icon-question:before,

.icon-question-sign:before,

.icon-help:before {

  content: "\45";

}

.icon-question-2:before,

.icon-question-circle:before {

  content: "\e222";

}

.icon-notification:before {

  content: "\e223";

}

.icon-notification-2:before,

.icon-notification-circle:before {

  content: "\e224";

}

.icon-pending:before,

.icon-warning:before {

  content: "\48";

}

.icon-warning-2:before,

.icon-warning-circle:before {

  content: "\e225";

}

.icon-checkbox-unchecked:before {

  content: "\3d";

}

.icon-checkin:before,

.icon-checkbox:before,

.icon-checkbox-checked:before {

  content: "\3e";

}

.icon-checkbox-partial:before {

  content: "\3f";

}

.icon-square:before {

  content: "\e226";

}

.icon-radio-unchecked:before {

  content: "\e227";

}

.icon-radio-checked:before,

.icon-generic:before {

  content: "\e228";

}

.icon-circle:before {

  content: "\e229";

}

.icon-signup:before {

  content: "\e230";

}

.icon-grid:before,

.icon-grid-view:before {

  content: "\58";

}

.icon-grid-2:before,

.icon-grid-view-2:before {

  content: "\59";

}

.icon-menu:before {

  content: "\5a";

}

.icon-list:before,

.icon-list-view:before {

  content: "\31";

}

.icon-list-2:before {

  content: "\e231";

}

.icon-menu-3:before {

  content: "\e232";

}

.icon-folder-open:before,

.icon-folder:before {

  content: "\2d";

}

.icon-folder-close:before,

.icon-folder-2:before {

  content: "\2e";

}

.icon-folder-plus:before {

  content: "\e234";

}

.icon-folder-minus:before {

  content: "\e235";

}

.icon-folder-3:before {

  content: "\e236";

}

.icon-folder-plus-2:before {

  content: "\e237";

}

.icon-folder-remove:before {

  content: "\e238";

}

.icon-file:before {

  content: "\e016";

}

.icon-file-2:before {

  content: "\e239";

}

.icon-file-add:before,

.icon-file-plus:before {

  content: "\29";

}

.icon-file-minus:before {

  content: "\e017";

}

.icon-file-check:before {

  content: "\e240";

}

.icon-file-remove:before {

  content: "\e241";

}

.icon-save-copy:before,

.icon-copy:before {

  content: "\e018";

}

.icon-stack:before {

  content: "\e242";

}

.icon-tree:before {

  content: "\e243";

}

.icon-tree-2:before {

  content: "\e244";

}

.icon-paragraph-left:before {

  content: "\e246";

}

.icon-paragraph-center:before {

  content: "\e247";

}

.icon-paragraph-right:before {

  content: "\e248";

}

.icon-paragraph-justify:before {

  content: "\e249";

}

.icon-screen:before {

  content: "\e01c";

}

.icon-tablet:before {

  content: "\e01d";

}

.icon-mobile:before {

  content: "\e01e";

}

.icon-box-add:before {

  content: "\51";

}

.icon-box-remove:before {

  content: "\52";

}

.icon-download:before {

  content: "\e021";

}

.icon-upload:before {

  content: "\e022";

}

.icon-home:before {

  content: "\21";

}

.icon-home-2:before {

  content: "\e250";

}

.icon-out-2:before,

.icon-new-tab:before {

  content: "\e024";

}

.icon-out-3:before,

.icon-new-tab-2:before {

  content: "\e251";

}

.icon-link:before {

  content: "\e252";

}

.icon-picture:before,

.icon-image:before {

  content: "\2f";

}

.icon-pictures:before,

.icon-images:before {

  content: "\30";

}

.icon-palette:before,

.icon-color-palette:before {

  content: "\e014";

}

.icon-camera:before {

  content: "\55";

}

.icon-camera-2:before,

.icon-video:before {

  content: "\e015";

}

.icon-play-2:before,

.icon-video-2:before,

.icon-youtube:before {

  content: "\56";

}

.icon-music:before {

  content: "\57";

}

.icon-user:before {

  content: "\22";

}

.icon-users:before {

  content: "\e01f";

}

.icon-vcard:before {

  content: "\6d";

}

.icon-address:before {

  content: "\70";

}

.icon-share-alt:before,

.icon-out:before {

  content: "\26";

}

.icon-enter:before {

  content: "\e257";

}

.icon-exit:before {

  content: "\e258";

}

.icon-comment:before,

.icon-comments:before {

  content: "\24";

}

.icon-comments-2:before {

  content: "\25";

}

.icon-quote:before,

.icon-quotes-left:before {

  content: "\60";

}

.icon-quote-2:before,

.icon-quotes-right:before {

  content: "\61";

}

.icon-quote-3:before,

.icon-bubble-quote:before {

  content: "\e259";

}

.icon-phone:before {

  content: "\e260";

}

.icon-phone-2:before {

  content: "\e261";

}

.icon-envelope:before,

.icon-mail:before {

  content: "\4d";

}

.icon-envelope-opened:before,

.icon-mail-2:before {

  content: "\4e";

}

.icon-unarchive:before,

.icon-drawer:before {

  content: "\4f";

}

.icon-archive:before,

.icon-drawer-2:before {

  content: "\50";

}

.icon-briefcase:before {

  content: "\e020";

}

.icon-tag:before {

  content: "\e262";

}

.icon-tag-2:before {

  content: "\e263";

}

.icon-tags:before {

  content: "\e264";

}

.icon-tags-2:before {

  content: "\e265";

}

.icon-options:before,

.icon-cog:before {

  content: "\38";

}

.icon-cogs:before {

  content: "\37";

}

.icon-screwdriver:before,

.icon-tools:before {

  content: "\36";

}

.icon-wrench:before {

  content: "\3a";

}

.icon-equalizer:before {

  content: "\39";

}

.icon-dashboard:before {

  content: "\78";

}

.icon-switch:before {

  content: "\e266";

}

.icon-filter:before {

  content: "\54";

}

.icon-purge:before,

.icon-trash:before {

  content: "\4c";

}

.icon-checkedout:before,

.icon-lock:before,

.icon-locked:before {

  content: "\23";

}

.icon-unlock:before {

  content: "\e267";

}

.icon-key:before {

  content: "\5f";

}

.icon-support:before {

  content: "\46";

}

.icon-database:before {

  content: "\62";

}

.icon-scissors:before {

  content: "\e268";

}

.icon-health:before {

  content: "\6a";

}

.icon-wand:before {

  content: "\6b";

}

.icon-eye-open:before,

.icon-eye:before {

  content: "\3c";

}

.icon-eye-close:before,

.icon-eye-blocked:before,

.icon-eye-2:before {

  content: "\e269";

}

.icon-clock:before {

  content: "\6e";

}

.icon-compass:before {

  content: "\6f";

}

.icon-broadcast:before,

.icon-connection:before,

.icon-wifi:before {

  content: "\e01b";

}

.icon-book:before {

  content: "\e271";

}

.icon-lightning:before,

.icon-flash:before {

  content: "\79";

}

.icon-print:before,

.icon-printer:before {

  content: "\e013";

}

.icon-feed:before {

  content: "\71";

}

.icon-calendar:before {

  content: "\43";

}

.icon-calendar-2:before {

  content: "\44";

}

.icon-calendar-3:before {

  content: "\e273";

}

.icon-pie:before {

  content: "\77";

}

.icon-bars:before {

  content: "\76";

}

.icon-chart:before {

  content: "\75";

}

.icon-power-cord:before {

  content: "\32";

}

.icon-cube:before {

  content: "\33";

}

.icon-puzzle:before {

  content: "\34";

}

.icon-attachment:before,

.icon-paperclip:before,

.icon-flag-2:before {

  content: "\72";

}

.icon-lamp:before {

  content: "\74";

}

.icon-pin:before,

.icon-pushpin:before {

  content: "\73";

}

.icon-location:before {

  content: "\63";

}

.icon-shield:before {

  content: "\e274";

}

.icon-flag:before {

  content: "\35";

}

.icon-flag-3:before {

  content: "\e275";

}

.icon-bookmark:before {

  content: "\e023";

}

.icon-bookmark-2:before {

  content: "\e276";

}

.icon-heart:before {

  content: "\e277";

}

.icon-heart-2:before {

  content: "\e278";

}

.icon-thumbs-up:before {

  content: "\5b";

}

.icon-thumbs-down:before {

  content: "\5c";

}

.icon-unfeatured:before,

.icon-asterisk:before,

.icon-star-empty:before {

  content: "\40";

}

.icon-star-2:before {

  content: "\41";

}

.icon-featured:before,

.icon-default:before,

.icon-star:before {

  content: "\42";

}

.icon-smiley:before,

.icon-smiley-happy:before {

  content: "\e279";

}

.icon-smiley-2:before,

.icon-smiley-happy-2:before {

  content: "\e280";

}

.icon-smiley-sad:before {

  content: "\e281";

}

.icon-smiley-sad-2:before {

  content: "\e282";

}

.icon-smiley-neutral:before {

  content: "\e283";

}

.icon-smiley-neutral-2:before {

  content: "\e284";

}

.icon-cart:before {

  content: "\e019";

}

.icon-basket:before {

  content: "\e01a";

}

.icon-credit:before {

  content: "\e286";

}

.icon-credit-2:before {

  content: "\e287";

}

.icon-expired:before {

  content: "\4b";

}



#showphotos{

    margin-top: 10px;

    margin-left: 30%;

}

#resetDefault{

    /*display: block;    */

    width: 150px;    

    position: relative;
    margin-left: 10px;

    /*left: 33%;*/

}
.view-hiddenseat #resetDefault{
  left: inherit;
}

#show_seatingplan #seating-plan{

    margin: 5px 0;

}

span.label-warning {

    background-color: #faebcc;

  color: #c09853;

  display: inline;

    font-size: 75%;

    font-weight: bold;

    line-height: 1;

    padding: 0.2em 0.6em 0.3em;

    text-align: center;

    vertical-align: baseline;

}

a:hover > span.label-success,

a:hover > span.label-warning { color: #bd362f; }

#awaypyay table.salesbook tr.row0,#awaypyay table.salesbook tr.row1{

  padding: 10px 0;

}

#awaypyay table.salesbook tr.row0:hover,#awaypyay table.salesbook tr.row1:hover{

  background: none !important;

}

#awaypyay table.adminlist.salesbook tr td a:hover { text-decoration:none; }

span.cancel-icon{

    background-image: url("../../../../media/com_eticket/images/cancel.png");

  background-repeat: no-repeat;

  background-position: center;

  padding: 10px;

}

/* for depart ddl*/

#awaypyay .field-calender .input-append {

    margin-top: 0px;

}

.slideshow .custom {

    margin-top: 85px;

}

/*kmz 20151124*/

.t3-mainbody {   

    min-height: 520px;

}

/*kmz 20151126*/

.slideshow .jumbotron {

    background: none !important;

}
#print_bg, #info_bg{
    display: none;
}
@media print {
    #system-message-container{
        display:none;
    }
    #find-result{margin-top: 0 !important;}
    #find-result fieldset{
        margin: 1px 0;
        border: 0px dashed #CCC;
        border-radius: 0;
        padding:0 0;
    }
    #search-ticket{
        margin:2px 0 !important;
        padding:0 0 !important;
        width: 300px;
        line-height: 14px !important;
    }
    .row{ margin-left: 0;}
  .page-masthead,
    #t3-mainnav,
    #awaypyay{
        display: none !important;
    }
    .view-checkticket #awaypyay{
        display: block;
    }
    .t3-mainbody{
        margin-top: 0 !important;
        padding-top: 0!important;
        padding-bottom: 0!important;
        min-height: 0!important;
    }
    .t3-content{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    margin-top: 0 !important;
    }
    .container,
    .col-xs-12{
        padding-left: 0;
    }
    #find-result a {
        display: none;
    }
    .well span i { display: none;}
    #info_bg, #print_bg{ display: none;}
    #info_bg img{ height: 50px; width: 100%;}
    #print_bg img{ height: 55px; width: 100%;}
    .trip-ticket .trip-ticket-header{       
/*        background-image: url('../images/e-ticket-header-bg.png') !important;       
        background-repeat: repeat;
        display: block;*/
        color: #fff !important;
        width: 100%;
        height: 50px;
        padding: 5px 10px;
    margin-top: -3px;
        z-index: 9999;
        position: relative;   
     }
     .trip-ticket .table tr td{
         padding: 1px 5px !important;
     }
     .trip-ticket .trip-ticket-header p {color:#fff;font-size: 14px !important;}
     .user-info {
/*        background-color:#CCC !important;*/
        padding: 0px 5px;
        margin:-0px 0 0 0 !important; 
    border: 0px !important;
    border-top: 1px dashed #000 !important;
    border-bottom: 1px dashed #000 !important;    
        z-index: 9999;
    }
    .user-info .userinfo-lbl{ position: relative; }
    .table{ color:red;}
    #search-ticket p span,
    .user-info p, 
    .head-box,
    .s-txt{font-size: 11px !important;}
    .s-txt span{font-size: 12px !important;}
    .user-info .s-txt {
        font-size: 11px !important;
        font-weight: bold;
    }
    #search-ticket p span{
        line-height: 13px !important;
    }
    #search-ticket p{
        padding: 0 5px !important;
        line-height: 13px !important;
        margin-bottom: 0 !important;
    }
    .qr-code{
        width: 43%;
        font-size: 11px;
    }
    .qr-code img {
        width: auto;
    /*height: 95px;*/
    }
    .action-button{padding: 0!important;line-height: 0!important; margin: 0 !important;}
  #choose_payment_type{display: none !important;}
}
.btn-warning {
    color: #ffffff;
    background-color: #21439A;
    border-color: #21439A;
}
.trip-ticket{
    margin: 5px 10px;
}
.trip-ticket .trip-ticket-header{
   background-color: #21439A;
   color: #fff;
   width: 100%;
   height: 60px;
   padding: 5px 10px;
}
.trip-ticket .trip-ticket-header img{
    float:left;
    max-height: 50px;
    display: block;
    margin: 0;
}
.trip-ticket .trip-ticket-header p{
    float: right;
    font-size: 16pt;
    /*margin-top:20px;*/
}
.s-header{
    float: left;
    font-size: 12px;
    font-weight: bold;
}
.w-100{
  width: 100%;
}
.s-txt{
    font-size: 12px;
    font-weight: normal;    
}
.orginal-amt{
    color: #ccc;
    text-decoration: line-through;
}
.promo-percent{
    padding-left: 5px;
    color: #f00;
}
.discount-amt{
    /*color: #f00;*/
}
.s-txt span{
    font-size: 18px;
}
.info-holder{
    width:100%;
}
.info-holder .status-table{
    width:42%;    
    float: left;
}
.info-holder .qr-code{
    width:36%;
    float: right;
    text-align: center;
}
.info-holder .qr-code img{
    margin: 10px auto;
    width: 115px;
    max-height: none;
}
.trip-ticket .table tr td,
.status-table tr td{
    border-top:none;
    padding: 5px;    
}
.user-info {
    /*background: #CCC;*/
    padding: 5px 10px;
    margin: 0;
  border:1px solid #CCC;
  border-radius:10px;
}
.user-info .head-box {
    border-bottom: none;
   
}
.user-info .s-txt{
    font-size: 12px;
   font-weight: bold;
}
.view-checkticket fieldset{margin:auto;}
.view-tickets .btn-primary,
.view-tickets .btn-default,
.view-tickets .btn-warning,
.view-tickets .btn-info,
.view-tickets .btn-success {    
    /*border: 1px solid;*/
    border-radius: 5px;    
    padding: 7px 16px;
  /*background:#12B0BC; */
}
.choose-seats a.btn.btn-info {
    background: #00466e ;
    color: white ;
}

a.btn.btn-info:hover
{
    background: white;
    color: blue;
}
.view-tickets .btn-primary:hover,
.view-tickets .btn-default:hover,
.view-tickets .btn-warning:hover,
.view-tickets .btn-info:hover,
.view-tickets .btn-success:hover{
    text-decoration: none;
}
.view-tickets .trip-ticket p,.view-salesbook .trip-ticket p {
  margin: 0 0 8px 0;
}

.trip-ticket table{
    margin-bottom: 0;
}
#show_seatstatus{
    color: red;
    float: right;
    padding: 0 5px;
    width: 50%;
}
.mm-lbl{
  font-size:11px;
}

.userinfo-lbl{
  float:left;
  width:120px;
  font-weight:bold;
}
.jform_payment #jform_payment label {
    padding: 0 5px 0 0px;
}
a.action-change{
    display: block;
    float: right;
    cursor: pointer;
    white-space: nowrap;
    margin: 0 0 5px 0;
    color: #08a;
    text-decoration: none;
  position: relative;
}
a.action-change .icon-change-ticket{
    background-image: url("../images/ticket-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    display: block;
    float: none;
    padding: 20px;
}
.nric-search{
    float:left;
    width: 80%;
}
.nric-search #jform_nric_no {
    width: 100px;
    display: inline-block;
}
.nric-search #jform_nric_township {
    width: auto;
    display: inline-block;
}
.nric-search #jform_nric_code {
    width: auto;
    display: inline-block;
}
.nric-search .jform_nric{
    width: 42%;
    float: left;
}

#saleslist   .jform_nric{
    width: 100%;/*width: 70%;*/
    float: left;
}
.nric-search .jform_passport{
    width: 35%;
    float: left;
}
.field-location #jform_pickup_id,
.field-location #jform_location_id{
    width: 220px;
    float: left;
    margin-right: 5px;
}
#membership_no_field{    
    display: none;
}
.icon-print-action{
    background-image: url("../images/icon-print2.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    cursor: pointer;
    display: block;
    float: none;
    padding: 16px;
}
#select_change_type{    
   display: none;
}
#saletickets select{
  width: 95%;
}
.field-group-bs-date{
    float:left;width: 30%;margin-top: -10px;
}
.field-group-submit{
    width:20%;float:left;
}
.selectedseats span{
    display: block;
    overflow: auto;
    line-height: 30px;
}
.s-txt-seats{
    display:block;
    overflow: auto;
    max-width: 150px;
    word-wrap: break-word;
}
@media (max-width: 967px) {

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    
    padding-left: 10px;
    padding-right: 10px;
}

    #form-search .field-input{

        min-width: 25%;

        float: left;   

    }
    
    #bus-lines a.btn.btn-info {
    white-space: normal;
    width: 75px;
    background: #12b0bc;
}

    #bus-lines td.bus-class {
    width: 20px;
}

    #form-search .field-calender{

        min-width: 25%; /*200px;*/

        float: left;

    }

    .field-calender .input-append {

        margin-bottom: 0;

    }

    #form-search .field-pix {

        float: left;

        padding-left: 10px;

        width: 100px;

        margin-right: 10px;

    }

    .field-calender .input-append input{

        min-width: 80%;

    }
    .t3-sidebar-left{
        display: none;
    }
  .nric-search {        
        margin-bottom: 10px !important;
        width: 80% !important;
    }
    .nric-search .jform_nric {        
        width: 70% !important;
    }
    .field-group-submit {       
        width: 60% !important;
    }
    .field-group-bs-date {        
        width: 65% !important;
    }

/*---------------start clh added 27.1.2017 for responsive ---------*/
/*start buslines get from quick buy*/
#bus-lines {
    width: 100%;
  }

 /* #bus-lines .bus-no,#bus-lines .price {
    display: none;
  } */
#bus-lines .bus-no {
    display: none;
  } 
  
   #bus-lines .price {
     font-size: 14px !important;
  }

  #bustickets {
      height: auto !important;
      width: 97% !important;
      margin: 0 auto;
  }

  #search-ticket p {
    text-align: center;
  }

 /* Hide table headers (but not display: none;, for accessibility) */
  #bus-lines thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
    
  #find-result #bus-lines tr td.bus-logo img {
    width: 50px;
    height:30px;  
    margin: 5px 5px 5px 0;
    border: 1px solid #efefef;
  }

  #find-result #bus-lines tr {
    font-size: 10px;
  }

  #find-result #bus-lines tr td.bus-logo span{
    display: block;    
    vertical-align: middle;    
  }

  #bus-lines.bus-logo {
    width: 20%;
  }
  .d-time {
    padding-right: 5px;
  }
 #bus-lines .av-seat {
  width: 30%;
  display: none;
 }
  tr .av-seat .ticket-price,tr .bus-class .npt_route,tr .av-seat .seats  {
    display: inline;
  }
  
.choose-seats{
  padding-left:3%;
}
/*end buslines get from quick buy*/

/*start of user form with seating plan */
#form-booking {
  font-size: 11px;
}

#form-booking .field-group label.label2 {
    width: 130px;
}
#form-booking .field-group .field-nric {
    float: left;
    width: 100%;
}
.view-tickets .nric, .field-group {
  display: inherit;
}
#form-booking .field-submit {
  display: inline-block;
  margin-bottom: 20px;
}
#form-booking .field-submit button {
  margin-bottom: 1px;
}

#form-booking .my-user-radio input,#form-booking .my-user-radio label{
  float: left;
}
#form-booking .my-user-radio input ,.field-group .radio input {
  width: 10px!important;
  height: 10px!important;
  display: inline-block;
}

#form-booking fieldset #jform_userid label {
  width: 130px;
}
/*for payment select radio*/
.inputbox input, .inputbox label {
  float: left!important;
  padding-right: 10px;
}

.field-group .radio {
  width: 120px!important;
}


/*end of user form with seating plan */
/*start for mpu checkout*/


#mpu-view .adminform {
    margin: 0;
    padding: 0;
  }

  #mpu-view .adminform .adminformlist {
    width: 100%!important;
    padding: 0 5px;
  }  
  .mpu-btn {
    margin-left: 23%!important;
    margin-bottom: 10px;
  }
  /*end for mpu checkout*/
.qr-code strong {
    font-size: 16px;
    font-weight: bold;
}

/* start todaybus */
.t3-mainbody {
  margin-top: 0;
}
/* Force table to not be like tables anymore */
    #todaybus-view table,
    #todaybus-view thead,
    #todaybus-view tbody,
    #todaybus-view tfoot,
    #todaybus-view th,
    #todaybus-view td,
    #todaybus-view tr { 
      display: block;  
      font-size: 11px;     
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    #todaybus-view .adminlist thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

    #todaybus-view .adminlist tr { 
          border: 1px solid #ccc;
    /* height: 210px; */
    padding: 5px;
    margin-bottom: 5px;
    }
    
    #todaybus-view .adminlist td { 
      /* Behave  like a "row" */
      border: none !important;
      position: relative;
      padding-left: 50%; 
    }
    
    #todaybus-view .adminlist td:before { 
      /* Now like a table header */
      /* position: absolute; */
      /* Top/left values mimic padding */
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      white-space: nowrap;
    }

    #todaybus-view .adminlist img {
      width: 100px!important;
      height: 60px!important;
    }

    #todaybus-view .adminlist tfoot tr {
       /* height: 50px; */
    }
    #todaybus-view .adminlist tfoot td {
      padding: 5px;
    }
    #todaybus-view .adminlist tfoot td ul.pagination {
      display: inline-flex;
      padding: 10px;
      margin: 0;
    }

    #todaybus-view .adminlist tfoot td ul.pagination li a {
        padding: 6px 10px;
    }

    #todaybus-view .adminlist tfoot td .pagination::before, .pagination::after {
    display: inline-flex;
}

  #todaybus-view .adminlist tbody td:nth-of-type(1):before { content: "Time"; }
  #todaybus-view .adminlist tbody td:nth-of-type(2):before { content: "From"; }
  #todaybus-view .adminlist tbody td:nth-of-type(3):before { content: "To"; }
  #todaybus-view .adminlist tbody td:nth-of-type(4):before { content: "Bus Line"; }
  #todaybus-view .adminlist tbody td:nth-of-type(5):before { content: "Bus No"; }
  #todaybus-view .adminlist tbody td:nth-of-type(6):before { content: "Class"; }
  #todaybus-view .adminlist tbody td:nth-of-type(7):before { content: "Available Seats"; }
  #todaybus-view .adminlist tbody td:nth-of-type(8):before { content: "Price (MMK)"; }
  #todaybus-view .adminlist tbody td:nth-of-type(9):before { content: "Remark"; }
/*end todaybus*/
/*start ticketing agents and hotels responsive*/

#search-filter select {
     width: 95%;
   }

#search-filter ,#search-filter .inputbox {
width: 95%;
}
#search-filter button {
  margin-bottom: 10px;
}

 #ticketing-agents-view .adminlist {
    width: 100%!important;
  }

   #ticketing-agents-view table,
   #ticketing-agents-view thead,
   #ticketing-agents-view tbody,
   #ticketing-agents-view tfoot,
   #ticketing-agents-view th,
   #ticketing-agents-view td,
   #ticketing-agents-view tr { 
      display: block;  
      font-size: 11px;     
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    #ticketing-agents-view .adminlist thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

    #ticketing-agents-view .adminlist tr { 
      border: 1px solid #ccc;
    }
    
    #ticketing-agents-view .adminlist .phone {
    width: 100% !important;
    /*max-width: 100px !important; */
    overflow-x: auto;
    /* display: block; */
    /* width: fit-content; */
}

    #ticketing-agents-view .adminlist td { 
      /* Behave  like a "row" */
      border: none;
      position: relative;
      padding: 5px;
    }
    
    #ticketing-agents-view .adminlist td:before { 
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      white-space: nowrap;
    }
    #ticketing-agents-view .adminlist .agent-name ,
    .phone,.state-division ,.township,.agent-address {
      width: 100%!important;
    }
    /*end ticketing agents and hotels responsive*/

    /*start of start page of check booking table responsive*/

  #checkbooking-view {
    display: inline-block;
    width: 100%;
  }
  
  /* Force table to not be like tables anymore */
    #checkbooking-view .adminlist table,
    #checkbooking-view .adminlist thead,
    #checkbooking-view .adminlist tbody,
    #checkbooking-view .adminlist th,
    #checkbooking-view .adminlist td,
    #checkbooking-view .adminlist tr { 
      display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    #checkbooking-view .adminlist thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    
    #checkbooking-view .adminlist tr { border: 1px solid #ccc; }
    
    #checkbooking-view .adminlist td { 
      /* Behave  like a "row" */
      
      /*border: none !important;*/
      position: relative;
      padding-left: 50%; 
      padding-bottom: 15px;
      text-align: left!important;
    }
    
    #checkbooking-view .adminlist td:before { 
      /* Now like a table header */
     /* position: absolute; */
      /* Top/left values mimic padding */
      
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      font-weight: bold;
    }
    /*
    Label the data
    */
    #checkbooking-view .adminlist td:nth-of-type(1):before { content: "Name NRIC/Passport/Other"; }
    #checkbooking-view .adminlist td:nth-of-type(2):before { content: "Phone"; }
    #checkbooking-view .adminlist td:nth-of-type(3):before { content: "Class"; }
    #checkbooking-view .adminlist td:nth-of-type(4):before { content: "Trip"; }
    #checkbooking-view .adminlist td:nth-of-type(5):before { content: "Depart Date/Time"; }
    #checkbooking-view .adminlist td:nth-of-type(6):before { content: "Seat(s) no."; }
    #checkbooking-view .adminlist td:nth-of-type(7):before { content: "Ticket Price (MMK)"; }
    #checkbooking-view .adminlist td:nth-of-type(8):before { content: "Amount (MMK)"; }
    #checkbooking-view .adminlist td:nth-of-type(9):before { content: "Status"; }
    #checkbooking-view .adminlist td:nth-of-type(10):before { content: "View Ticket"; }
    
/*end of start page of check booking table responsive */
/* checkbooking trip-ticket*/
#checkbooking-view #search-ticket {
  width: 100%!important;
  padding: 0!important;
  font-size: 11px!important;
}

/* For Guest Customer Web View Start */

  #guest-customer-webview #checkbooking-view {
    display: block !important;
    width: auto !important;
  }
  
  /* Force table to not be like tables anymore */
    #guest-customer-webview #checkbooking-view .adminlist thead { display: table-header-group !important; }
    #guest-customer-webview #checkbooking-view .adminlist tbody { display: table-row-group !important; }
    #guest-customer-webview #checkbooking-view .adminlist th { display: table-cell !important; }
    #guest-customer-webview #checkbooking-view .adminlist td { display: table-cell !important; }
    #guest-customer-webview #checkbooking-view .adminlist tr { display: table-row !important; }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    #guest-customer-webview #checkbooking-view .adminlist thead tr { 
      position: initial !important;
      top: auto !important;
      left: auto !important;
    }
    
    #guest-customer-webview  #checkbooking-view .adminlist tr { border: none !important; }
    
    #guest-customer-webview  #checkbooking-view .adminlist td { 
       /*Behave  like a "row" */
      
      border: 2px solid white !important;
      /*position: initial !important;*/
      /*padding-left: initial !important; */
      /*padding-bottom: initial !important;*/
      text-align: initial !important;
    }
    
    #guest-customer-webview  #checkbooking-view .adminlist td:before { 
      /* Now like a table header */
     /* position: absolute; */
      /* Top/left values mimic padding */
      
      left: 0 !important;
      width: 0 !important; 
      padding-right: 0 !important; 
      font-weight: initial !important;
    }
    /*
    Label the data
    */
    #guest-customer-webview #checkbooking-view .adminlist td:nth-of-type(1):before { content: "" !important; }
    #guest-customer-webview #checkbooking-view .adminlist td:nth-of-type(2):before { content: "" !important; }
    #guest-customer-webview #checkbooking-view .adminlist td:nth-of-type(3):before { content: "" !important; }
    #guest-customer-webview #checkbooking-view .adminlist td:nth-of-type(4):before { content: "" !important; }
    #guest-customer-webview #checkbooking-view .adminlist td:nth-of-type(5):before { content: "" !important; }
    #guest-customer-webview #checkbooking-view .adminlist td:nth-of-type(6):before { content: "" !important; }
    #guest-customer-webview #checkbooking-view .adminlist td:nth-of-type(7):before { content: "" !important; }
    #guest-customer-webview #checkbooking-view .adminlist td:nth-of-type(8):before { content: "" !important; }
    #guest-customer-webview #checkbooking-view .adminlist td:nth-of-type(9):before { content: "" !important; }
    #guest-customer-webview #checkbooking-view .adminlist td:nth-of-type(10):before { content: "" !important; }
    
/*end of start page of check booking table responsive */
/* checkbooking trip-ticket*/
/*#guest-customer-webview #checkbooking-view #search-ticket {*/
/*  width: initial !important;*/
/*  padding: initial !important;*/
/*  font-size: initial !important;*/
/*}*/

/* For Guest Customer Web View End */

#search-ticket {
  width: 100%;
}
#printDiv .trip-ticket,#search-ticket .trip-ticket{
  width: 100%!important;
}

/*-------------end clh added 27.1.2017  for responsive--------------*/
/*start clh added 29.1.2017*/
.choose-payment-div {
  width: 100%!important;
  margin: 0 auto!important;
}

.choose-payment-div #search-ticket{
  width: 100%!important;
}
/*end clh added 29.1.2017*/
}/*end of media 967*/

@media (min-width: 967px) {
#ticketing-agents-view .adminlist .phone {
    max-width: 100px !important;
    overflow-x: auto;
}
.web_dialog{
    width: 40%;
}

}
@media (max-width: 767px) {
    
    #seating-plan {
        width: 98%;
        margin: auto 1%;
    }
    
    div#dialog {
    width: 350px;
}

fieldset#jform_userid {
    width: 90px !important;
}
fieldset#jform_gender {
    width: 130px !important;
}
    #form-booking{
    width: 98%;        
    float: none; 
    margin: auto;
    }
    #form-booking fieldset {
        height: auto;
    }
    .field-group .field-name input{
        width: 60%;
    }
    .field-group .field-name input[type="radio"]{
        width: 16%;
    }   

    fieldset#jform_userid{
        width: 60%;
    }
    fieldset#jform_topup_type {
    height: auto;
    width: 180px;
    padding-right: 20px;
}
    
    table.salesbook th,
    table.salesbook td {
        display: none;
    }

    table.salesbook th:nth-child(3),
    table.salesbook th:nth-child(2),
    table.salesbook th:nth-child(9),
    table.salesbook th:nth-child(7),
    table.salesbook th:nth-child(8),
    table.salesbook td:nth-child(3),
    table.salesbook td:nth-child(9),
    table.salesbook td:nth-child(7),
    table.salesbook td:nth-child(8),
    table.salesbook td:nth-child(2) 
    {
        display: block;
    }
    table.salesbook th:nth-child(1),
    table.salesbook td:nth-child(1){
        display: block;
        width: 100%;
    }

    #form-search .field-input{
        min-width: 50%; /*update 20160315*/
        float: left;
    }

    #form-search .field-calender{
        min-width: 50%; /*200px;*//*update 20160315*/
        float: left;
    }

    .field-calender .input-append {
        margin-bottom: 0;
        width: 90%;
    }

    #form-search .field-pix {
        float: left;
        padding-left: 0px;
        width: 120px;
        margin-right: 10px;
    }

    .field-calender .input-append input{
        width: 75%;
    }
    ul.tabs li.current,
    ul.tabs li {    
        font-size: 1.134em !important;
        margin: 10px 2px -1px;         
    }    
    #search-ticket #jform_nric_code, #form-booking #jform_nric_code {        
        width: 38%;
    }
    #search-ticket #jform_nric_township, #form-booking #jform_nric_township {    
        width: 39%;
    }
    #search-ticket #jform_nric_no, #form-booking #jform_nric_no {    
        width: 94%;
    }
    #form-search .field-calender {       
        min-width: 100%;
    }
    #form-search .field-input {       
        min-width: 100%;
    }
    #search-ticket #jform_nric_no, #form-booking #jform_nric_no {      
        width: 25% !important;
    }
    #search-ticket #jform_nric_township, #form-booking #jform_nric_township {    
        width: 35%;
    }
    #search-ticket #jform_nric_code, #form-booking #jform_nric_code {    
        width: 23%;
    }    
    #salesbook #search-ticket #jform_nric_township, #salesbook #form-booking #jform_nric_township {    
        width: 18%;
    }
    #salesbook #search-ticket #jform_nric_code, #salesbook #form-booking #jform_nric_code {    
        width: 12%;
    }
    .field-group .field-name input[type="radio"] {
        width: 2%;
    }
    .nric-search {        
        width: 100%;
        margin-bottom: 10px;
    }
    .nric-search .jform_nric {    
        width: 100%;
    }
    .field-group-bs-date{
        width: 100%;
    }
    .field-group-submit{
        width:90%;
    }
    .modal{
        z-index: 0;
    }
    #seating-plan #bus-container {        
        width: 320px;
    }
    #seating-plan {   
        padding: 10px 2px;
        width: 100%;
    }
    #seating-plan #bus-container {
        width: 245px;
        padding: 10px 0;
    }
    #seating-plan #bus-img-container {    
        width: 185px;
    }
    .field-group .field-name input {
        width: 54%;
    }
    fieldset#jform_userid {
        width: 132px;
    }
    #form-booking .field-group .field-nric label {
    /*    line-height: 36px; */
    }
    #search-ticket {        
        padding: 3px 3px 3px 3px;      
    }
}

.ticket-info{
  font-size:12px;
}
/*clh added*/
/*for today bus header*/
.todaybus-header h2 {
    border-radius: 10px;
    height: auto;
    padding: 20px;
    background: linear-gradient(to right, #12b0bc, #fff);
}

/* for ticketing agents and hotel*/

#ticketing-agents-view .adminlist .phone {
    width: 20%;
    
}

#ticketing-agents-view .adminlist .state-division {
  width: 16%;
}

#ticketing-agents-view .adminlist .township {
  width: 10%;
}

#ticketing-agents-view .adminlist .agent-address {
  width: 35%;
   word-break: break-all;
}
.mpu-btn {
    margin-left: 30%;
    margin-bottom: 10px;
  }

.charges-table {
  width: 100%;
}
.charges-table tr td{
  padding: 10px;
}
/*start clh added for responsive 29.1.2017*/
 @media (max-width: 967px) {
 /* start collect and sales */

.container .tabs {
    font-size: 10px;
    display: flex;
  }
  #awaypyay .cpanel .icon a {
  
    width: 100px;
    height: 100px;
    float: left;
}
  #dashboard-icons .icon img {
    height: 60px;
}
  
  .rptseat {
    width: 40% !important;
    overflow: auto;
    height: auto !important;
    min-height: 90px;
}

.fltlft {
    margin-left: 0px !important;
    width: 60% !important;
}

.width-100.fltlft {
    width: 350px !important;
}

  #awaypyay {
    font-size: 11px;
  }
  

.radio-nric,
.radio-passport ,
.radio-other,
.radio-searchby {
  float: left;
}
.view-salesbook #search-ticket .fields .field-name {
    width: 160px !important;
}
/*start tab1 collect*/
#awaypyay #adminform2 #fsearch #search-ticket .fields .field-name {
    width: 50% !important;
}

#collect-result-view {

}

 #collect-result-view {
    display: inline-block;
    width: 100%;
  }
  /* Force table to not be like tables anymore */
    #collect-result-view table,
    #collect-result-view thead,
    #collect-result-view tbody,
    #collect-result-view th,
    #collect-result-view td,
    #collect-result-view tr { 
      display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    #collect-result-view thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    
    #collect-result-view tr { border: 1px solid #ccc; }
    
    #collect-result-view td { 
      /* Behave  like a "row" */
      border: none !important;
      position: relative;
      padding-left: 50%; 
      padding-bottom: 15px;
      text-align: left!important;
    }
    
    #collect-result-view td:before { 
      /* Now like a table header */
      /* position: absolute;*/
      /* Top/left values mimic padding */
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      font-weight: bold;
    }
    /*
    Label the data
    */
    #collect-result-view table tbody td:nth-of-type(1):before { content: "Name NRIC/Passport/Other Phone"; }
    #collect-result-view table tbody td:nth-of-type(2):before { content: "Trip - Class"; }
    #collect-result-view table tbody td:nth-of-type(3):before { content: "Depart Date/Time"; }
    #collect-result-view table tbody td:nth-of-type(4):before { content: "Seats"; }
    #collect-result-view table tbody td:nth-of-type(5):before { content: "Ticket Price (MMK)"; }
    #collect-result-view table tbody td:nth-of-type(6):before { content: "Amount (MMK)"; }
    #collect-result-view table tbody td:nth-of-type(7):before { content: "Payment Status"; }
    #collect-result-view table tbody td:nth-of-type(8):before { content: "Status"; }
    #collect-result-view table tbody td:nth-of-type(9):before { content: "Action"; }
    #collect-result-view table tbody td:nth-of-type(10):before { content: "Agent"; }
    #collect-result-view table tbody td:nth-of-type(11):before { content: "Sale By"; }
  #collect-result-view table tbody td:nth-of-type(12):before { content: "Book By"; }
  #collect-result-view table tbody td:nth-of-type(13):before { content: "Cancel By"; }
  #collect-result-view table tbody td:nth-of-type(14):before { content: "MPU Collect"; }
/*end tab1 */
.fields .field-submit {
  top: 35px!important;
}
/* start tab3 booking */
#collectandsales-view #bookinglist {
    width: 100%!important;
    display: inline-block;
    margin-top: 15px;
}
#collectandsales-view .field-group .nric {
    width: 100%!important;
    float: left;
    display: flex;
}
#collectandsales-view #adminForm3 .field-name {
    width: 60% !important;
}

#collectandsales-view .cpanel ,#change-ticket-view .cpanel {
  padding: 20px 5px;
}
#collectandsales-view .field-group .field-nric {
    width: 38%;
    float: left;
}

#collectandsales-view .nric-search #adminForm3 .field-group-bs-date {
    width: 59% !important;
    float: left !important;
}

#collectandsales-view .nric-search #adminForm3 .field-group-submit {
    width: 52% !important;
    float: left !important;
    top: 0!important;
}
/* end tab3 booking */
  .view-salesbook .nric-search #adminForm3 .field-name {
    width: 160px!important;
    float: left !important;
  }
  #awaypyay_collectsale #change-ticket-view .nric-search #adminForm3 {
    display: block;
  }
  #awaypyay_collectsale #change-ticket-view .nric-search #adminForm3 .jform_nric {
    width: 100%!important;
  }

#awaypyay_collectsale #change-ticket-view .nric-search #adminForm3 .field-name  {
  width: 160px!important;
}

/* start tab4 change ticket*/
#change-ticket-view .nric-search {
  height: auto;
  margin: 0;
}
  #change-ticket-view .nric-search #adminForm3 .field-group-submit {
    width: 70% !important;
    float: left !important;
  }
  #change-ticket-view #saleslist {
    width: 100%!important;
    display: inline-block;
}
#change-ticket-view #saleslist .field-group .field-nric {
    width: 39% !important;
    float: left;
}
#change-ticket-view #saleslist .field-group .nric {
    width: 100% !important;
    float: left;
    display: inline-flex;
}
  .radio-passport, .radio-other {
    margin: 0!important;
  }
   .default-bookinglist-datenbtn {
    width: 100%!important;
    float: right;
    padding-top: 5px;
  }

  .default-bookinglist-datenbtn .field-group .btn {
    margin: 0 0 5px 0;
  }

  #collect-awaypyay #search-ticket .fields .field-name {
    width: 60%!important;
  }
  #collect-awaypyay #fsearch .field-input {
    width: 100% !important;
    display: inline-block;
}
  .view-salesbook .jform_searchby {
    width: 80% !important;
    float: left !important;
}

  /* start of change ticket table responsive in collect and sale*/
  /* Force table to not be like tables anymore */
  #change-ticket-view .cpanel form {
    display: inline-block;
    width: 100%;
  }
    #change-ticket-view .cpanel table,
    #change-ticket-view .cpanel tbody,
    #change-ticket-view .cpanel tfoot,
    #change-ticket-view .cpanel th,
    #change-ticket-view .cpanel td,
    #change-ticket-view .cpanel tr { 
      display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    #change-ticket-view .cpanel thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    
    #change-ticket-view .cpanel tr { border: 1px solid #ccc; }
    
    #change-ticket-view .cpanel td { 
      /* Behave  like a "row" */
      border: none !important;
      position: relative;
      padding-left: 50%; 
      padding-bottom: 15px;
      text-align: left!important;
    }

    #change-ticket-view .cpanel table tfoot td {
      padding-left: 5%;
    }
    
    #change-ticket-view .cpanel td:before { 
      /* Now like a table header */
      /* position: absolute; */
      /* Top/left values mimic padding */
      left: 6px;
      width: 45%; 
      padding-right: 10px;
      font-weight: bold;
    }
    
  #change-ticket-view .cpanel table tbody td:nth-of-type(1):before { content: "ID ";}
  #change-ticket-view .cpanel table tbody td:nth-of-type(2):before { content: "Name NRIC/Passport/Other "; }
  #change-ticket-view .cpanel table tbody td:nth-of-type(2) span:before { content: "Phone"; }
  #change-ticket-view .cpanel table tbody td:nth-of-type(3):before { content: "Trip"; }
  #change-ticket-view .cpanel table tbody td:nth-of-type(3) span:before { content: "Class"; }
  #change-ticket-view .cpanel table tbody td:nth-of-type(4):before { content: "Depart Date/Time"; }
  #change-ticket-view .cpanel table tbody td:nth-of-type(5):before { content: "Seats"; }
  #change-ticket-view .cpanel table tbody td:nth-of-type(6):before { content: "Ticket Price (MMK)"; }
  #change-ticket-view .cpanel table tbody td:nth-of-type(7):before { content: "Payment"; }
  #change-ticket-view .cpanel table tbody td:nth-of-type(8):before { content: "Agent"; }
  #change-ticket-view .cpanel table tbody td:nth-of-type(9):before { content: "Sale By"; }
  #change-ticket-view .cpanel table tbody td:nth-of-type(10):before { content: "Sale Date"; }
/* end of change ticket table responsive in collect and sale */
/* end tab4 change ticket*/
.qr-code strong {
    font-size: 15px;
    font-weight: bold;
}
/*start of booking tab table responsive in collect and sale */

  #mycollect3 {
    display: inline-block;
    width: 100%;
  }
  /* Force table to not be like tables anymore */
    #mycollect3 table,
    #mycollect3 thead,
    #mycollect3 tbody,
    #mycollect3 th,
    #mycollect3 td,
    #mycollect3 tr { 
      display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    #mycollect3 thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    
    #mycollect3 tr { border: 1px solid #ccc; }
    
    #mycollect3 td { 
      /* Behave  like a "row" */
      border: none !important;
      position: relative;
      padding-left: 50%; 
      padding-bottom: 15px;
      text-align: left!important;
    }
    
    #mycollect3 td:before, span:before { 
      /* Now like a table header */
      /* position: absolute; */
      /* Top/left values mimic padding */
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      font-weight: bold;
    }
    /*
    Label the data
    */
    #mycollect3 table td:nth-of-type(2):before { content: "Name NRIC/Passport/Other"; }
    #mycollect3 table td:nth-of-type(2) span:before { content: "Phone"; }
    #mycollect3 table td:nth-of-type(3):before { content: "Trip"; }
    #mycollect3 table td:nth-of-type(3) span:before { content: "Class"; }
    #mycollect3 table td:nth-of-type(4):before { content: "Depart Date/Time"; }
    #mycollect3 table td:nth-of-type(5):before { content: "Seat(s) no."; }
    #mycollect3 table td:nth-of-type(6):before { content: "Ticket Price (MMK)"; }
    #mycollect3 table td:nth-of-type(7):before { content: "Amount (MMK)"; }
    #mycollect3 table td:nth-of-type(8):before { content: "Payment Status"; }
    #mycollect3 table td:nth-of-type(9):before { content: "Agent"; }
    #mycollect3 table td:nth-of-type(10):before { content: "Book by"; }
    #mycollect3 table td:nth-of-type(11):before { content: "Booking Date"; }
    #mycollect3 table td:nth-of-type(12):before { content: "Action"; }

/* end collect and sales */
/*-------------end clh added 27.1.2017  for responsive--------------*/
}
/*end clh added for responsive 29.1.2017*/
/*start collect and sale web*/
.jform_other .jform_passport {
  width: 60%;
}
/*tab1 collect*/
#collect {
width: 100%!important;
}
#collect .field-group {
    margin-top: 10px;
}
#collect .nric #jform_nric_code,#collect .nric #jform_nric_township {
  width: 23%!important;
}


/*start tab3 booking of collect and sale*/
#collectandsales-view .nric-search{
  width: 100%!important;
}

#collectandsales-view #adminForm3 {
  width: 100%;
  display: inline-block;
}
#collectandsales-view .nric-search #adminForm3 .field-name{
  width: 230px!important;
  }
#collectandsales-view #bookinglist {
  width: 45%;
  display: inline-block;
  margin-top: 20px;
}

#bookinglist .field-nric {
width: 27%;
}
#collectandsales-view .nric-search #adminForm3 .field-group-bs-date {
    width: 55% !important;
    float: left !important;
}
#collectandsales-view .field-group .field-nric {
  width: 40%;
  float: left;
}

#collectandsales-view .field-group .nric {
  width: 86%;//clh edited
  float: left;
}

#collectandsales-view .default-bookinglist-datenbtn {
  width: 34%;
  float: right;
}
/*end tab3 booking of collect and sale*/
#change-ticket-view .nric-search #adminForm3 .field-name {
    width: 24% !important;
    float: left !important;
}
#change-ticket-view #saleslist {
  width: 58%;
  float: left;
}
/*end collect and sale web*/
/*end clh added 29.1.2017*/
/*For hiding in web*/
.av-seat .ticket-price,.bus-class .npt_route, .av-seat .seats {
  display: none;
}
/*yadana : 030618*/
#seating-plan #bus-container .group{

    background-image: url('../images/group1.png');
  background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#seating-plan #bus-container .monk{

    background-image: url('../images/monk1.png');
  background-size: 35px 30px;
    background-repeat: no-repeat;
    background-position: center bottom;

}

#seating-plan #bus-container .female{

    background-image: url('../images/female.png');
  background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center bottom;

}

#seating-plan #bus-container .male{

    background-image: url('../images/male.png');
  background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center bottom;

}

.bpass{
font-size: 13pt;
float: right;
}