/* Default */
body {
	margin:0px;
	padding:0px;
	/*background:#F5F5F5;*/
	font: 12px/130% Verdana, Arial, Helvetica, sans-serif;
	color: #404040;
}

*, ::after, ::before {
	box-sizing: border-box;
}

/* Works on Firefox */
* {
	scrollbar-width: thin;
	/*scrollbar-color: blue orange;*/
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

/**::-webkit-scrollbar-track {*/
/*	background: orange;*/
/*}*/

/**::-webkit-scrollbar-thumb {*/
/*	background-color: blue;*/
/*	border-radius: 20px;*/
/*	border: 3px solid orange;*/
/*}*/

body.tiket {
	margin:0px;
	padding:0px;
    color: black;
    font-weight: bold;
	font-family:Courier New;
}

body.spj {
	margin:0px;
	padding:0px;
	font-family:Courier New;
	background-image: url('./images/signnaturespj.jpg');
	background-repeat: no-repeat;
	background-position:left left;
}

abbr, acronym {
	border-bottom: 1px dotted #900;
	font-weight: bold;
	cursor: help;
	color: #0066FF;
}
.dojoDialog {
	/*background : #da251d;*/
	/*border : 1px solid #da251d;*/
	/*-moz-border-radius : 5px;*/
	border-radius: 10px 10px 10px 10px;
	/*padding : 4px;*/
}
code {
	color: #993300;
	font-family: "Lucida Sans Unicode", verdana, helvetica, sans-serif;
}
a {
	/*color: #993300;*/
	color:#bb1a12;
	font-weight: bold;
	text-decoration: none;
}
a#active
{
    color: #000;
}
.whiter
{
   color: #000;
   background: #fff;
}
a:active 
{
	outline: none;
	font-weight: bold;
	color: #900;
}
a:hover 
{
	text-decoration: underline;
	outline: none;
	font-weight: bold;
}

a.menu{
	/*color: #993300;*/
	color:#bb1a12;
	font-weight: bold;
	text-decoration: none;
}

a.menu:hover {
	color:#ff0000;
	text-decoration: none;
	outline: none;
	font-weight: bold;
}

	/*color: #993300;*/
a.th{
	color: #fff;
	/*font-weight: bold;*/
	text-decoration: none;
	font-weight: initial;
}

a.selected
{
	color:green;
	font-size: 14px;
	font-weight: bold;
  background: #ffff00;
}

a.th:hover {
	color:#ffee00;
	text-decoration: none;
	outline: none;
	/*font-weight: bold;*/
	font-weight: initial;
}

a.pointer{
	cursor: pointer;
}

a img { border: 0; }
table
{
	/* margin:5px 0px 15px 15px; */
}
h2 {
	font-size: 18px;
	/* margin:5px 10px 5px 5px; */
	line-height: 1;
}
h3 {
	font-size: 14px;
	/* margin:0px; */
	line-height: 1;
	padding: 0px;
}
h1 
{
   font-size: 24px;
   /* margin: 0px 10px 0px 10px; */
}
hr { 
	color:#f0f0f0; 
}

/* Global Form Styles */
/*select, input, textarea{
	font-size: 12px;
	background: #fff;
	border-top: 3px solid #00CCFF;
	font-family: "Courier New", Courier, mono;
	border-right: 1px solid #00CCFF;
	border-bottom: 1px solid #00CCFF;
	border-left: 1px solid #00CCFF;
}*/

select, input, textarea{
	font-size: 12px;
	background: #fff;
	border-top: 1px solid #D0D0D0;
	font-family: "Courier New", Courier, mono;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	color: #404040;
}

input[type="button"],input[type="submit"]{
	color:#404040;
	font-size: 12px;
	background: #cccccc;
	border-top: 0px solid #8d8d8d;
	font-family: "Courier new", Courier, mono;
	border-right: 1px solid #8d8d8d;
	border-bottom: 1px solid #8d8d8d;
	border-left: 0px solid #8d8d8d;
}

input[type="button"]:hover,input[type="submit"]:hover{
	background: #dddddd;
	border-top: 0px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	border-left: 0px solid #b0b0b0;
}

input[type="button"]:focus,input[type="submit"]:focus{
	background: #999999;
}

select 
{
 /*width: 145px;*/
}

/*input:hover, textarea:hover {
	background: #F0FDE2;
	border-top: 3px solid #b1e77a
}*/

input:hover, textarea:hover {
	background: #fdff7e;
}

/*
input:focus, textarea:focus {
	background: #FCFFEC;
	border-top: 3px solid #b1e77a
}*/

input:focus, textarea:focus {
	background: #fff94c;
}

input#readonly
{
	background: #ccc;
    border: 0px solid #000;
}

label
{
	clear: left;
	height: 18px;
	width: 250px;
	border-top: 1px none #FF0000;
	border-right: 1px none #FF0000;
	border-bottom: 1px solid #0099FF;
	border-left: 1px none #FF0000;
	font-size: 12px;
	font-weight: bold;
	/* padding: 2px 20px 2px 2px;		*/
	color: #000000;
}

td
{
  /* margin: 20px; */
  /* padding: 2px 10px 2px 10px; */
  font-size: 12px;
}

tr
{
  /* margin: 20px; */
  /* padding: 2px 10px 2px 10px; */
  font-size: 12px;
}

tr.odd:hover 
{
	background: #fdff7e;
	color:#404040;
}

tr.even:hover 
{
	background: #fdff7e;
}

tr.red:hover 
{
	background: #FFFF00;
	color:#000000;
}

tr.banner 
{
	background: #da251d;
}

td.menuutama{
	background: #000080;
	color:#ffffff;
	font-size: 16px;
	font-weight: bold;
}

td.layout_kursi{
	background: #ffffff;
	width: max(90px, 90px);
	min-width:90px;
	height:110px;
	vertical-align:middle;
}

td.jurusan_paket{
  background: url('./images/icon_paket_3.png');
	background-repeat: no-repeat;
	background-position:center center; 
}

td.jurusan_paket_travel{
  background: url('./images/icon_paket_2.png');
	background-repeat: no-repeat;
	background-position:center center; 
}

form p
{ 
  clear: left; 
  margin: 0;
  /* padding: 12px; */
  padding-top: 0.6em;
} 

.even
{
  /*text-align: center;*/
  font-size: 12px;
  background: #EFEFEF;
}

.odd
{
  /*text-align: center;*/
  font-size: 12px;
  background: #D0D0D0;
}

.red
{
  /*text-align: center;*/
  font-size: 12px;
  background: #FF0000;
	color:#FFFFFF
}

tr.red:hover
{
  /*text-align: center;*/
  font-size: 12px;
  background: #FF5555;
	color:#FFFFFF
}

.yellow
{
  /*text-align: center;*/
  font-size: 12px;
  background: #FFFF00;
}

.pink
{
  /*text-align: center;*/
  font-size: 12px;
  background: #ffaeae;
}

.green
{
	color:green;
	font-size: 12px;
	font-weight: bold;
  background: #98e46f;
}

.blue
{
	color:#ffffff;
	font-size: 12px;
	font-weight: bold;
  background: #2196FD;
}

tr.blue:hover
{
	color:#ffffff;
	font-size: 12px;
	font-weight: bold;
  background: #0055ff;
}

p
{
  /* margin: 10px 10px 10px 10px; */
}

.tdr
{
  text-align: right;
  font-size: 12px;
  padding: 0px 10px 0px 0px;
}

.tdl
{
  text-align: left;
  font-size: 12px;
  padding: 0px 0px 0px 10px;
}

th
{
  text-align: center;
  font-size: 12px;
  color: #505050;
  /* padding: 2px 10px 2px 10px; */
  /*background: url('./images/kolom_background.png');*/
	/*background-repeat: repeat-x;*/
	/*background-position:center center; */
	background-color: #808080;
	color: #fff;
	height:30px;
	padding: 5px;
	font-weight: initial;
}

th.normal
{
  text-align: center;
  font-size: 12px;
  color: #fff;
  background: #808080;
  text-transform: uppercase;
  font-weight: 100;
  font-family: "trebuchet ms";
}

th.thin
{
  text-align: center;
  font-size: 12px;
  /*color: #505050;*/
  /* padding: 2px 10px 2px 10px; */
  /*background: url('./images/kolom_background_thin.png');*/
	/*background-repeat: repeat-x;*/
	/*background-position:center center; */
	background-color: #808080;
	color: #fff;
	/*height:15px;*/
	font-weight: initial;
}

.imagi
{
	background: #fff;
	border: 1px solid #83cde1;
	border-top: 3px solid #83cde1;
	margin: 2px 0px -5px 0px;
	padding: 0px 0px 0px 0px;
}
.helper {
  text-align: right;
  font-size: 9px;
}

.submit { border: 0; width: auto; }
.submit:hover, .submit:active { border:0; }
.radio { background: none; border: 0; }

/* ClearFix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* common element layouter */

.border
{
  border: 1px solid #ccc;
}

/* common font */

.genmed
{
  font-size: 12px;
}

.gen
{
  font-size: 14px;
}

.gensmall
{
  font-size: 9px;
}

.genmedb
{
  font-size: 12px;
  font-weight: bold;
}

.genb
{
  font-size: 14px;
  font-weight: bold;
}

.gensmallb
{
  font-size: 9px;
  font-weight: bold;
}

.banner
{
	background-color:#da251d;
}

.bannerjudul
{
  font-size: 20px;
  font-weight: bold;
	text-align: left;
	color:#fff;
	background:#da251d;
	height: 35px;
	vertical-align: middle;
	padding-top: 5px;
}

.bannernormal
{
  font-size: 12px;
	color:#fff;
	/*background-color:#cab331;*/
}

.bannercari
{
  font-size: 16px;
	background-color:#da251d;
}

.formHeader {
	font-size:1.5em;
	text-align:center;
	background-color: #bb1a12;
	color:#ffffff;
}

.formQuestion {
	background-color:#ffee00;
	/*background: url('./images/bg_th.png') repeat top;*/
	padding:0.3em;
	font-weight:900;
	font-size:0.8em;
	color:#515151;
	width: 99%;
}
.formAnswer {
	background-color:#f0f0f0;
	padding:0.3em;
	margin-bottom:1em;
	width: 99%;
}
.pageSubContentTitle {
		color:#fff;
		font-size:1em;		
		margin-bottom:0.75em;
}
.small {
	width: 2.5em;
}
.medium {
	width: 10em;
}
.long {
	width: 20em;
}

span.invalid, span.missing {
	display: inline;
	margin-left: 1em;
	font-weight: bold;
	font-style: italic;
	font-family: Arial, Verdana, sans-serif;
	color: #f66;
	font-size: 0.9em;
}

.errorMessage {
	font-weight:bold;
	font-family:Arial, Verdana, sans-serif;
	color:#ff0000;
	font-size:0.9em;
}
.warningMessage {
	font-weight:bold;
	font-family:Arial, Verdana, sans-serif;
	color:#ff9900;
	font-size:0.9em;
}
.noticeMessage {
	font-weight: normal;
	font-family:Arial, Verdana, sans-serif;
	color:#515151;
	font-size:0.9em;
}
.myValidateColorValid {
	background-color: #FF0000;
}
.myValidateColorInvalid {
	background-color: #00FF00;
}
.myValidateColorEmpty {
	background-color: #0000FF;
}
.indexer
{
 background-color: #cab331;
}
.invoice
{
 border-color: blue;
 border-width: 1px;
 border-style: double;
}

div.kursi_kosong,
.kursi_dipilih,
.kursi_block,

.kursi_booking0,
.kursi_booking0_dt,
.kursi_booking0_ttx,
.kursi_booking0_traveloka,
.kursi_booking0_dana,
.kursi_booking0_ovo,
.kursi_booking0_gopay,
.kursi_booking0_sel,
.kursi_booking1,
.kursi_booking1_dt,
.kursi_booking1_ttx,
.kursi_booking1_traveloka,
.kursi_booking1_sel,
.kursi_booking_dipilih0,
.kursi_booking_dipilih0_dt,
.kursi_booking_dipilih0_ttx,
.kursi_booking_dipilih0_traveloka,
.kursi_booking_dipilih0_sel,
.kursi_booking_dipilih1,
.kursi_booking_dipilih1_dt,
.kursi_booking_dipilih1_ttx,
.kursi_booking_dipilih1_traveloka,
.kursi_booking_dipilih1_sel,
.kursi_bayar0,
.kursi_bayar0_dt,
.kursi_bayar0_ttx,
.kursi_bayar0_traveloka,
.kursi_bayar0_dana,
.kursi_bayar0_ovo,
.kursi_bayar0_gopay,
.kursi_bayar0_sel,
.kursi_bayar_transfer0,
.kursi_bayar_transfer1,
.kursi_bayar_transfer_dipilih0,
.kursi_bayar_transfer_dipilih1,
.kursi_bayar1,
.kursi_bayar1_dt,
.kursi_bayar1_ttx,
.kursi_bayar1_traveloka,
.kursi_bayar1_dana,
.kursi_bayar1_ovo,
.kursi_bayar1_dt,
.kursi_bayar1_gopay,
.kursi_bayar1_sel,
.kursi_bayar_dipilih0,
.kursi_bayar_dipilih0_dt,
.kursi_bayar_dipilih0_ttx,
.kursi_bayar_dipilih0_traveloka,
.kursi_bayar_dipilih0_dana,
.kursi_bayar_dipilih0_ovo,
.kursi_bayar_dipilih0_gopay,
.kursi_bayar_dipilih0_sel,
.kursi_bayar_dipilih1,
.kursi_bayar_dipilih1_dt,
.kursi_bayar_dipilih1_ttx,
.kursi_bayar_dipilih1_traveloka,
.kursi_bayar_dipilih1_dana,
.kursi_bayar_dipilih1_ovo,
.kursi_bayar_dipilih1_gopay,
.kursi_bayar_dipilih1_sel
{
	width:100%;
	height:130px;
	font-family: verdana, serif;
	font-size:1.5em;
	/*color:#258bfd;*/
	color:#008609;
	font-weight: bold;
	text-align:center;
	vertical-align:top;
	border-radius: 10px;
}

.kursi_booking0,
.kursi_booking0_dt,
.kursi_booking0_ttx,
.kursi_booking0_traveloka,
.kursi_booking0_dana,
.kursi_booking0_ovo,
.kursi_booking0_gopay,
.kursi_booking0_sel,
.kursi_booking1,
.kursi_booking1_dt,
.kursi_booking1_ttx,
.kursi_booking1_traveloka,
.kursi_booking1_sel
{
	color:#258bfd;
}

.kursi_bayar0,
.kursi_bayar0_dt,
.kursi_bayar0_ttx,
.kursi_bayar0_traveloka,
.kursi_bayar0_dana,
.kursi_bayar0_ovo,
.kursi_bayar0_gopay,
.kursi_bayar0_sel,
.kursi_bayar_transfer0,
.kursi_bayar_transfer1,
.kursi_bayar_transfer_dipilih0,
.kursi_bayar_transfer_dipilih1,
.kursi_bayar1,
.kursi_bayar1_dt,
.kursi_bayar1_ttx,
.kursi_bayar1_traveloka,
.kursi_bayar1_dana,
.kursi_bayar1_ovo,
.kursi_bayar1_dt,
.kursi_bayar1_gopay,
.kursi_bayar1_sel
{
	color: #ff0000;
}

.kursi_booking_dipilih0,
.kursi_booking_dipilih0_dt,
.kursi_booking_dipilih0_ttx,
.kursi_booking_dipilih0_traveloka,
.kursi_booking_dipilih0_sel,
.kursi_booking_dipilih1,
.kursi_booking_dipilih1_dt,
.kursi_booking_dipilih1_ttx,
.kursi_booking_dipilih1_traveloka,
.kursi_booking_dipilih1_sel,
.kursi_bayar_dipilih0,
.kursi_bayar_dipilih0_dt,
.kursi_bayar_dipilih0_ttx,
.kursi_bayar_dipilih0_traveloka,
.kursi_bayar_dipilih0_dana,
.kursi_bayar_dipilih0_ovo,
.kursi_bayar_dipilih0_gopay,
.kursi_bayar_dipilih0_sel,
.kursi_bayar_dipilih1,
.kursi_bayar_dipilih1_dt,
.kursi_bayar_dipilih1_ttx,
.kursi_bayar_dipilih1_traveloka,
.kursi_bayar_dipilih1_dana,
.kursi_bayar_dipilih1_ovo,
.kursi_bayar_dipilih1_gopay,
.kursi_bayar_dipilih1_sel
{
	color: white;
}

div.kursi_kosong{
	background-color:#ffffff;
	/*background-image: url('./images/kursi_kosong.gif');*/
	background-image: url('./images/seat/kursi_kosong.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_dipilih{
	background-color:#06D244;
	background-image: url('./images/seat/kursi_kosong.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_block{
	background-color:#ffff00;
	background-image: url('./images/seat/kursi_kosong.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking0{
	background-color:#ffffff;
	background-image: url('./images/kursi_pesan.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking0_dt{
	background-color:#ffffff;
	background-image: url('./images/seat/kursi_pesan_daytrans.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
	background-size: 67px 89px;
}

.kursi_booking0_ttx{
	background-color:#ffffff;
	background-image: url('./images/kursi_pesan_ttx.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking0_traveloka{
	background-color:#ffffff;
	background-image: url('./images/kursi_pesan_traveloka.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking0_dana{
	background-color:#ffffff;
	background-image: url('./images/kursi_pesan_dana.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking0_ovo{
	background-color:#ffffff;
	background-image: url('./images/kursi_pesan_ovo.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking0_gopay{
	background-color:#ffffff;
	background-image: url('./images/kursi_pesan_gopay.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking0_sel {
	background-color: #ffffff;
	background-image: url('./images/kursi_pesan_sel.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

.kursi_booking1{
	background-color:#ffffff;
	background-image: url('./images/kursi_pesan1.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking1_dt{
	background-color:#ffffff;
	background-image: url('./images/seat/kursi_pesan1_daytrans.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
	background-size: 67px 89px;
}

.kursi_booking1_ttx{
	background-color:#ffffff;
	background-image: url('./images/kursi_pesan1_ttx.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking1_traveloka{
	background-color:#ffffff;
	background-image: url('./images/kursi_pesan1_traveloka.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking1_sel{
	background-color:#ffffff;
	background-image: url('./images/kursi_pesan1_sel.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking_dipilih0{
	background-color:#009999;
	background-image: url('./images/kursi_pesan.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking_dipilih0_dt{
	background-color:#009999;
	background-image: url('./images/seat/kursi_pesan_daytrans.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
	background-size: 67px 89px;
}

.kursi_booking_dipilih0_ttx{
	background-color:#009999;
	background-image: url('./images/kursi_pesan_ttx.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking_dipilih0_traveloka{
	background-color:#009999;
	background-image: url('./images/kursi_pesan_traveloka.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking_dipilih0_sel{
	background-color:#009999;
	background-image: url('./images/kursi_pesan_sel.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking_dipilih1{
	background-color:#009999;
	background-image: url('./images/kursi_pesan1.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking_dipilih1_dt{
	background-color:#009999;
	background-image: url('./images/seat/kursi_pesan1_daytrans.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
	background-size: 67px 89px;
}

.kursi_booking_dipilih1_ttx{
	background-color:#009999;
	background-image: url('./images/kursi_pesan1_ttx.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking_dipilih1_sel{
	background-color:#009999;
	background-image: url('./images/kursi_pesan1_sel.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_booking_dipilih1_traveloka{
	background-color:#009999;
	background-image: url('./images/kursi_pesan1_traveloka.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar0{
	background-color:#ffffff;
	background-image: url('./images/kursi_konfirm.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar0_dt{
	background-color:#ffffff;
	background-image: url('./images/seat/kursi_konfirm_daytrans.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
	background-size: 67px 89px;
}

.kursi_bayar0_ttx{
	background-color:#ffffff;
	background-image: url('./images/kursi_konfirm_ttx.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar0_traveloka{
	background-color:#ffffff;
	background-image: url('./images/kursi_konfirm_traveloka.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar0_dana{
	 background-color:#ffffff;
	 background-image: url('./images/seat/kursi_konfirm_dana.png');
	 background-repeat: no-repeat;
	 background-position:center center;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar0_ovo{
	background-color:#ffffff;
	background-image: url('./images/seat/kursi_konfirm_ovo.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar0_gopay{
	background-color:#ffffff;
	background-image: url('./images/seat/kursi_konfirm_gopay.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar0_sel{
	background-color:#ffffff;
	background-image: url('./images/kursi_konfirm_sel.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_transfer0{
	background-color:#ffffff;
	background-image: url('./images/kursi_konfirm_transfer.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_transfer1{
	background-color:#ffffff;
	background-image: url('./images/kursi_konfirm_transfer2.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_transfer_dipilih0{
	background-color:#009999;
	background-image: url('./images/kursi_konfirm_transfer.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_transfer_dipilih1{
	background-color:#009999;
	background-image: url('./images/kursi_konfirm_transfer2.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar1{
	background-color:#ffffff;
	background-image: url('./images/kursi_konfirm1.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar1_dt{
	background-color:#ffffff;
	background-image: url('./images/seat/kursi_konfirm1_daytrans.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
	background-size: 67px 89px;
}

.kursi_bayar1_ttx{
	background-color:#ffffff;
	background-image: url('./images/kursi_konfirm1_ttx.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar1_traveloka{
	background-color:#ffffff;
	background-image: url('./images/kursi_konfirm1_traveloka.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar1_dana{
	background-color:#ffffff;
	background-image: url('./images/seat/kursi_konfirm1_dana.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
 }

.kursi_bayar1_ovo{
	background-color:#ffffff;
	background-image: url('./images/seat/kursi_konfirm1_ovo.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar1_gopay{
	background-color:#ffffff;
	background-image: url('./images/seat/kursi_konfirm1_gopay.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar1_sel{
	background-color:#ffffff;
	background-image: url('./images/kursi_konfirm1_sel.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_dipilih0{
	background-color:#009999;
	background-image: url('./images/kursi_konfirm.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_dipilih0_dt{
	background-color:#009999;
	background-image: url('./images/seat/kursi_konfirm_daytrans.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
	background-size: 67px 89px;
}

.kursi_bayar_dipilih0_ttx{
	background-color:#009999;
	background-image: url('./images/kursi_konfirm_ttx.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_dipilih0_traveloka{
	background-color:#009999;
	background-image: url('./images/kursi_konfirm_traveloka.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_dipilih0_dana{
	background-color:#009999;
	background-image: url('./images/seat/kursi_konfirm_dana.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_dipilih0_ovo{
	background-color:#009999;
	background-image: url('./images/seat/kursi_konfirm_ovo.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_dipilih0_gopay{
	background-color:#009999;
	background-image: url('./images/seat/kursi_konfirm_gopay.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_dipilih0_sel{
	background-color:#009999;
	background-image: url('./images/kursi_konfirm_sel.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_dipilih1{
	background-color:#009999;
	background-image: url('./images/kursi_konfirm1.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_dipilih1_ttx{
	background-color:#009999;
	background-image: url('./images/kursi_konfirm1_ttx.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_dipilih1_traveloka{
	background-color:#009999;
	background-image: url('./images/kursi_konfirm1_traveloka.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_dipilih1_dana{
	background-color:#009999;
	background-image: url('./images/seat/kursi_konfirm1_dana.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_dipilih1_ovo{
	background-color:#009999;
	background-image: url('./images/seat/kursi_konfirm1_ovo.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_dipilih1_gopay{
	background-color:#009999;
	background-image: url('./images/seat/kursi_konfirm1_gopay.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_bayar_dipilih1_dt{
	background-color:#009999;
	background-image: url('./images/seat/kursi_konfirm1_daytrans.svg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
	background-size: 67px 89px;
}

.kursi_bayar_dipilih1_sel{
	background-color:#009999;
	background-image: url('./images/kursi_konfirm1_sel.gif');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 30px;
}

.kursi_sopir{
	background-color:#ffffff;
	background-image: url('./images/icon_sopir.png');
	background-repeat: no-repeat;
	background-position:center center; 
	height:100px;
	/*font*/
	font-family:verdana;
	font-size:1.5em;
	color:#ffffff;
	font-weight: bold;
	text-align:center;
	vertical-align:bottom;
}

.kursi-time-limit {
	text-align: center;
	font-size: 9px;
	background-color: #47a3f0;
	margin: 0 0;
	color: #fff;
	height: 14px;
}

.kursi_nama{
	/*font*/
	background-color:#ffff00;
	font-family:verdana;
	font-size:11px;
	color:#000000;
	font-weight: bold;
	text-align:center;
	vertical-align: middle;
	width: 100%;
	display: inline-block;
	max-width: 100px;
}
/*
.kursi_warning1{
	width:100%;
	background-color:#ff0000;
	font-family:verdana;
	font-size:12px;
	color:#ffffff;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	max-width: 100px;
}
*/

.kursi_warning{
	background-color: red;
	font-family: verdana;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	display: inline-block;
	max-width: 100px;
}

.notifikasi_pengumuman{
	
	background-image: url('./images/icon_amplop.png');
	background-repeat: no-repeat;
	background-position:top center; 
	text-align:center;
	vertical-align:bottom;
}

#register{
	position:absolute;
	left:20%;
	right:20%;
	width:700px;	
}
#registerForm{
	background-color:rgb(250,250,250);
	border: solid rgb(200,200,200) 5px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}

.tiket_header{
	/*font*/
	font-family:Courier New;
	font-size:18px;
	font-weight: bold;
}

.tiket_subheader{
	/*font*/
	font-family:Courier New;
	font-size:12px;
	font-weight: bold;
}

.tiket_body{
	/*font*/
	font-family:Courier New;
	font-size:10px;
}

.tiket_big_mark{
	/*font*/
	font-family:Courier New;
	font-size:22px;
	text-align:center;
}

.tiket_footer{
	/*font*/
	font-family:Courier New;
	font-size:20px;
	text-align:center;
	vertical-align:top;
}

td.frm_login1{
	background: url('./images/login/login1.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	width:800px;
	height:63px;
	/*color:#ffffff;
	font-size: 16px;
	font-weight: bold;*/
}

td.frm_login2{
	background: url('./images/login/login2.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	width:52px;
	height:293px;
	/*color:#ffffff;
	font-size: 16px;
	font-weight: bold;*/
}

td.frm_login3{
	/*background: url('./images/login/login3.gif');
	background-position: right bottom;
	background-repeat: no-repeat;*/
	background-color: #ffffff;
	width:319px;
	height:293px;
	/*color:#ffffff;
	font-size: 16px;
	font-weight: bold;*/
}

td.frm_login4{
	background: url('./images/login/login4.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	width:322px;
	height:293px;
	/*color:#ffffff;
	font-size: 16px;
	font-weight: bold;*/
}

td.frm_login5{
	background: url('./images/login/login5.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	width:107px;
	height:293px;
	/*color:#ffffff;
	font-size: 16px;
	font-weight: bold;*/
}

td.frm_login6{
	background: url('./images/login/login6.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	width:52px;
	height:152px;
	/*color:#ffffff;
	font-size: 16px;
	font-weight: bold;*/
}

td.frm_login7{
	background: url('./images/login/login7.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
	width:319px;
	height:152px;
	/*color:#ffffff;
	font-size: 16px;
	font-weight: bold;*/
}

td.frm_login8{
	background: url('./images/login/login8.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	width:322px;
	height:152px;
	/*color:#ffffff;
	font-size: 16px;
	font-weight: bold;*/
}

td.frm_login9{
	background: url('./images/login/login9.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	width:107px;
	height:152px;
	/*color:#ffffff;
	font-size: 16px;
	font-weight: bold;*/
}

td.frm_login10{
	background: url('./images/login/login10.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	width:800px;
	height:82px;
	/*color:#ffffff;
	font-size: 16px;
	font-weight: bold;*/
}

.header_overall_image{
	background: url('./images/logo_header.gif');
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #da251d;
	width:300px;
	height:60px;
}

.header_overall{
	background-color: #da251d;
	width:500px;
	height:60px;
	font-family:  arial;
	font-size: 24px;
	font-weight: bold;
	text-align:center;
	color: white;
}

.header_overall_separator{
	background: url('./images/header_separator.gif');
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #838281;
	height:60px;
	color:#ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

.header_shadow{
	background: url('./images/shadow.gif');
	background-repeat: repeat-x;
}

.menu_utama{
	background-color: #efefef;
	border-radius: 12px 12px 12px 12px;
}

.header_reservasi{
	background: url('./images/subheader_shadow.png');
	background-repeat: repeat-x;
	height:114px;
	/*border-radius: 0px 0px 15px 15px;*/
}

.header_reservasi_separator{
	background: url('./images/header_vertical_line_shadow.png');
	background-repeat: no-repeat;
	height:114px;
	width:1px;
	/*border-radius: 0px 0px 15px 15px;*/
}

.reservasi_background{
	background: url('./images/reservasi_background_shadow.png');
	background-repeat: repeat-x;
}

div.top_menu_lost_focus{
	background:#da251d;
	color:#fff;
	font-weight: bold;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	border-radius: 7px 7px 0px 0px;
	height:20px;
	cursor:pointer;
}

div.top_menu_on_focus{
	background:#a0a0a0;
	color:#fff;
	font-weight: bold;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	border-radius: 7px 7px 0px 0px;
	height:20px;
	cursor:pointer;
}

div.top_menu_on_select{
	background:#838281;
	color:#ffffff;
	font-weight: bold;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	border-radius: 7px 7px 0px 0px;
	height:30px;
	cursor:pointer;
}

.show_popup{
	background:#a0a0a0;
	color:#ffffff;
	font-size:14px;
	text-align:center;
	position:absolute;
	font-weight: bold;
	border-radius: 5px 5px 5px 5px;
	z-index:0;
}

td.dashboardkolomheader{
	background: #da251d;
	color: white;
	font-size: 12px;
	text-align: center;
}

td.generaltotalkolom{
	background: #da251d;
	color: white;
	font-size: 12px;
	text-align: right;
	width: 300px;
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 5px;
}

td.generaltotaldata{
	font-size: 12px;
	text-align: right;
	width: 300px;
	border-bottom: 1px solid #ccc;
	padding-right: 5px;
}

.generaltotalrow
{
	background: #fff;
}

tr.generaltotalrow:hover 
{
	background: #fdff7e;
	color:#404040;
}

div.menuwrapper{
	width: 900px;
	background-color: #efefef;
	border-radius: 12px 12px 12px 12px;
}

div.menuicon{
	width: 225px;
	float: left;
	text-align: center;
}


div.menuiconsmall{
	width: 80px;
	float: right;
	text-align: center;
}

div.form_ubah_password{
	background:#da251d;
	color:#5e8db5;
	font-size:11px;
	text-align:center;
	vertical-align:bottom;
	position:absolute;
	top:60px;
	left:0px;
	border-radius: 0px 0px 0px 20px;
	width:350px;
	cursor:pointer;
	opacity:0.9;
	
}

td.label_putih{
	/*font*/
	color:#ffffff;
	font-weight: bold;
	font-size:12px;
	text-align:right;
	vertical-align:top;
}

div.resvmenuicon{
	width: 80px;
	float: right;
	text-align: center;
}

div#resvmenuiconpengumuman{
	width: 80px;
	float: right;
	text-align: center;
	background-image: url('./images/icon_amplop.png');
	background-repeat: no-repeat;
	background-position:top center;
}

div#bg_antrian{
	width: 80px;
	float: right;
	text-align: center;
	background-image: url('./images/ic_antrian.png');
	background-repeat: no-repeat;
	background-position:top center;
}

div#resvregmemberwrapper{
	width: 520px;
	height: 420px;
	padding-left: 80px;
}

div#resvregmembercontent{
	text-align: left;
	width: 400px;
	height: 400px;
}

.resvregmemberlabel{
	display: inline-block;
	width: 100px;
	padding-top: 7px;
	vertical-align: middle;
}

.resvregmemberfield{
	display: inline-block;
	padding-top: 7px;
	vertical-align: middle;
}

div#resvdetailbookwrapper{
	padding-left: 5px;
}

div#resvdetailbookcontent{
	text-align: left;
}

.resvdetailbooklabel{
	display: inline-block;
	width: 100px;
	padding-top: 7px;
	vertical-align: middle;
}

.resvdetailbookfield{
	display: inline-block;
	padding-top: 7px;
	vertical-align: middle;
}

span.bookopsdata{
	/*width: 300px;*/
	display: inline-block;
	vertical-align: top;
}

.bookopshighlight{
	color: black;
	background: yellow;
	font-weight: bold;
}

.headops{
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.headnav{
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

.nodata{
	font-size: 18px;
	text-align: center;
	background: yellow;
}

.pesanberhasildisimpan{
	font-size: 18px;
	color: green;
	background: #98e46f;
	text-align: center;
}

.hargapromo{
	color: red;
	text-decoration: line-through;
}

.b_edit{
    background: url('./images/b_edit.png') no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.b_delete{
    background: url('./images/b_drop.png') no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.b_ok{
    background: url('./images/b_okay.png') no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.b_print{
    background: url('./images/b_print.png') no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.b_browse{
    background: url('./images/b_browse.png') no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.b_manifest{
    background: url('./images/b_manifest.png') no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.ic_copy{
	background: url('./images/ic_copy.svg') no-repeat;
	display: inline-block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}


.wrappertabledata{
  overflow: auto;
  overflow-y: hidden;
  width: 100%;
  height:600px;
}

.wrapperinnertable{
  overflow: auto;
  overflow-x: hidden;
  height:500px;
}

.wrapperheader{
  width: 100%;
  background: #da251d;
  font-size: 0px;
}

.headertittle{
  color: white;
  font-family: "trebuchet ms";
  font-size: 20px;
  text-align: left;
  margin-top: 15px;
  margin-left: 10px;
  float: left;
  text-transform: uppercase;
  padding-left: 10px;
}

.headerfilter{
  height: 30px;
  color: white;
  font-family: "trebuchet ms";
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 8px;
  margin-right: 5px;
  float: right;
}

table.flat{
  border-spacing: 1px;
}

span.pesan{
  display: inline-block;
  background: yellow;
  color: black;
  font-size: 12px;
  text-transform: uppercase;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

span.paketdetailfield{
  text-align: right;
  color:#bb1a12;
  display: inline-block;
  width: 50%;
}

span.paketdetailvalue{
  text-align: left;
  display: inline-block;
  width: 50%;
}

div.paketdetailsubtitle{
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 10px;
}

.noimage{
	background-color:#ffffff;
	background-image: url('./images/noimage.png');
	background-repeat: no-repeat;
	width:100%;
	height:110px;
	background-size: 300px 100px;
}

#dialog_pembayaran tr.title,tr.input{
	height: 20px;
	text-align: center;
}




/* ===== BUTTON ===== */
.btn-dt-1 {
	display: inline-block;
	border-radius: 4px;
	background-color: #da251dd6;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	padding: 7px;
	/*width: 200px;*/
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
	vertical-align: middle;
}
.btn-dt-1:hover {
	background-color: #bb1a12;
}
.btn-dt-1 span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}
.btn-dt-1 span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}
.btn-dt-1:hover span {
	padding-right: 25px;
}
.btn-dt-1:hover span:after {
	opacity: 1;
	right: 0;
}

.btn-dt-1 .secondary {
	background-color: #fff !important;
	border: 1px solid #da251dd6 !important;
	color: #da251dd6 !important;
}

.btn-dt-2 {
	display: inline-block;
	border-radius: 4px;
	background-color: #da251dd6;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	padding: 7px;
	/*width: calc(33% - 10px);*/
	width: calc(min(31%, 33%) - 5px);
	height: min(3.5vh, 3.5vh);
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
	vertical-align: middle;
}
.btn-dt-2:hover {
	background-color: #bb1a12;
}
.btn-dt-2 span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}
.btn-dt-2 span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}
.btn-dt-2:hover span {
	padding-right: 15px;
}
.btn-dt-2:hover span:after {
	opacity: 1;
	right: 0;
}

.btn-dt-2.disabled {
	background: #d0d0d0;
	pointer-events: none;
}

.btn-dt-2.secondary {
	background-color: #fff !important;
	border: 1px solid #da251dd6 !important;
	color: #da251dd6 !important;
}

.wrapper-reservasi-btn {
	display: flex;
	flex-flow: wrap;
	/*justify-content: center;*/
	justify-content: left;
	/*width: 80%;*/
	width: -moz-fit-content;
}


.wrapper-refresh-btn {
	width: min-content;
	display: flex;
	vertical-align: bottom;
	align-items: center;
	justify-content: flex-end;
}

.wrapper-action-list label {
	display: inline-flex;
	align-items: center;
}

.btn-refresh {
	border-radius: 5px;
	border: none;
	padding: 2px 10px;
	transform: scale(0.8);
}

/* BTN STATUS */
.btn-status {
	display: inline-block;
	border-radius: 4px;
	background-color: #da251dd6;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	padding: 2px 10px;
	transition: all 0.5s;
	cursor: pointer;
	vertical-align: middle;
}

.toggle {
	padding: 2px 10px;
	cursor: pointer;
	background: blue;
	color: #fff;
	border-radius: 4px;
	transition: all 0.5s;
}

.toggle:hover {
	text-decoration: none;
}

.toggle.on{
	background: limegreen;
}

.toggle.off{
	background: red;
}

/*BTN SIZE*/
.btn-min-7vw{
	min-width: 7vw;
}

.btn-min-2vh{
	min-height: 2vh;
}

.btn-cetak-cepat{
	//background: url('./images/btn_sqr_print.png');
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJwcmludGVyIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik0zNzkuMjE3LDI0OS4xMTFjLTguODQyLDAtMTYuMDM1LTcuMTkzLTE2LjAzNS0xNi4wMzVzNy4xOTMtMTYuMDM1LDE2LjAzNS0xNi4wMzVzMTYuMDM1LDcuMTkzLDE2LjAzNSwxNi4wMzUgICBTMzg4LjA1OSwyNDkuMTExLDM3OS4yMTcsMjQ5LjExMXogTTM3OS4yMTcsMjI1LjA0MWMtNC40MzIsMC04LjAzNSwzLjYwNC04LjAzNSw4LjAzNXMzLjYwNCw4LjAzNSw4LjAzNSw4LjAzNSAgIGM0LjQzLDAsOC4wMzUtMy42MDQsOC4wMzUtOC4wMzVTMzgzLjY0NiwyMjUuMDQxLDM3OS4yMTcsMjI1LjA0MXoiLz48cGF0aCBkPSJNMzQzLjY4NCwyNDkuMTExYy04Ljg0MiwwLTE2LjAzNS03LjE5My0xNi4wMzUtMTYuMDM1czcuMTkzLTE2LjAzNSwxNi4wMzUtMTYuMDM1czE2LjAzNSw3LjE5MywxNi4wMzUsMTYuMDM1ICAgUzM1Mi41MjUsMjQ5LjExMSwzNDMuNjg0LDI0OS4xMTF6IE0zNDMuNjg0LDIyNS4wNDFjLTQuNDMsMC04LjAzNSwzLjYwNC04LjAzNSw4LjAzNXMzLjYwNSw4LjAzNSw4LjAzNSw4LjAzNSAgIGM0LjQzMiwwLDguMDM1LTMuNjA0LDguMDM1LTguMDM1UzM0OC4xMTUsMjI1LjA0MSwzNDMuNjg0LDIyNS4wNDF6Ii8+PHBhdGggZD0iTTM1Mi44NjIsOTkuMDUzYzAtMC44MTEtMC4yNTktMS41NTMtMC42NzMtMi4xODNjLTAuMDEtMC4wMTctMC4wMi0wLjAzNC0wLjAzMS0wLjA1Yy0wLjEyNy0wLjE4OC0wLjI3LTAuMzU4LTAuNDI2LTAuNTIxICAgYy0wLjAyMy0wLjAyMy0wLjAzOS0wLjA1MS0wLjA2Mi0wLjA3NGwtNDYuODk0LTQ2Ljg5M2MtMC4xNzEtMC4xNy0wLjM1Ny0wLjMxNy0wLjU1MS0wLjQ1MmMtMC4wNTctMC4wNC0wLjExNy0wLjA3NC0wLjE3Ni0wLjExICAgYy0wLjE0OC0wLjA5Mi0wLjMtMC4xNzMtMC40NTctMC4yNDRjLTAuMDY0LTAuMDI5LTAuMTI3LTAuMDU5LTAuMTkzLTAuMDg0Yy0wLjIxLTAuMDgzLTAuNDI1LTAuMTUxLTAuNjQ1LTAuMTk2ICAgYy0wLjAxLTAuMDAxLTAuMDE4LTAuMDA1LTAuMDI3LTAuMDA3Yy0wLjIyOS0wLjA0NS0wLjQ2My0wLjA2NC0wLjY5Ny0wLjA2OWMtMC4wMjcsMC0wLjA1NS0wLjAwOC0wLjA4Mi0wLjAwOEgxNzguNDA2ICAgYy0xMC42NjEsMC0xOS4zMzQsOC42NzQtMTkuMzM0LDE5LjMzNHYxMTkuMTYxYzAsMi4yMDksMS43OTEsNCw0LDRoMTg1Ljc3YzIuMjA5LDAsNC0xLjc5MSw0LTRWOTkuMjUyICAgQzM1Mi44NDYsOTkuMTg1LDM1Mi44NjIsOTkuMTIxLDM1Mi44NjIsOTkuMDUzeiBNMzA1Ljk0OSw2MS44MTdsMTYuNjE3LDE2LjYxOWwxNi42MTksMTYuNjE4aC0yNy4zMjQgICBjLTMuMjYsMC01LjkxMi0yLjY1Mi01LjkxMi01LjkxM1Y2MS44MTd6IE0xNjcuMDcyLDE4Mi42NTVWNjcuNDk0YzAtNi4yNSw1LjA4NC0xMS4zMzQsMTEuMzM0LTExLjMzNGgxMTkuNTQzdjMyLjk4ICAgYzAsNy42NzEsNi4yNCwxMy45MTMsMTMuOTEyLDEzLjkxM2gzMi45OHY3OS42MDJIMTY3LjA3MnoiLz48cGF0aCBkPSJNMzYwLjMwNSwzMjkuOTNIMTUyLjg0MmMtMi41MzIsMC00LjU4NS0yLjA1My00LjU4NS00LjU4NWMwLTIuNTMxLDIuMDUzLTQuNTg1LDQuNTg1LTQuNTg1aDIwNy40NjIgICBjMi41MzEsMCw0LjU4NCwyLjA1NCw0LjU4NCw0LjU4NUMzNjQuODg5LDMyNy44NzcsMzYyLjgzNiwzMjkuOTMsMzYwLjMwNSwzMjkuOTN6Ii8+PHBhdGggZD0iTTM5My4wNTEsMTgyLjY1NUgxMTguOTVjLTE3LjY0NiwwLTMyLjAwMiwxNC4zNTYtMzIuMDAyLDMyLjAwM3YxMjYuMjQxYzAsMTcuNjQ2LDE0LjM1NiwzMi4wMDIsMzIuMDAyLDMyLjAwMmg0MC4yMDggICB2NzAuNTIxYzAsNS40NTQsMi4xMjQsMTAuNTgyLDUuOTgxLDE0LjQzOGMzLjg1NywzLjg1Nyw4Ljk4NCw1Ljk4LDE0LjQzOCw1Ljk4SDMzMi41MmMxMS4yNTIsMCwyMC40MTItOS4xNTQsMjAuNDE5LTIwLjQwNiAgIGwwLjA0Ni03MC41MzNoNDAuMDY2YzE3LjY0NiwwLDMyLjAwMi0xNC4zNTYsMzIuMDAyLTMyLjAwMlYyMTQuNjU4QzQyNS4wNTMsMTk3LjAxMSw0MTAuNjk2LDE4Mi42NTUsMzkzLjA1MSwxODIuNjU1eiAgICBNMzQ0LjkzOCw0NDMuNDI5Yy0wLjAwNSw2Ljg0My01LjU3NSwxMi40MTEtMTIuNDE5LDEyLjQxMUgxNzkuNTc3Yy0zLjMxNywwLTYuNDM2LTEuMjkxLTguNzgxLTMuNjM3cy0zLjYzOC01LjQ2NS0zLjYzOC04Ljc4MiAgIFYzMjkuMzQ2aDE3Ny44NTRMMzQ0LjkzOCw0NDMuNDI5eiBNNDE3LjA1MywzNDAuODk4YzAsMTMuMjM0LTEwLjc2OCwyNC4wMDItMjQuMDAyLDI0LjAwMmgtNDAuMDYzbDAuMDI1LTM5LjU1MyAgIGMwLjAwMS0xLjA2MS0wLjQyLTIuMDc5LTEuMTctMi44M2MtMC43NS0wLjc1LTEuNzY4LTEuMTcyLTIuODMtMS4xNzJIMTYzLjE1OGMtMi4yMDksMC00LDEuNzkxLTQsNFYzNjQuOUgxMTguOTUgICBjLTEzLjIzNSwwLTI0LjAwMi0xMC43NjgtMjQuMDAyLTI0LjAwMnYtNTkuNjkzaDMyMi4xMDVWMzQwLjg5OHogTTQxNy4wNTMsMjczLjIwNUg5NC45NDd2LTU4LjU0NyAgIGMwLTEzLjIzNSwxMC43NjgtMjQuMDAzLDI0LjAwMi0yNC4wMDNoMjc0LjEwMWMxMy4yMzQsMCwyNC4wMDIsMTAuNzY4LDI0LjAwMiwyNC4wMDNWMjczLjIwNXoiLz48cGF0aCBkPSJNMzE2Ljc5NSwzNzMuNDg1SDE5Ni4zNTJjLTIuNTA2LDAtNC41MzktMi4wMzItNC41MzktNC41Mzl2LTAuMDkxYzAtMi41MDgsMi4wMzItNC41MzksNC41MzktNC41MzloMTIwLjQ0MyAgIGMyLjUwNiwwLDQuNTM5LDIuMDMxLDQuNTM5LDQuNTM5djAuMDkxQzMyMS4zMzQsMzcxLjQ1MywzMTkuMzAxLDM3My40ODUsMzE2Ljc5NSwzNzMuNDg1eiIvPjxwYXRoIGQ9Ik0zMTYuNzk1LDM5Ni40MDlIMTk2LjM1MmMtMi41MDYsMC00LjUzOS0yLjAzMi00LjUzOS00LjUzOHYtMC4wOTJjMC0yLjUwOCwyLjAzMi00LjUzOSw0LjUzOS00LjUzOWgxMjAuNDQzICAgYzIuNTA2LDAsNC41MzksMi4wMzEsNC41MzksNC41Mzl2MC4wOTJDMzIxLjMzNCwzOTQuMzc3LDMxOS4zMDEsMzk2LjQwOSwzMTYuNzk1LDM5Ni40MDl6Ii8+PHBhdGggZD0iTTMxNi43OTUsNDE5LjMzM0gxOTYuMzUyYy0yLjUwNiwwLTQuNTM5LTIuMDMyLTQuNTM5LTQuNTM4di0wLjA5MmMwLTIuNTA3LDIuMDMyLTQuNTM5LDQuNTM5LTQuNTM5aDEyMC40NDMgICBjMi41MDYsMCw0LjUzOSwyLjAzMiw0LjUzOSw0LjUzOXYwLjA5MkMzMjEuMzM0LDQxNy4zMDEsMzE5LjMwMSw0MTkuMzMzLDMxNi43OTUsNDE5LjMzM3oiLz48L2c+PC9zdmc+');
	background-size: auto;
	width: 25px;
	height: 25px;
	background-size: cover;
	text-align: left;
	float: left;
	position: relative;
	/*left: -5px;*/
	/*top: -5px;*/
	/*border-radius: 10px;*/
}

.btn-cetak-cepat:hover{
	filter: invert(100%);
}

.active-mode {
	background: white;
	color: #000;
	border: 1px solid;
}

.active-mode:hover {
	background: #fff;
	color: #000;
}
/* ===== END BUTTON ===== */

/* ===== LAYOUT ===== */
/* section kiri */
.A {
	width: 100%;
	grid-area: resv-jadwal;
}

/* section tengah */
.B {
	grid-area: resv-layout;
	width: 100%;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
}

/* section kanan */
.C {
	grid-area: resv-penumpang;
	width: 100%;
}

.resv-container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.resv-headers {
	display: flex;
	flex-direction: column;
	/*min-height: 100vh;*/
	grid-area: resv-header;
	background-color: #f2f2f2;
}

.resv-search-header-wrapper {
	text-align: left;
	padding: 5px 25px;
	display: inline-grid;
	align-items: center;
}

.resv-headers form.search input[type="search"] {
	width: 80%;
	float: left;
	border-radius: 3px 0 0 3px;
	padding: 3px;
	padding-left: 5px;
}

.resv-headers form.search button {
	float: left;
	width: 18%;
	/*padding: 10px;*/
	background: #E04841;
	color: white;
	font-size: 12px;
	border: 1px solid grey;
	border-left: none;
	cursor: pointer;
	border-radius: 0px 3px 3px 0px;
	padding: 4px;
}

.resv-headers form.search::after {
	content: "";
	clear: both;
}

.resv-header-wrapper {
	position: relative;
	display: flex;
	max-width: 100vw;
	align-items: center;
	padding: 10px 5px;
}

.resv-header {
	overflow: hidden;
	display: grid;
	width: 100%;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	scroll-behavior: smooth;
	/*height: 100%;*/
}

.resv-header-menu {
	display: flex;
	gap: 4px;
	flex-direction: row;
	direction: rtl;
	overflow: auto;
	scrollbar-width:  thin;
	/*padding: 9px 0 20px 0;*/
}

.resv-header-menu .menu {
	display: grid;
	grid-auto-flow: row;
	grid-template-columns: 100px;
	grid-template-rows: 60px 40px;
	align-content: center;
	align-items: center;
	justify-content: center;
	justify-items: center;
}

.resv-header-menu .menu > div {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.resv-header-menu .menu > div:nth-child(2) {
	align-items: baseline;
}

@media only screen and (min-width: 600px) {
	.resv-search-header-wrapper {
		display: flex;
	}

	form.search {
		flex-basis: 100%;
	}
}

@media (min-width: 768px) {
	.resv-container {
		display: grid;
		grid-template-columns: 25% 42% 33%;
		grid-template-rows: auto 1fr auto;
		grid-template-areas:
				"resv-header resv-header resv-header"
				"resv-jadwal resv-layout resv-penumpang";
	}

	.resv-search-header-wrapper {
		display: inherit;
	}

	form.search {
		width: 100%;
		margin: 0 auto;
	}

	form.search input[type="search"] {
		max-width: 80%;
	}

	.resv-headers {
		display: grid;
		grid-template-columns: 25% 75%;
		grid-column: span 3;
		text-align: center;
		background-color: #f2f2f2;
		display: grid;
		grid-template-rows: 10em auto;
	}
}

@media only screen and (min-width: 992px) {
	.resv-headers form.search button {
		float: left;
		max-width: 2.9em
	}
}

@media only screen and (min-width: 1200px) {

	.resv-search-header-wrapper {
		display: flex;
	}
}



/* ===== END LAYOUT ===== */

.formHeader {
	font-size: 1em;
	padding: 3px 0;
	font-weight: bold;
}



.select-origin-destination {
	height: 21px;
	margin-top: 3px;
	display: inline-table;
	/*text-align: center;*/
}

.select-origin-destination,
div.select-origin-destination table
{
	width: 88% !important;
	min-width: 190px !important;
}

div.select-origin-destination select {
	width: 100% !important;
	height: 21px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 1.2px;
}

div.select-origin-destination select:disabled {
	background: #d0d0d0;
	color: #fff;
}

#rewriteall {
	vertical-align: center;
}

#rewritetujuan > table {
	width: 100%;
}

div.keterangan-seat {
	padding: 3px 0;
	font-size: 10px;
	min-height: 3em;
}

.keterangan-seat span {
	left: 10px;
	position: relative;
}

/* ======== SECTION C ========== */

.pnp-info-wrapper {
	width: 70%;
}

/* PENUMPANG */
div.pnp-info,
.pnp-info-label,
.pnp-info-val {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
}

div.pnp-info {
	width: 100%;
	text-align: left;
	display: inline-flex;
	padding: 2.5px 0px;
}

div.pnp-info-label,
div.pnp-input-label {
	text-align: right;
	width: 70%;
	padding: 0 10px;
	font-weight: bold;
	color: #727272;
}

div.pnp-info-val{
	width: 100%;
}


.pnp-input-wrapper {
	width: 85%;
}

div.pnp-input,
.pnp-input-label,
.pnp-input-val {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
}

div.pnp-input {
	width: 100%;
	text-align: left;
	display: inline-flex;
	padding: 2.5px 0px;
}

div.pnp-input-val{
	width: 100%;
}

.action-wrapper {
	display: inline-flex;
}

.basis-left {
	flex-basis: 60%;
	word-break: break-word;
}

.basis-right {
	text-align: right;
}

.basis-right > a {
	color: #dd1f16;
	font-weight: lighter;
	text-decoration: none;
}

.basis-right > a:hover {
	font-weight: bolder;
}




.toUpper {
	text-transform: uppercase;
}

div + .hide {
	display: none;
}

.notice::before{
	background: blue;
}


div.pnp-input-val .notice {
	/*background: yellow;*/
	/*margin-bottom: 15px;*/
	/*height: 15px;*/
	padding: 0 2px;
	line-height: 19px;
	width: inherit;
	border-radius: 1px;
	color: steelblue;
}
div.notice::after{
	background: yellow;
}

.notice-text{
	animation: slide 0.5s linear;
	/*display: none;*/
}

@keyframes  slide {
	0% {margin-top: -15px;}
	50% {margin-top: -2px;}
	100% {margin-top: 0;}
}

div.notice-text.hide{
	display: none;
}




/* FORM INPUT */

.form-input-wrapper {
	width: 100%;
}

.form-input-wrapper legend {
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 10px;
	text-align: center;
}

div.form-input {
	width: 100%;
	text-align: left;
	display: grid;
	padding: 5.5px 0px;
	align-content: center;
	grid-auto-flow: column;
	grid-template-columns: .7fr 1fr;
}

div.form-info-label,
div.form-input-label {
	text-align: right;
	padding: 0 10px 0 0;
	font-weight: bold;
	color: #727272;
}

div.form-input,
.form-input-label,
.form-input-val {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
}

div.form-input-val{
	width: 100%;
}

div.form-info-val{
	width: 100%;
	/*inline-size: 150px;*/
	/*overflow-wrap: break-word;*/
}

/* MODE MUTASI & ASSIGN UNSEAT */
.mode-mutasi.hide, .mode-assign-kursi.hide {
	visibility: hidden !important;
	display: none !important;
}

.mode-mutasi, .mode-assign-kursi {
	position: fixed;
	width: 100%;
	background: yellow;
	top: 0;
	z-index: 1;
	border: 1px solid;
	padding: 5px;
	box-shadow: 0 0 15px 5px #000;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* END MODE MUTASI & ASSIGN UNSEAT */

input[class*='pnp-info-input']:not([type='checkbox']){
	width: min(150px, 80%);
	height: 20px;
	border-radius: 2px;
}

select[class*="pnp-info-select"] {
	width: min(150px, 80%);
	height: 20px;
	border-radius: 2px;
}

table.table-list {
	border: solid 1px #DDEEEE;
	border-collapse: collapse;
	border-spacing: 0;
	font: normal 13px Arial, sans-serif;
}

table.table-list thead th {
	background-color: #DDEFEF;
	border: solid 1px #DDEEEE;
	color: #336B6B;
	padding: 10px;
	text-align: left;
}
table.table-list tr th {
	background-color: #686868;
}
table.table-list tbody td {
	border: solid 1px #DDEEEE;
	color: #333;
	padding: 10px;
}

table.table-list tr.selected {
	background-color: #fdff7e;
	color: #fff;
}

table.table-list tr.selected td {
	color: #262626;
}

.state-antar-jemput {
	/*background: #fffd05;*/
	border-radius: 3px;
	display: inline-block;
	font-size: .65rem;
	padding: 1px 5px;
	font-weight: bold;
	border: 1px solid #e04841;
	color: #e04841;
}
/* RESERVASI & PAKET */




/* POPUP */

.popupbodycontainer {
	background: white;
	overflow: auto;
	border-radius: 5px 5px 5px 5px;
}
span.popupclosebutton {
	top: -1em;
	background: red;
	color: white;
}

span.popupclosebutton {
	float: right;
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'trebuchet ms';
	font-size: 20px;
	padding: 7px;
	cursor: pointer;
	border-radius: 3px 3px 3px 3px;
	-webkit-transition: background 0.5s ease;
	transition: background 0.5s;
}

span.popupclosebutton:hover {
	background: skyblue;
}

span.popuptitle {
	position: absolute;
	top: -0.5rem;
	left: 0px;
	color: white;
	text-transform: uppercase;
	font-family: 'trebuchet ms';
	font-size: 1.3em;
}

/* VIEWPORT */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

	#popupcontainer {
		max-width: 99% !important;
	}

	.popupbodycontainer {
		max-width: 100% !important;
	}

	span.popupclosebutton {
		padding: 5px;
		right: 0;
	}

	body {
		/*background: #ff0099 !important;*/
	}

	div.pnp-input {
		display: block;
	}

	div.pnp-input-label {
		width: 100%;
		text-align: left;
		padding: 2px 0 3px 0;
	}

	input[class*="pnp-info-input"]:not([type="checkbox"]),
	textarea[class*="pnp-info-input"],
	select[class*="pnp-info-input"] {
		width: 100% !important;
	}

	/* WIDTH */
	/*.btn-dt-xs {*/
	/*	min-width: 5rem !important;*/
	/*}*/
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 767px) {

	#popupcontainer {
		max-width: 99% !important;
	}
	.popupbodycontainer {
		max-width: 100% !important;
	}

	span.popupclosebutton {
		padding: 5px;
		right: 0;
	}

	body {
		/*background: yellow !important;*/
	}

	.pnp-input-wrapper {
		width: 85%;
	}

	.pnp-info-wrapper h4, legend {
		font-size: 11px;
	}

	div.pnp-input {
		display: block;
	}

	div.pnp-input-label {
		width: 100%;
		text-align: left;
		padding: 2px 0 3px 0;
	}

	input[class*="pnp-info-input"]:not([type="checkbox"]),
	textarea[class*="pnp-info-input"],
	select[class*="pnp-info-input"] {
		width: 100% !important;
	}

	.pnp-info-wrapper {
		width: 100%;
	}

	div.pnp-info-label,
	div.pnp-input-label {
		width: 100%;
	}


	/*div.pnp-info {*/
	/*	display: block;*/
	/*}*/

	/*div.pnp-info-label {*/
	/*	text-align: left;*/
	/*	padding: unset;*/
	/*}*/

	.basis-left {
		flex-basis: 80%;
	}

	/* WIDTH */
	.btn-dt-xs {
		min-width: 24vw !important;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px)  {
	/* POPUP */
	#popupcontainer {
		max-width: 90% !important;
	}
	.popupbodycontainer {
		max-width: 100% !important;
	}

	body {
		/*background: blue !important;*/
	}

	.pnp-input-wrapper {
		width: 85%;
	}

	div.pnp-input-label {
		font-size: 11px;
		width: 60%;
		word-break: break-word;
	}

	.pnp-info-wrapper {
		width: 100%;
	}

	div.pnp-info-label,
	div.form-info-label{
		font-size: 11px;
		width: 60%;
		word-break: break-word;
	}

	input[class*="pnp-info-input"]:not([type="checkbox"]),
	textarea[class*="pnp-info-input"],
	select[class*="pnp-info-input"] {
		width: 100% !important;
	}


	div.form-input {
		width: 100%;
		text-align: left;
		display: block;
		padding: 5.5px 0px;
		align-content: center;
		align-items: center;
	}

	div.form-input {
		text-align: center;
	}

	div.form-info-label,
	div.form-input-label {
		text-align: center;
		width: 100%;
		padding: 0 10px;
		font-weight: bold;
		color: #727272;
	}

	.action-wrapper {
		display: unset;
	}

	.basis-left {
		flex-basis: 60%;
		word-break: break-word;
	}

	.basis-right {
		text-align: left;
	}

	/* WIDTH */
	.btn-dt-xs {
		min-width: 100% !important;
	}

	/* COLLAPSIBLE */
	.collapsible-content .content-inner {
		padding: unset !important;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	div.pnp-input-wrapper {
		width: 85% !important;
	}

	div.pnp-input-label {
		font-size: 11px;
		width: 60%;
	}

	textarea.pnp-info-input {
		border-radius: 5px;
	}

	div.pnp-info-wrapper {
		width: 85% !important;
	}

	div.pnp-info-label {
		font-size: 11px;
		width: 60%;
	}

	input[class*="pnp-info-input"]:not([type="checkbox"]),
	select[class*="pnp-info-select"]  {
		width: 100%;
		height: 20px;
		border-radius: 2px;
	}

	.wrapper-reservasi-btn {
		width: 60%;
	}

	.wrapper-reservasi-btn > .btn-dt-2 {
		width: 100%;
		/*height: 6vh !important;*/
	}



	/* WIDTH */
	.btn-dt-sm {
		min-width: 14vw !important;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

	/* WIDTH */
	.btn-dt-lg {
		min-width: min(150px, 6vw) !important;
	}
}


/* loading dots */
.loading:after {
	content: ' .';
	animation: dots 1s steps(2, end) infinite;}

@keyframes dots {
	0%, 20% {
		color: rgba(0,0,0,0);
		text-shadow:
			.25em 0 0 rgba(0,0,0,0),
			.5em 0 0 rgba(0,0,0,0);
	}
	40% {
		color: black;
		text-shadow:
			.25em 0 0 rgba(0,0,0,0),
			.5em 0 0 rgba(0,0,0,0);
		}
	60% {
		text-shadow:
			.25em 0 0 black,
			.5em 0 0 rgba(0,0,0,0);
	}
	80%, 100% {
		text-shadow:
			.25em 0 0 black,
			.5em 0 0 black;
	}
}


/* STATUS NOTIFICATION */

@-webkit-keyframes slide-down {
	0% { opacity: 0; -webkit-transform: translateY(-100%); }
	50% { opacity: 0.5; -webkit-transform: translateY(-50%); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
	0% { opacity: 0; -moz-transform: translateY(-100%); }
	50% { opacity: 0.5; -moz-transform: translateY(-50%); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}

@-webkit-keyframes slide-up {
	100% { opacity: 1; -webkit-transform: translateY(0); }
	50% { opacity: 0.5; -webkit-transform: translateY(-50%); }
	0% { opacity: 0; -webkit-transform: translateY(-100%); }
}
@-moz-keyframes slide-up {
	100% { opacity: 1; -moz-transform: translateY(0); }
	50% { opacity: 0.5; -moz-transform: translateY(-50%); }
	0% { opacity: 0; -moz-transform: translateY(-100%); }
}

div.status-notification{
	background-color: #00d700;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 25px;
	visibility: hidden;
	/*z-index: -1;*/
	transition: all .1s ease-in-out;
	height: 0;
	border-radius: 5px 5px 0 0;
	width: 100%;
	position: absolute;
	margin: 0;
	left: 0;
	top: 0;
	z-index: 9999;
	display: inline-flex;
}

.status-notification.success{
	visibility: visible;
	transition: all .1s ease-in-out;
	-webkit-animation: slide-down .1s ease-in-out;
	-moz-animation: slide-down .1s ease-in-out;
	background-color: #16db16;
	height: 25px;
}

.status-notification.error{
	visibility: visible;
	transition: all .1s ease-in-out;
	-webkit-animation: slide-down .1s ease-in-out;
	-moz-animation: slide-down .1s ease-in-out;
	background-color: #ff230f;
	height: 25px;
}


.ic_attention {
	width: 3rem;
	height:16px;
	background: url('./images/attention.png');
	background-repeat: no-repeat;
	background-position:center center;
	display: block;
	background-size: contain;
	align-self: center;
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

.ic_ok {
	width:3rem;
	height:16px;
	background: url('./images/ok.png');
	background-repeat: no-repeat;
	background-position:center center;
	display: block;
	background-size: contain;
	align-self: center;
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

.ic_pencil {
	width:3rem;
	height:16px;
	background: url('./images/ic_pencil.png');
	background-repeat: no-repeat;
	background-position:center center;
	display: block;
	background-size: contain;
	align-self: center;
}

.ic_trash {
	width:3rem;
	height:16px;
	background: url('./images/ic_trash.png');
	background-repeat: no-repeat;
	background-position:center center;
	display: block;
	background-size: contain;
	align-self: center;
}

/* ACTIONS */
/*.table-actions {*/
/*	display: flex;*/
/*	column-gap: 2px;*/
/*	align-content: center;*/
/*	align-items: center;*/
/*}*/
/*.item-action {*/
/*	width: 1.8em;*/
/*	display: inline-flex;*/
/*	!*background: red;*!*/
/*}*/

.table-actions {
	display: inline-flex;
	color:rgb(124,134,205);
	font-family: sans-serif;
}
.table-actions > .item-action {
	position: relative;
	/*padding: .5rem 1rem;*/
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	flex: 0 1 25%;
}

.table-actions > .item-action:not(:last-child)::after {
	content: '';
	position: absolute;
	right: -2px;
	top: 10%;
	width: 1px;
	height: 80%;
	background-color: rgb(79, 79, 79);
}


form .voucher input[type="text"] {
	width: 80%;
	float: left;
	border-radius: 3px 0 0 3px;
	padding: 3px;
	padding-left: 5px;
}

form .voucher button {

}

form .voucher::after {
	content: "";
	clear: both;
}


/* COLLAPSIBLE CONTENT */
.wrap-collabsible {
	margin-bottom: 1.2rem 0;
	/*margin: 5px 20% 5px 1%;*/
}

input#collapsible[type='checkbox'] {
	display: none;
}

.lbl-toggle {

	justify-content: center;
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: inherit;
	text-align: center;
	padding: .85em 0;
	line-height: 21px;
	color: #fff;
	background: #bb1a12;
	cursor: pointer;
	border-radius: 7px;
	transition: all 0.25s ease-out;
	border: 0.5px solid red;
}

.lbl-toggle:hover {
	background: #fff;
	color: #bb1a12;
}

.lbl-toggle::before {
	content: ' ';
	display: inline-block;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid currentColor;
	vertical-align: middle;
	margin-right: .7rem;
	transform: translateY(0);
	transition: transform .2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
	transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
	max-height: 0px;
	overflow: hidden;
	transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
	max-height: 350px;
}

.toggle:checked + .lbl-toggle {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background: #fff;
	color: #bb1a12;
}

.collapsible-content .content-inner {
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	background: #f6f6f6;
	padding: .5rem 1rem;
}