button.btn.btn-default-up {

  color: #9B9B9B;
  background-color: #fff;
  border-color: #ccc;
  padding: 4px 17px;

}

button.btn.btn-default-down {
	
  color: #9B9B9B;
  background-color: #fff;
  border-color: #ccc;
  padding: 4px 17px;

}
/*หน้าข้อมูลบัตรโดยสาร*/
.ticket_header{
	padding-bottom: 10px;
	border-bottom:2px dashed #f5f5f5;
	margin: 0px 0 20px 0;    
}
.tickets-card {

	margin-top: 25px;
}
p.title-page{

	font-size: 14px;
	padding-top: 0px;
	margin-bottom: 5px;
	margin-top: 15px;
}

.mFont {
	margin-top: 10px;
	float: right;
}

/*pagination*/
.pagination {
	display: inline-block;
}

.pagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color .3s;
	margin: 0 4px;
	border-radius: 4px; 
}

.pagination a.active {
	background-color: #189008;
	color: white;
	/* border: 1px solid #189008;*/
}

.pagination a:hover:not(.active) {background-color: #ddd;}



.btn_social{
	padding: 20px 0 0 0;
}
.type_ticket{
	padding-bottom: 20px;
	border-bottom:2px dashed #f5f5f5;
}
.btn-type{
	color: #000;
	background-color: #f5f5f5;
	border-color: #f5f5f5;
	margin:15px 15px 0 0;
}
.btn-type:hover{
	color: #FFF;
	background-color: #7AB51D;
	border-color: #7AB51D;
	margin:15px 15px 0 0;
}

.panel-heading .panel-title:after {
  font-family: 'Glyphicons Halflings';
  content: "\2b";
  float: right;
  color: grey;
}

.panel-heading .panel-title.active:after {
  content: "\2212";
}
.panel-heading .panel-title:after {
  font-family: 'Glyphicons Halflings';
  content: "\2b";
  float: right;
  color: grey;
}

.panel-heading .panel-title.active:after {
  content: "\2212";
}

.panel-group .panel-group-header {
  background: white;
  padding-top: 10px;
  width: 100%;
}
.panel-group .panel-group-header.affix {
  position: fixed;
  top: 0px;
  z-index: 99;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.panel-group .panel-group-header.affix + .tab-content {
  margin-top: 95px;
}

.facilities-panel {
  border-radius: 0px;
  background-color: #21498e;
  border-color: #21498e;
  color: #fff !important;
}

.facilities-panel .main-text {
  font-size: 1.5em;
  /* margin-bottom: 5px; */
}

img.header_icon {
  width: 55px;
  height: 55px;
}

div#brt_station {

  font-family: "Sarabun", sans-serif;
  font-size: 20px;
}


/*time table*/

.panel-body.brt-time {

  padding: 10px 25px 5px 25px;
  color: #fff;
  border: 5px solid #12432e;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;


}

.panel-body.brt-weekend {

  padding: 10px 25px 5px 25px;
  color: #fff;
  border: 5px solid #318f34;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;


}

table, th, td {

  border: 1px solid black;
  border-collapse: collapse;
}

th, td {

  padding: 5px;
  text-align: center;   
}

.weekday {

  background: #27995c; 
  color: #fff;

}

.weekend {

  background: #c6e0b3; 
  color: #000;
  border-bottom: 1px solid #717171;

}

.table_weekend {
  width: 36%;
}

.weekend-headway {

  background: #faec00; 


}

.panel.panel-default.panelweekday {

  border-radius: 0px;
  background: #226543; 
  margin-bottom: 8px;

}

.panel.panel-default.panelweekend {

  border-radius: 0px;
  background: #4db54a; 
  margin-bottom: 8px;
  margin-top: 25px;
  

}

h4.servicehrs{

  font-size: 17px;

}

h4.servicehrss{

  font-size: 17px;
  color: #717171;

}

@media only screen and (max-width: 760px),

(min-device-width: 768px) and (max-device-width: 1024px)  {

  .table_weekend {
    width: 100%;
  }


  /* Force table to not be like tables anymore */
  table, thead, tbody, th, td, tr { 
    display: block; 
  }

  tr { border: 1px solid #ccc; }

  td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    /* padding-left: 50%; */
  }

  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;
  }

  @media (max-width: 768px){
    .weekdend-time1 {

      background: #c6e0b3;
      /*  margin-right: 10px;*/
      border : 1px solid #000;
      border-top:none;
      border-bottom:none;
      padding: 35px 0px 21px 0px;
    }

  }



  @media (max-width: 420px) and (min-width:  320px){

    li.col-xs-12 {

      padding: 0px 0px 5px 0px;
    }
    .weekdend-time1 {

      background: #c6e0b3;
      /*  margin-right: 10px;*/
      border : 1px solid #000;
      border-top:none;
      border-bottom:none;
      padding: 35px 0px 21px 0px;
    }

  }

  .brt-panel { padding: 10px;border-radius: 0px; }
  .panel-section1 { padding-top: 5px; }
  .panel-section2 { padding: 10px 10px;background-color: #27995c;color: #fff; }