@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #e3e3e3; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
a:hover { text-decoration:none; }

/* Master */
html, body { font-family:"Open Sans", sans-serif; color:#666666; font-size:13px; overflow-x: hidden; margin: 0; padding: 0; height: 100%;}
a { color:#00aeef;  cursor:pointer; }
a:hover { color:#00aeef; text-decoration:underline; cursor:pointer; }
select, input, textarea { border:1px solid #e3e3e3; padding:4px 10px; }

/* Header */
section.section-login { background-color: #820804; padding: 10px; }
section.section-login p.address, section.section-login p.contact, section.section-login p.menu { color: #ffffff; }
section.section-login p.menu { color: #ffffff; text-align: right; }
section.section-login a { color: #ffffff; }
header { position:relative; z-index:9999; }
body.home header { border-bottom:0; }
header .top-bar { padding:25px 0; background:#d9241d; }
header .logo img { position: absolute; max-height:150px; margin-top: -25px;}
header .top-bar ul.header-menu li { margin-right:25px; }
header .top-bar ul.header-menu li a { background:none; color:#fff; font-size:14px; margin-top: 1px; margin-left: 15px; margin-right: -12px; border-bottom: 1px solid transparent; padding-bottom: 2px;}
header .top-bar ul.header-menu li a:hover { background:none; border-bottom: 1px solid #fff; transition: 400ms;}
header .top-bar ul.header-sub-menu { margin-top:-2px; }
header .top-bar ul.header-sub-menu { float:right; margin-right:0; }
header .top-bar ul.header-sub-menu li { float:left; }
header .top-bar ul.header-sub-menu li a { color:#fff; font-size:15px; }
header .top-bar ul.header-sub-menu li a big { font-size:16px; font-weight:600; text-transform:uppercase; }
header .top-bar ul.header-sub-menu li a:hover { background:none; text-decoration:underline; }
#bus_ticket_online_label { font-weight: 800; }



.dropdown-menu { padding: 0; }
.dropdown-menu > li > a { padding: 0; }
header #dropdown-menu li a { padding: 8px; }
header .top-bar ul.header-menu li { margin-right: 25px; }
header .top-bar ul.header-menu li.dropdown-item { margin-right: 0; }
header .top-bar ul.header-menu li a { margin:0; }
header #dropdown-menu li a { color: #666666; }
header #dropdown-menu li a:hover { background-color: #d9241d; color: #fff;}
header .navbar-nav > li > .dropdown-menu { margin-top: 24px; }

/*Login Link*/
.main-page-cover p.menu, .main-page-cover p.menu a { color: #fff; font-weight: 800; }
.login-link { color: #666666; font-weight: 800; }

/* Footer */
footer { width: 100%; bottom: 0; left: 0; }
footer section.footer-vector { height: 357px; background: url("../images/footer-vector.png") repeat-x; }
footer section.footer-site-map .footer-site-map-padding { padding: 20px 0 30px 0; }
footer section.footer-site-map { background-color: #d9241d; }
footer section.footer-site-map h4 { font-size: 18px; font-weight: 600; color: #ffffff; margin: 10px 0 0 0; }
footer section.footer-site-map p.links, footer section.footer-site-map p.links > a { margin-top: 25px; color: #ffffff; }
footer section.footer-final .footer-final-padding { padding: 15px 0 15px 0; }
footer section.footer-final p.copyright { text-align:left; font-size:14px; color:#8a8889; }
footer section.footer-final p.tnc { color: #8a8889; font-size:14px; text-align: right; }
footer section.footer-final p.tnc > a, footer section.footer-final p.copyright > a { color: #d9241d; font-size: 14px; }

/* General */
.main-page-cover { background: url("../images/Sin-Pen-Cover.jpg") no-repeat; background-size: cover; }
.normal-cover { background: url("../images/background.jpg") no-repeat; background-size: cover; }
.wrapper { min-height: 95.2%; height: auto !important; }
.required { color: #cc0000; }
small { line-height: 1.4em; }


/* Bootstrap */
.navbar { margin-bottom:0; border-radius:0; border:0; min-height:0; }
.nav>li>a { padding:0; }
.well { box-shadow:none; }
.well.white { background:#fff; }
.btn { transition:400ms; }
.btn-primary { background:#d9241d; border:0; }
.btn-primary:hover { background:#909090; }
.alert { padding:10px 15px; }
label { font-weight:600; }
ul.nav.nav-tabs li > a, .tab-content > .active  { padding: 10px; }
div#tbl-active-route-list_filter > label { float: right; }
#tbl-active-route-list { margin-top: 10px; }
section.coach-list .next, section.admin-list .next, section.route-list .next, section.salesrep-list .next, section.offsite-registration .next, section.coach-schedule .next, section.passenger-list .next { border: none; background: none; }
section.coach-list .next:hover, section.admin-list .next:hover, section.route-list .next:hover, section.salesrep-list .next:hover, section.offsite-registration .next:hover, section.coach-schedule .next:hover, section.passenger-list .next:hover { color: none; border: none; background: none; }

/*Breadcrumb*/
.breadcrumb { background-color: transparent; margin-left: -16px; }
.breadcrumb li > a { color: #777; }
.breadcrumb li > a:hover { text-decoration: none; }
section.coach-new .breadcrumb, section.coach-schedule .breadcrumb { margin-left: 0px; }


/* Top */
.top-5 { top: 5px; }
.top-10 { top: 10px; }
.top-15 { top: 15px; }
.top-20 { top: 20px; }
.top-25 { top: 25px; }
.top-30 { top: 30px; }

/* Padding */
.pad-0 	{ padding: 0px; }
.pad-5 	{ padding: 5px; }
.pad-10 { padding: 10px; }
.pad-15 { padding: 15px; }
.pad-20 { padding: 20px; }

/* Margin */
.m-t_10 { margin-top: -10px; }
.m-t-0 { margin-top:0px; }
.m-t-5 { margin-top:5px; }
.m-t-6 { margin-top:6px; }
.m-t-8 { margin-top:8px; }
.m-t-10 { margin-top:10px; }
.m-t-15 { margin-top:15px; }
.m-t-20 { margin-top:20px; }
.m-t-25 { margin-top:25px; }
.m-t-30 { margin-top:30px; }
.m-t-35 { margin-top:35px; }
.m-t-40 { margin-top:40px; }
.m-t-45 { margin-top:45px; }
.m-t-50 { margin-top:50px; }
.m-t-60 { margin-top:60px; }
.m-t-80 { margin-top:80px; }
.m-t-90 { margin-top:90px; }
.m-t-100 { margin-top:100px; }
.m-r-0 { margin-right:0; }
.m-r-5 { margin-right:5px; }
.m-r-10 { margin-right:10px; }
.m-r-15 { margin-right:15px; }
.m-r-20 { margin-right:20px; }
.m-r-25 { margin-right:25px; }
.m-r-30 { margin-right:30px; }
.m-r-35 { margin-right:35px; }
.m-r-40 { margin-right:40px; }
.m-r-45 { margin-right:45px; }
.m-r-50 { margin-right:50px; }
.m-b-0 { margin-bottom:0; }
.m-b-5 { margin-bottom:5px; }
.m-b-10 { margin-bottom:10px; }
.m-b-15 { margin-bottom:15px; }
.m-b-20 { margin-bottom:20px; }
.m-b-25 { margin-bottom:25px; }
.m-b-30 { margin-bottom:30px; }
.m-b-35 { margin-bottom:35px; }
.m-b-40 { margin-bottom:40px; }
.m-b-45 { margin-bottom:45px; }
.m-b-50 { margin-bottom:50px; }
.m-b-60 { margin-bottom:60px; }
.m-b-80 { margin-bottom: 80px; }
.m-b-_120 { margin-bottom: -120px; }
.-m-l-20 { margin-left: -20px; }
.-m-l-30 { margin-left: -30px; }
.m-l-0 { margin-left:0; }
.m-l-5 { margin-left:5px; }
.m-l-10 { margin-left:10px; }
.m-l-15 { margin-left:15px; }
.m-l-20 { margin-left:20px; }
.m-l-25 { margin-left:25px; }
.m-l-30 { margin-left:30px; }
.m-l-35 { margin-left:35px; }
.m-l-40 { margin-left:40px; }
.m-l-45 { margin-left:45px; }
.m-l-50 { margin-left:50px; }

/* Sinpen CSS */
.well-white { background-color: #ffffff; }
.weight_300 { font-weight: 300; }

#trip_details label { font-size: 14px; }

/*index.php Well*/
section.ticket_booking { background: url("../images/Sin-Pen-Cover.jpg") no-repeat; background-size: cover; min-height: 768px; }
section.ticket_booking .well { background: rgba(255, 255, 255, 0.9); margin-top: 150px; padding-left: 40px; }
section.ticket_booking .red-label { color: #d9241d; }
section.ticket_booking .radio-btns, section.ticket_booking .buttons { margin-top: 20px; }
section.ticket_booking .origin-dest { margin-bottom: 10px; }
section.ticket_booking .datepicker { margin-bottom: 5px; min-width: 200px; }
section.ticket_booking h1 { font-size: 22px; color: #d9241d; font-weight: 600; text-transform: uppercase; margin-top: 15px; }
section.ticket_booking select { min-width: 200px; }
section.ticket_booking input.radio-btn { margin-top: 0px; }
section.ticket_booking button.Zebra_DatePicker_Icon_Inside_Right { margin: 0 8px 0 0; }

section.search-book-go { background-color: #ffffff; border-top: 7px solid #d9241d; padding: 15px; }
section.search-book-go h2 { color: #d9241d; font-weight: 800; text-transform: uppercase; text-align: center; font-size: 24px; margin-top: 10px; }
section.search-book-go img { width: 250px; height: auto; }
section.search-book-go p.number { color: #d9241d; text-align: center; font-size: 24px; }
section.search-book-go p.desc { color: #8a8889; text-align: center; font-size: 14px; margin-top: 15px; margin-bottom: 20px; line-height: 1.5em; padding: 0 33px 0 33px;}

section.promotion-news img { width: 170px; height: auto; border-radius: 50%; }
section.promotion-news h2 { text-transform: uppercase; font-size: 24px; font-weight: 800; color: #d9241d; }
section.promotion-news p.desc-lg { color: #8a8889; font-size: 20px; font-weight: 300; }
section.promotion-news p.desc-sm { color: #8a8889; font-size: 14px; font-weight: 300; line-height: 1.5em; }
section.promotion-news .btn { border-radius: 0; width: 80px; }
section.promotion-news .latest-news-btn { margin-top: 38px; }

section.coach-saving { 
  background: #dd1f25; 
  background: -webkit-linear-gradient(-90deg, #95161e, #dd1f25);
  background: -o-linear-gradient(-90deg, #95161e, #dd1f25); 
  background: -moz-linear-gradient(-90deg, #95161e, #dd1f25); 
  background: linear-gradient(-90deg, #95161e, #dd1f25);
  padding: 10px;
}
section.coach-saving h1 { font-size: 48px; color: #ffffff; font-weight: 800; font-style: italic; text-transform: uppercase; text-shadow: 9px 9px #b51b1e; }
section.coach-saving img { display: block; margin: 10px auto; width: 350px;}
section.coach-saving .content-padding { padding: 40px; }
section.coach-saving p.desc { color: #ffffff; font-size: 18px; font-weight: 300; line-height: 1.5em; margin: 15px 0 0 5px; }
section.coach-saving .btn { border-radius: 0; margin: 10px 0 0 5px; width: 80px; font-weight: 600; }
section.coach-saving .btn-white { background-color: #ffffff; color: #d9241d; margin-top: 20px; }
section.coach-saving .btn-white:hover { background-color: #909090; color: #ffffff; }

section.lorem-ipsum { background: url("../images/bus-3.jpg") no-repeat; height: 400px; }
section.lorem-ipsum h2 { color: #ffffff; font-weight: 700; font-size: 48px; line-height: 1.3em; }

section.coach-schedule-home img { border: 2px solid #eaeaea; }
section.coach-schedule-home .img-pub-coach-schedule { border-radius: 10px; }
section.coach-schedule-home .schedule-content { padding: 30px 40px 30px 20px; }
section.coach-schedule-home h2 { text-transform: uppercase; font-size: 24px; font-weight: 800; color: #d9241d; }
section.coach-schedule-home p.desc { color: #8a8889; text-align: justify; font-size: 14px; line-height: 1.5em; margin-top: 20px; }


/*search_results.php*/
section.search-result { margin-top: 100px; }
section.search-result h1 { font-size: 18px; color: #d9241d; font-weight: 600; margin-top: 5px; }
section.search-result h2 { font-size: 16px; color: #4c4c4c; font-weight: 700; }
section.search-result a  { text-decoration: none; }
section.search-result p.depart-err { text-align: center; font-weight: 600; color: #d9241d; }
section.search-result .depart-title { text-decoration: none; font-weight: 700; }
section.search-result .depart-date  { font-size: 14px; font-weight: 600; }
section.search-result .trip-duration { font-size: 14px; font-weight: 600; float: right; }
section.search-result .hiddenColumn { padding: 0 !important; }


/*passenger_details.php*/
section.passenger-details { margin-top: 100px; }
section.passenger-details h1 { font-size: 18px; color: #d9241d; font-weight: 600; }
section.passenger-details h2 { font-size: 16px; font-weight: 600; }
section.passenger-details h3.normal { color: #666666; text-align: left; font-size: 14px; font-weight: 600; }
section.passenger-details h3 { color: #d9241d; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 600; }
section.passenger-details ol { padding-left: 15px; }
section.passenger-details ol > li { line-height: 1.8em; }
section.passenger-details p.pay-info { font-size: 14px; margin-top: 7px; margin-bottom: 5px; font-weight: 300; }
section.passenger-details p.pay-info-total { font-size: 14px; font-weight: 600; margin-top: 10px; }
section.passenger-details p.depart-info-title, section.passenger-details p.return-info-title { font-size: 14px; margin-top: 5px; margin-bottom: 5px; font-weight: 600; }
section.passenger-details p.depart-info, section.passenger-details p.return-info { font-size: 14px; margin-top: 7px; margin-bottom: 15px; font-weight: 300; }
section.passenger-details p.depart-info-final, section.passenger-details p.return-info-final { font-size: 14px; margin-top: 7px; margin-bottom: 0px; font-weight: 300; }

/*payment-result.php*/
section.payment-result { margin-top: 100px; }
section.payment-result h1 { font-size: 18px; color: #d9241d; font-weight: 600; }
section.payment-result h3 { font-size: 16px; font-weight: 600; }
section.payment-result h4 { font-size: 14px; font-weight: 600; }
section.payment-result p { font-size: 14px; line-height: 1.5em; }



/*login.php*/
section.login .well { margin-top: 110px; margin-bottom: 75px; }
section.login h1 { text-align: center; font-size: 22px; color: #d9241d; font-weight: 600; }


/*signup.php*/
section.signup .well { margin-top: 110px; margin-bottom: 75px; }
section.signup h1 { text-align: center; font-size: 22px; color: #d9241d; font-weight: 600; }
#signup_note h5 { font-weight: 800; font-size: 14px; margin-left: 20px; margin-bottom: 15px; }
#signup_note ul li { font-size: 14px; margin-left: 20px; line-height: 1.5em; margin-bottom: 10px; }

/*complete.php*/
section.registration-complete h1 { font-size: 22px; color: #d9241d; font-weight: 600; margin-bottom: 30px;}
section.registration-complete p  { font-size: 14px; line-height: 2.0em; text-align: justify; }


/*forgotpassword.php*/
section.forgot-password .well { margin-top: 110px; margin-bottom: 110px; }
section.forgot-password h1 { text-align: center; font-size: 22px; color: #d9241d; font-weight: 600; }
section.forgot-password p { font-size: 14px; line-height: 1.5em;}

/* coach-schedule.php & refund-policy.php & terms-of-use.php */
section.coach-schedule-public, section.policies { margin-top: 100px; }
section.policies ol.faq { margin: 20px 0px 20px 18px; font-size: 14px; line-height: 1.8em; }
section.policies h3 { font-size: 16px; font-weight: 700; }
section.policies h4 { font-size: 14px; font-weight: 600; line-height: 1.5em; }
section.policies p.refund-desc { margin-left: 20px; margin-right: 25px; font-size: 14px; text-align: justify; margin-top: 10px; line-height: 1.8em; }
section.policies p.tou-desc { font-size: 14px; text-align: justify; margin-top: 10px; line-height: 1.8em; }
section.policies p.tou-desc-b { font-size: 14px; text-align: justify; margin-top: 15px; margin-bottom: 15px; line-height: 1.4em; font-weight: 700; }
section.policies ul.operating-hours { margin: 5px 0px 5px 20px; list-style-type: square; font-size: 14px; line-height: 1.4em; }
section.policies .table-tnc-maroon { background-color: #820804; border: 2px solid #ffffff; }
section.policies .table-tnc-maroon > th { color: #ffffff; border: 2px solid #ffffff; }
section.policies .tnc_indent_lv1 { padding-left: 35px; }
section.policies .tnc_indent_lv2 { padding-left: 70px; }
section.policies ol.tou_policy { font-size: 14px; line-height: 1.3em; }


/* Content */
section.content { padding:20px 0; }
section.content h2 { font-size:30px; font-weight:700; color:#ff0200; margin-bottom:20px; }
section.content h3 { font-size:24px; font-weight:700; color:#ff0200; margin-bottom:15px; }
section.content h3 { font-size:20px; font-weight:700; color:#ff0200; margin-bottom:15px; }
section.content h4 { font-size:18px; font-weight:700; color:#ff0200; margin-bottom:15px; }


/********************************************************************************************/
/*																		   					*/
/* 						A D M I N   &   M E M B E R - C S S - S T Y L E 			  	   	*/
/*																		   				    */
/********************************************************************************************/
/*ADMIN*/
section.admin-dashboard, section.salesrep-dashboard { margin-top: 30px; }
section.admin-dashboard .dashboard-well, section.salesrep-dashboard .dashboard-well { border-radius: 0px; background: rgba(255, 255, 255, 0.5); height: 250px; max-height: 250px; margin-bottom: 0px;}
section.admin-dashboard .dashboard-well:hover, section.salesrep-dashboard .dashboard-well:hover { background: rgba(221, 221, 221, 0.7); transition: 400ms; }
section.admin-dashboard .dashboard-well h1, section.salesrep-dashboard .dashboard-well h1 { text-align: center; font-size: 20px; color: #d9241d; font-weight: 600; }
section.admin-dashboard .dashboard-well p, section.salesrep-dashboard .dashboard-well p { text-align: center; }
section.admin-dashboard .dashboard-well a:hover, section.salesrep-dashboard .dashboard-well a:hover { text-decoration: none; }
section.admin-dashboard .dashboard-well img, section.salesrep-dashboard .dashboard-well img { width: 150px; height: auto; margin-top: 10px; margin-bottom: 20px;}

section.salesrep-dashboard h1 { margin-top: 50px; }
section.salesrep-dashboard .dashboard-well h1 { margin-top: 0px; }


section.admin-change-password .well, section.salesrep-change-password .well { margin-top: 80px; }
section.admin-change-password h1, section.salesrep-change-password h1 { text-align: center; color: #d9241d; font-size: 24px; font-weight: 600; }



section.admin-new input { width: 200px; }
section.coach-new input, section.coach-new select, section.coach-list input, section.coach-list select { width: 250px; }


.table-responsive { overflow: hidden; }
div#tbl-admin-list_length.dataTables_length, div#tbl-coach-list_length.dataTables_length, div#tbl-route-list_length.dataTables_length, div#tbl-salesrep-list_length.dataTables_length, div#tbl-offsite-registration_length.dataTables_length, div#coach-schedule-table_length.dataTables_length, div#tbl-expire-route-list_length.dataTables_length { margin-bottom: 15px; }
div#tbl-admin-list_filter.dataTables_filter, div#tbl-coach-list_filter.dataTables_filter, div#tbl-route-list_filter.dataTables_filter, div#tbl-salesrep-list_filter.dataTables_filter, div#tbl-offsite-registration_filter.dataTables_filter, div#coach-schedule-table_filter.dataTables_filter, div#tbl-expire-route-list_filter.dataTables_filter { text-align: right; margin-bottom: 15px;}


section.route-setup h2 { color: #d2212a; font-size: 20px; font-weight: 600; }
section.route-setup .control-label { text-align: left; }
section.route-setup button.Zebra_DatePicker_Icon_Inside_Right { margin: 0 10px 0 0; }
section.route-setup input.datepicker { background-color: #ffffff; cursor: auto; }
section.route-setup input#rSetup_availableSeat[readonly], input#rSetup_blockedSeat[readonly], input#rSetup_blockedSeatNo[readonly] { cursor: not-allowed; background-color: #f1f1f1; }
section.route-setup input.timepicki-input, section.new-coach-schedule input.timepicki-input { padding: 10px; font-size: 14px; }


section.route-list .well.route-detail h2, section.route-list .well.ticket h2, section.route-list .well.seat-info h2 { 
	color: #d9241d; 
	font-size: 14px; 
	font-weight: 600; 
	text-transform: uppercase;
}
section.route-list .well.route-detail h2 { margin-bottom: 20px; }
section.route-list .well.ticket h2, section.route-list .well.seat-info h2 { margin-bottom: 10px; }
section.route-list .route-detail-input { border: none; }
section.route-list .control-label { text-align: left; }
section.route-list .sort-label { margin-top: 7px; font-size: 13px; } 
section.route-list .open>.dropdown-menu { margin-top: 30px; }



section.route-settings h2 { font-size: 18px; font-weight: 600; }

section.offsite-registration h2 { color: #d2212a; font-size: 20px; font-weight: 600; }
section.offsite-registration h3 { color: #666666; font-size: 18px; font-weight: 600; }
section.offsite-registration h4 { font-size: 14px; font-weight: 600; }
section.offsite-registration p.condition { font-size: 14px; line-height: 1.5em; }
section.offsite-registration .control-label { text-align: left; }
section.offsite-registration p.offsite-note { font-size: 12px; margin-top: 5px; margin-bottom: 10px; margin-left: 2px; line-height: 1.8em; }

section.passenger-detail .control-label { text-align: left; }
section.passenger-detail div.unpaid { color: #cc0000; }
section.passenger-detail #export-to-excel > a, section.passenger-detail #export-to-csv > a, section.sales-report #export-to-excel > a, section.sales-report #export-to-csv > a 
{ padding: 5px; }
section.passenger-detail #tbl-passenger-list { font-size: 11px; }
section.passenger-detail #tbl-passenger-list p { text-align: center; }

section.passenger-detail-update h2 { color: #d2212a; font-size: 20px; font-weight: 600; }
section.passenger-detail-update .control-label { text-align: left; }

section.sales-report h2 { color: #777; font-size: 20px; font-weight: 600; }
section.sales-report .table { font-size: 11px; }

/*SHARED*/
section.user-profile p { font-size: 14px; margin-top: 15px; margin-left: 2px; }
section.user-profile p.error_msg { font-size: 14px; margin-left: 2px; margin-top: 0px;}
section.admin-list, section.admin-new, section.coach-new, section.coach-list, section.user-profile, section.route-setup, section.route-settings, 
section.route-list, section.coach-schedule, section.new-coach-schedule, section.salesrep-new, section.salesrep-list, section.offsite-registration, section.sales-report, section.passenger-list, section.passenger-detail, section.passenger-detail-update, section.driver-new, section.driver-list { 
	margin-top: 80px; 
}
section.admin-list h1, section.admin-new h1, section.coach-new h1, section.coach-list h1, section.user-profile h1, section.admin-dashboard h1, 
section.route-setup h1, section.route-settings h1, section.route-list h1, section.coach-schedule h1, section.new-coach-schedule h1, section.coach-schedule-public h1, 
section.salesrep-new h1, section.salesrep-list h1, section.salesrep-dashboard h1, section.offsite-registration h1, section.sales-report h1, section.passenger-list h1, section.passenger-detail h1, section.passenger-detail-update h1, section.policies h1, section.driver-new h1, section.driver-list h1 { 
	color: #d9241d; font-size: 24px; font-weight: 600; 
}
section.admin-new p, section.user-profile p, section.route-setup p.desc, section.offsite-registration p.desc, section.sales-report p.desc, section.passenger-list p.desc, section.passenger-detail-update p.desc { font-size: 14px; margin-top: 15px; margin-left: 2px; }

/*MEMBER*/
section.booking-history { margin-top: 80px; }
section.booking-history h1 { color: #d9241d; font-size: 24px; font-weight: 600; }
section.booking-history #tbl-booking-history > p { text-align: center; }
section.booking-history p.desc { line-height: 1.5em; text-align: justify; font-size: 14px; margin-top: 10px; }


section.member-change-password .well { margin-top: 80px; }
section.member-change-password h1 { text-align: center; color: #d9241d; font-size: 24px; font-weight: 600; }





/********************************************************************************************/
/*																		   					*/
/* 						B U S   S E A T I N G  L A Y O U T   -   C S S   			  		*/
/*																		   					*/
/********************************************************************************************/
.img-info { display: block; margin: 0 auto; width: 40px; }
div#seat-info { border:1px solid #d7d7d7; width: 232px; margin-left: 53px; margin-bottom: -1px; }
div#user-seat-info { display: block; margin: 0 auto; border: 1px solid #d7d7d7; width: 232px; }
div#user_selected_seat { display: block; margin: -1px auto; border: 1px solid #d7d7d7; width: 232px; padding: 10px; } 
div#user_selected_seat input { width: 70px; }

.bus { border:1px solid #d7d7d7; padding:15px; display:inline-block; margin-left: 53px;}
.user-bus-layout { border: 1px solid #d7d7d7; padding: 15px; display: inline-block; margin: 0 auto; }
.table-ticket td { width:50px; height:50px; vertical-align:middle; }
.table-ticket tr.hr { border-bottom:1px solid #d7d7d7; }
.table-ticket td.bus-label { text-align:center; height:auto; padding-top:10px; padding-bottom:10px; font-weight: 600; }
.table-ticket td .item { border:1px solid #fff; width:48px; height:48px; line-height:40px; font-size:12px; text-align:center; color:#000; display:block; }
.table-ticket td .item:hover { cursor:pointer; }
.table-ticket td .item a { color: #000; }
.table-ticket td .item a:hover { text-decoration: none; }
.table-ticket td .item.available { background:url(../images/bus-seat/seat.png) center no-repeat; }
.table-ticket td .item.selected  { background:url(../images/bus-seat/seat-selected.png) center no-repeat; }
.table-ticket td .item.booked    { background:url(../images/bus-seat/seat-booked.png) center no-repeat; }
.table-ticket td .item.blocked   { background:url(../images/bus-seat/seat-blocked.png) center no-repeat; text-indent: 100px; overflow: hidden;}
.table-ticket td .item.locked    { background: url(../images/bus-seat/seat-locked.png) center no-repeat; text-indent: 100px; overflow: hidden;}
.table-ticket td .item.driver    { background:url(../images/bus-seat/driver.jpg) center no-repeat; }
.table-ticket td .item.driver:hover, .table-ticket td .item.blocked:hover { cursor:default; border:1px solid #fff; }
.description img { width:30px; }
.description p { font-size:12px; }
.description td { vertical-align:middle; }

/********************************************************************************************/
/*                                                                                          */
/*            C O U N T D O W N      T I M E R          -           C S S                   */
/*                                                                                          */
/********************************************************************************************/
#timer { display: block; margin: 0 auto; }
.styled{ margin-bottom: 0px; }
.styled div { display: inline-block; margin-left: 10px; font-size: 28px; font-weight: 200; line-height: 1; text-align: center; }
/* IE7 inline-block hack */
*+html .styled div{ display: inline; zoom: 1; }
.styled div:first-child { margin-left: 0; }
.styled div span { display: block; border-top: 1px solid #cecece; padding-top: 5px; font-size: 10px; font-weight: normal; text-transform: uppercase; text-align: center; }
/********************************************************************************************/
/*                                                                                          */
/*           SHERRY          -           C S S                   */
/*                                                                                          */
/********************************************************************************************/
.remember-me-label{
	padding-top:0 !important;
	    padding-left: 5px !important;}
.remember2{
	margin-top:0 !important;
	}
.clear-all{
	margin-right:5px !important;}
.modal-content-sh{
	height:80vh !important;
	overflow-y:scroll !important;}
.modal-header-sh{	
    background-color: #d9241d;
    color: white;
    text-align: center;
    font-size: 18px;}
.diplay-none{
	display:none;}	
.paragraph-template{
	padding: 20px 10%;
    text-align: center;
	}
.route-th{
	color:#d9241d;}
.more-route-table{
	border: 1px solid #d0d2d3;
	width: 95%;
    margin: 0 auto;
}
.modal-dialog-sh{
	width:70% !important;
	margin-left:auto;
	margin-right:auto;
	margin-top:10vh;}
	
.more-route-table{
	border: 1px solid gray;
	border-spacing:0px;}
#route_template_content>tr:nth-child(even) {
    background-color: #e5e6e7;
}
.route-th{
	background-color:transparent !important;}
.modal-footer-sh{
	border-top: none;
    width: 92%;
    margin: 0 auto;
	padding:0 !important;
	padding-bottom:15px !important;}
.user-seat-info-sh{
	width:100% !important;
	}
.user_selected_seat-sh{
	width:100% !important;}	
p.arrow-p{
	display:none;}	
.table-responsive-sh>.table>thead>tr>th{
	vertical-align:top !important;
	
	}	
.route-name {
	margin-top:25px;
}
.route-name2 {
    margin-top: 8px !important;
}
.select-span {
   
    padding: 2px;
    margin-right: 7px;
	margin-left:-2px;
}
.select-span input {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
	display:none;
}
.select-label{
padding: 8px;
border: 1px solid gainsboro;
border-radius: 5px;
margin-top:8px;
}
.select-label:hover{
	cursor:pointer;
	background:#d9241d;
	color:white;
}
.select-span input[type="radio"] {
    opacity:0.011;
    z-index:100;
}

.select-span input[type="radio"]:checked + label{
    background:#d9241d;
	color:white;
}
.modal-body-she{
	padding: 15px 30px;
	padding-top:0;
	}
.close-button{
	border:0 !important;
	color:#4e4e4e !important;
	}
.close-button:hover{
	color:#d9241d !important;
	background-color:transparent !important;}
.ok-button:hover{
	background:#d9241d;
	color:white;
	transition:0 !important;
	}
.selection-button{
	width:120px;}
.option-button{
	width:120px;}
.clear-button{
	float: left !important;}
.selection-button:hover{
	cursor:pointer;}
.option-button:hover{
	cursor:pointer;}
.clear-button:hover{
	cursor:pointer;
	transition:inherit !important;}
.save-button:hover{
	cursor:pointer;
	background-color:#a20b12;}	
.route-name0, .route-name{
	font-size: 16px;
    color: #d9241d;
	}
.clear-button:hover{
	transition:inherit !important;
	color:#d9241d;
	outline: none !important;
	  outline-offset: 0  !important;
  background-image: none  !important;
  -webkit-box-shadow: none !important;
  box-shadow: none  !important;
	}	
.clear-button:focus{
	background-color:transparent !important;
	border:0 !important;
	color:#d9241d;
	outline: none !important;
	outline-offset: 0  !important;
    background-image: none  !important;
    -webkit-box-shadow: none !important;
    box-shadow: none  !important;}
.clear-button:selected{
	border:0 !important;
	outline: none !important;
	outline-offset: 0  !important;
    background-image: none  !important;
    -webkit-box-shadow: none !important;
    box-shadow: none  !important;}
.clear-button:active{
	border:0 !important;
	outline: none !important;
	outline-offset: 0  !important;
    background-image: none  !important;
    -webkit-box-shadow: none !important;
    box-shadow: none  !important;}
.clear-button::selection {	
    border:0 !important;
	outline: none !important;
	outline-offset: 0  !important;
    background-image: none  !important;
    -webkit-box-shadow: none !important;
    box-shadow: none  !important;}
header #dropdown-menu li a {
    transition: inherit !important;
}
header .top-bar ul.header-menu li a:focus{
	background-color:transparent !important;
	outline: none !important;
	outline-offset: 0  !important;
    background-image: none  !important;
    -webkit-box-shadow: none !important;
    box-shadow: none  !important;
	border-bottom-color:white !important;}
.add-span{
	float: left;
    padding-top: 20px;
    padding-right: 10px;
	
	}	
.input-new{
	float:left;
}	
.add-button{
    background: #f19522 !important;
    border: none;
    color: white;
    padding: 7px;
    border-radius: 3px;
	margin-left:10px;
}
.timepicki-input{
	font-size: 70%;
    padding: 10px;
	}
.prev, .next {
	border:0 !important;
}

.add-button:focus{
	outline: none !important;
	outline-offset: 0  !important;
}
.add-button:selected{
	border:0 !important;
	outline: none !important;

  }
.add-button:active{
	border:0 !important;
	outline: none !important;
	}
.add-button::selection {	
    border:0 !important;
	outline: none !important;
	}
.add-button:hover{
	background-color:#e2840e !important;
	}
.close-x {
    background: none;
    border: 0;
	padding:0;
}
.close-x:hover{
	opacity:0.8;}	
.close-x:focus{
	outline: none !important;
	outline-offset: 0  !important;
}
.close-x:selected{
	border:0 !important;
	outline: none !important;

  }
.close-x:active{
	border:0 !important;
	outline: none !important;
	}
.close-x::selection {	
    border:0 !important;
	outline: none !important;
	}
@media only screen and (max-width: 1199px) {
.sm-6-sh{	
    margin-left: 30px !important;
    padding: 0 !important;
    width: 40% !important;	}
div#seat-info {
    width: 228px;}


.clear-button{
	float: left !important;
    display: block;
    clear: both;
    margin-top: 6px;
    width: 120px;
    border: 1px solid #cccccc !important;}
.save-button{
	float: left !important;
    margin-top: 6px;
    width: 120px;
	
	}
}
@media only screen and (max-width: 991px) {

.seat-info-sh{
	width:40% !important;
	margin:0 auto !important;}	
.bus-sh{
	width: 40% !important;
    margin: 0 auto !important;
	display:block !important;
	}	
.table-ticket-sh{
	width:100%;}
.offset-3-sh{
    width: 80%;
    margin-left: 10%;}
.selection-button{
	margin-top:0;}
	}
@media only screen and (max-width: 767px) {
.offset-3-sh {
    width: 50% !important;
    margin-left: 25% !important;
}
.user-bus-sh{
	width:100% !important;}
.table-ticket-sh2{
	width:100% !important;}
.sm-6-sh {
    margin-left: 4% !important;
    padding: 0 !important;
    width: 92% !important;
}
.table-responsive-sh{
	overflow: scroll !important;
}
.table-responsive-sh>.table>tbody>tr>td, .table-responsive-sh>.table>tbody>tr>th, .table-responsive-sh>.table>tfoot>tr>td, .table-responsive-sh>.table>tfoot>tr>th{
	white-space:normal !important;}
.table-responsive-sh>tbody>tr>td{
	white-space:normal !important;}
}
	
@media only screen and (max-width: 660px) {
.seat-info-sh{
	width:60% !important;
	}	
.bus-sh{
	width: 60% !important;
	}		
	}
@media only screen and (max-width: 610px) {
.modal-header-sh{
	position: fixed;
    width: 100%;
	z-index:1;}
.paragraph-template{
	margin-top:60px;}	
}
@media only screen and (max-width: 591px) {
.offset-3-sh {
    width: 70% !important;
    margin-left: 15% !important;
}
}

@media only screen and (max-width: 584px) {
p.arrow-p {
    padding-top: 10px;
	display:block;
}
.arrow-0{
	color:#d9241d;}
}
@media only screen and (max-width: 560px) {
.table-responsive-sh>.table>tbody>tr>td, .table-responsive-sh>.table>tbody>tr>th, .table-responsive-sh>.table>tfoot>tr>td, .table-responsive-sh>.table>tfoot>tr>th, .table-responsive-sh>.table>thead>tr>td, .table-responsive-sh>.table>thead>tr>th{
	white-space:normal !important;}	

	}

@media only screen and (max-width: 450px) {
.seat-info-sh{
	width:80% !important;
	}	
.bus-sh{
	width: 80% !important;
	}	
.table-responsive-sh>.table>tbody>tr>td, .table-responsive-sh>.table>tbody>tr>th, .table-responsive-sh>.table>tfoot>tr>td, .table-responsive-sh>.table>tfoot>tr>th, .table-responsive-sh>.table>thead>tr>td, .table-responsive-sh>.table>thead>tr>th{
	padding:0 !important;
	padding-left:5px !important;}
.btn-xs-sh{
	white-space:normal !important;}	
.modal-dialog-sh {
    width: 90% !important;
	margin-top:5vh !important;}
	}
@media only screen and (max-width: 445px) {	
.offset-3-sh {
    width: 90% !important;
    margin-left: 5% !important;
}
}
@media only screen and (max-width: 360px) {
.seat-info-sh{
	width:90% !important;
	}	
.bus-sh{
	width: 90% !important;
	}		
	}
@media only screen and (max-width: 335px) {	
.offset-3-sh {
    width: 95% !important;
    margin-left: 2.5% !important;
}
}
@media only screen and (max-width: 313px) {
.selection-button {
    margin-top: 6px;
}
}

/********************************************************************************************/
/*																		   					*/
/* 						R E S P O N S I V E          -           C S S   			  	    */
/*																		   				    */
/********************************************************************************************/
@media only screen and (max-width: 1024px) {
	section.section-login p.address { text-align: center; line-height: 1.3em; }
	section.section-login p.menu { font-size: 12px; }

	section.ticket_booking .well { padding-left: 30px; }
	section.ticket_booking select { min-width: 180px; }
	section.ticket_booking .datepicker { min-width: 180px; }

	section.coach-saving img { width: 300px; margin-top: 20px; }
	section.coach-schedule-home .schedule-content { padding: 15px 40px 30px 20px; }

	section.promotion-news img { width: 145px; }
}


@media only screen and (max-width: 991px) {
	section.section-login p.address { display: none; }
	section.section-login p.contact { display: none; }

	section.ticket_booking .well { padding-left: 45px; }
	section.ticket_booking select { min-width: 280px; }
	section.ticket_booking .datepicker { min-width: 280px; }

	section.promotion-news .img-promotion, section.promotion-news .img-news { display: block; margin: 0 auto; }
	section.promotion-news .promotions { margin-bottom: 50px; }
	section.promotion-news .latest-news-btn { margin-top: 15px; }
	
	section.coach-saving img { margin-top: 30px; }
	section.coach-schedule-home .schedule-content { padding: 30px }
	section.coach-schedule-home img { padding: 10px; width: 300px; }

	footer section.footer-site-map p.links, footer section.footer-site-map p.links > a { margin-top: 15px; }
	footer section.footer-site-map h4 { margin: 20px 0 0 0; }
	footer section.footer-final p.copyright, footer section.footer-final p.tnc { font-size: 12px; text-align: center; line-height: 1.3em; }
	footer section.footer-final p.tnc, footer section.footer-final p.tnc > a, footer section.footer-final p.copyright > a { font-size: 12px; }
}


@media only screen and (max-width: 768px) {

	.navbar-toggle { border: 1px solid #ffffff; }
	.navbar-toggle .icon-bar { background-color: #ffffff; }

	section.route-setup .control-label { margin-bottom: 10px; }

	section.promotion-news .img-promotion, section.promotion-news .img-news { display: block; margin: 0 auto; }
	section.promotion-news .promotions { margin-bottom: 50px; }

	section.coach-saving img { width: 300px; margin-top: 33px; }

	section.coach-schedule-home .schedule-content { padding: 30px }

	footer section.footer-site-map p.links, footer section.footer-site-map p.links > a { margin-top: 15px; }
	footer section.footer-site-map h4 { margin: 20px 0 0 0; }
	footer section.footer-final p.copyright, footer section.footer-final p.tnc { font-size: 12px; text-align: center; line-height: 1.3em; }
	footer section.footer-final p.tnc, footer section.footer-final p.tnc > a, footer section.footer-final p.copyright > a { font-size: 12px; }
}


@media only screen and (max-width: 767px) {
	section.ticket_booking .well { margin: 120px 30px; }
	section.ticket_booking select { min-width: 570px; }
	section.ticket_booking .datepicker { min-width:570px; }
	section.ticket_booking .destination-label { margin-top: 10px; }
	section.ticket_booking .return-label { margin-top: 6px; }

	.pad-0 { padding: 5px 30px; }
}
@media only screen and (max-width: 630px) {
	header .logo img { max-height:100px; }
}
@media only screen and (max-width: 400px) {

	section.section-login p.menu { text-align: center; }

	section.ticket_booking .well { margin: 120px 10px; padding: 10px 30px 15px; }
	section.ticket_booking select { min-width: 260px; }
	section.ticket_booking .datepicker { min-width:260px; }

	section.promotion-news .img-promotion, section.promotion-news .img-news { display: block; margin: 0 auto 25px; }
	section.promotion-news h2, section.promotion-news p.desc-lg, section.promotion-news p.desc-sm { text-align: center; }
	section.promotion-news .btn { border-radius: 0; width: 80px; display: block; margin: 10px auto 30px; }

	section.coach-saving h1 { font-size: 36px; text-align: center; }
	section.coach-saving p.desc { font-size: 14px; text-align: center; }
	section.coach-saving .btn { display: block; margin: 20px auto 10px; }
	section.coach-saving img { width: 250px; margin-bottom: 30px; }

	section.lorem-ipsum { background-size: cover; height: 200px; }

	section.coach-schedule-home img { width: 200px; }
	section.coach-schedule-home .schedule-content { padding: 15px; }
	section.coach-schedule-home h2 { text-align: center; }
	section.coach-schedule-home .btn { display: block; margin: 20px auto 0; }

	footer section.footer-site-map p.links, footer section.footer-site-map p.links > a { margin-top: 10px; line-height: 1.5em; }
	footer section.footer-site-map h4 { margin: 20px 0 0 0; }
	footer section.footer-final p.copyright, footer section.footer-final p.tnc { text-align: center; line-height: 1.3em; }
	footer section.footer-final p.tnc { margin-top: 15px; }

	header #dropdown-menu li a { color: #ffffff; }

}

@media only screen and (max-width: 320px) {

	section.ticket_booking .well { padding: 10px 25px; }
	section.ticket_booking h1 { font-size: 18px; }
	section.ticket_booking label { font-size: 10px; }
	section.ticket_booking .btn { font-size: 10px; }
	section.ticket_booking select, section.ticket_booking input, section.ticket_booking #bk_depart_date, section.ticket_booking #bk_return_date { min-width: 200px; }

	section.coach-saving img { width: 200px; margin-bottom: 20px; }

	header #dropdown-menu li a { color: #ffffff; }
}