

body
{
	background-color:#fcfcfc;
	color:#333;
	-webkit-font-smoothing: antialiased;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel.c-fade .item {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.carousel.c-fade .active.left,
.carousel.c-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.c-fade .next,
.carousel.c-fade .prev {
  left: 0;
  z-index: 1;
}
.carousel.c-fade .carousel-control {
  z-index: 3;
}

/* Nav-bar*/


.navbar-orange {
  background-color: #fd571f;
  box-shadow: 0 1px 0 rgba(255,255,255,.1);
}
.navbar-orange .navbar-nav > li > a {
color: #eee;
}
.navbar-orange .navbar-nav > li > a:hover {
color: #efefef;
background-color: #fd7d23;
}
.navbar-orange .navbar-nav > .open > a,
.navbar-orange .navbar-nav > .open > a:hover,
.navbar-orange .navbar-nav > .open > a:focus 
{
color: #efefef;
background-color: #fd7d23;
}
.navbar-orange .navbar-toggle {
  border:none;
  margin-right:0;
}
.navbar-orange .navbar-toggle .icon-bar{
  background-color: white;
}
.navbar-orange .navbar-nav .open .dropdown-menu 
{
	background-color: #fff;
}


/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px 0px 20px 0px !important;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a {
  color: #fff;
  background-color: #fd571f;
}

@media (max-width: 768px)
{
	.breadcrumb-xs
	  {
  		font-size:8px;
  		padding:5px !important; 
	  }
	.breadcrumb-xs .glyphicon
	{
		font-size:18px ; 
	}
}
@media (min-width: 768px)
{
	.breadcrumb-sm
	  {
  		font-size:14px; 
  		padding:10px !important; 
	  }
	.breadcrumb-sm .glyphicon
	{
		font-size:36px ; 
	}
}

.bs-docs-nav {
background-color: #fc4c2c;
border-color: #ea4200;
box-shadow: 0 1px 0 rgba(255,255,255,.1);
}

.bs-docs-nav .navbar-nav > li > a {
color: #ffdfd0;
}

.bs-docs-nav .navbar-nav > .open > a, .bs-docs-nav .navbar-nav > .open > a:hover, .bs-docs-nav .navbar-nav > .open > a:focus {
background-color: #ea4200;
color: #ffffff;
}

.left.carousel-control-fare
{
	width:70px;
	height:140px;
	
}
.right.carousel-control-fare
{
	width:70px;
	height:140px;
	background-color:transparent !important;
}
.carousel-control-fare
{
	top:20%;
	text-shadow:none;
	background-color:transparent !important;
	
	opacity: 1;
}
a.carousel-control-fare:hover
{
	opacity: 0;
}
a.right.carousel-control-fare>span
{
	padding-left:10px;
}
.text-size-s
{
	font-size: 12px !important;
}
.text-size-xs
{
	font-size: 10px !important;
}
.text-size-xxs
{
	font-size: 8px !important;
}
.text-size-m
{
	font-size: 12px !important;
}
.text-size-md
{
	font-size: 14px !important;
}
.text-size-boardingpass
{
	font-size: 18px !important;
}
.text-size-l
{
	font-size: 24px !important;
}
.text-size-xl
{
	font-size: 36px !important;
}
/* Example tabbable tabs */
.nav-tabs {
  margin-bottom: 15px;
}

.wrapper {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 20;
}

.line-solid {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.line-solid-vertical {
	border-right:1px solid #e5e5e5;
}
.line-dotted {
  border-top:1px;
  border-top-style:dotted;
  border-top-color:#e5e5e5;
  overflow: hidden;
}
.bg-color-red
{
	background-color: red !important;
}
.bg-color-white
{
	background-color: white !important;
}
.bg-color-greybright
{
	background-color: #f5f5f5 !important;
}
.bg-color-blue
{
	background-color: #59c2ed !important;
}
.bg-color-yellow
{
	background-color: #ffdb11 !important;
}
.bg-color-green
{
	background-color: #63c666 !important;
}
.bg-color-purple
{
	background-color: #AC92EC !important;
}
.bg-color-orange
{
	background-color: #fc4c2c !important;
}
.bg-color-orangelight
{
	background-color: #fcf8f0 !important;
}
.bg-color-orangebright
{
	background-color: #faf9f4 !important;
}
.bg-gradient-orange
{
background: #f8610b; /* Old browsers */
background: -moz-linear-gradient(top,  #f8610b 0%, #ff7220 51%, #e55807 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8610b), color-stop(51%,#ff7220), color-stop(100%,#e55807)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8610b 0%,#ff7220 51%,#e55807 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8610b 0%,#ff7220 51%,#e55807 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8610b 0%,#ff7220 51%,#e55807 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8610b 0%,#ff7220 51%,#e55807 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8610b', endColorstr='#e55807',GradientType=0 ); /* IE6-9 */

}

.fg-color-white
{
	color: #fff !important;
}
.fg-color-red
{
	color: red !important;
}
.fg-color-blue
{
	color: #59c2ed !important;
}
.fg-color-yellow
{
	color: #ffdb11 !important;
}
.fg-color-green
{
	color: #63c666 !important;
}
.fg-color-orange
{
	color: #fc4c2c !important;
}
.fg-color-grey
{
	color: #888 !important;
}
.fg-color-greydark
{
	color: #555 !important;
}

/* padding */
.padding-no
{
	padding:0;
}
.padding-top-no
{
	padding-top:0;
}
.padding-right-no
{
	padding-right:0;
}
.padding-left-no
{
	padding-left:0;
}
.padding-bot-no
{
	padding-bottom:0;
}
.padding-10{
	padding:10px;
}
.padding-20{
	padding:20px;
}
.padding-30{
	padding:30px;
}
.padding-top-10{
	padding-top:10px;
}
.padding-top-20{
	padding-top:20px;
}
.padding-top-30{
	padding-top:30px;
}
.padding-top-40{
	padding-top:30px;
}
.padding-top-50{
	padding-top:50px;
}
.padding-top-60{
	padding-top:60px;
}
.padding-top-70{
	padding-top:70px;
}
.padding-top-90{
	padding-top:90px;
}
.padding-top-120{
	padding-top:120px;
}
.padding-bot-10{
	padding-bottom:10px;
}
.padding-bot-20{
	padding-bottom:20px;
}
.padding-bot-30{
	padding-bottom:30px;
}
.padding-bot-40{
	padding-bottom:40px;
}
.padding-bot-50{
	padding-bottom:50px;
}
.padding-bot-60{
	padding-bottom:60px;
}
.padding-bot-70{
	padding-bottom:70px;
}
.padding-bot-90{
	padding-bottom:90px;
}
.padding-bot-120{
	padding-bottom:120px;
}
.padding-left-10{
	padding-left:10px;
}
.padding-left-20{
	padding-left:20px;
}
.padding-left-40{
	padding-left:40px;
}
.margin-top-50
{
	margin-top:50px
}

label.error
{
	color:Red !important;
}
.shortDate:hover
{
	cursor:pointer !important;
}
.page-min-height
{
	min-height:400px;
}


/*form sign format*/
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/*

/*datatables*/
.dataTables_filter
{
	padding-right:20px;
}
.dataTables_info
{
	padding-left:15px;
}
.thumbnail
{
	min-height:180px;
}
.jumbotron-custom
{
		background-position: 50% 0%;
	background-size:cover;
	background-repeat:no-repeat;
	
	padding:0 0 20px 0 !important;
}
.jumbotron-custom-2
{
	background-image:url(../images/bg-batam-night.jpg);
	background-position: 50% 0%;
	background-attachment: fixed;
	background-size:cover;
	background-repeat:no-repeat;
	padding:40px 0 40px 0 !important;
	margin-bottom:0;
}
.no-padding
{
	padding:0 !important;
}
.carousel-indicators
{
	bottom:-10px;	
}
#myCarouselFare ol.carousel-indicators li
{
	background-color:Gray;
	
}
#myCarouselFare .carousel-indicators .active
{
	background-color:#fc4c2c;
	
}
.pull-center {
  margin-left: auto;
  margin-right: auto;
  display:table;
}
input[readonly], input[readonly="true"]
{
	background-color:White !important;
	cursor:pointer !important;
}
.total-price
{
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:8px;
	background-color:#f9f9f9;
}
.trigger
{		
	cursor:pointer;
}

.trigger:hover
{
	-webkit-box-shadow: 0px 0px 1px 2px rgba(252,76,44,1);
	-moz-box-shadow: 0px 0px 1px 2px rgba(252,76,44,1);
	box-shadow: 0px 0px 1px 2px rgba(252,76,44,1);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.shape-circle
{
	min-width:100px;
	min-height:100px;
	border-radius:50px;
	padding:10px;
	display:table;
}
.shape-circle>.countrefresh
{
	font-size:40px;
	
}
.navmenu
{
    width:200px;
}

/*alert overfly*/
.container-sticky
{
    position:fixed;
    bottom:0;
    width: 100%;
    left:0;
    z-index:9999 !important;
    font-size:12px!important;
}
.container-sticky .sticky-content
{
    max-width:750px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding:5px !important;
}
.container-sticky .sticky-content img
{
    float:left;
    margin-top:-20px;
    margin-left:-30px;
    margin-bottom:0;
}
.container-sticky .sticky-content.alert
{
    margin-bottom:0 !important;
    border-radius:0;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    color:#fc4c2c;
}


.text-danger
{
    color:#a94442 !important;
}

.radio>.text-danger
{
    background-color:#f2dede !important;
    border:1px solid #ebccd1;
    border-radius: 4px;
    padding:8px !important;
    display:block;
}

input#userID, input#memberNo {
    text-transform: uppercase;
}

.contact-list{
	padding:10px;
	border-top: #ddd 1px solid;
}
.contact-list li {
	font-weight: bold;
	margin: 5px 0;
	font-size: 16px;
}

.icon-wa {
	background-image: url(../images/icon-wa.png);
	background-repeat: no-repeat;
	background-size: 20px;
	height: 20px;
	width: 20px;
	top: 0;
	left: 0;
	display:inline-block;
	vertical-align:middle;	 
}
.icon-wa-big {
	background-size:32px;
	height: 32px;
	width: 32px;
}

#countryID option:nth-child(2), #countryID option:nth-child(3), #countryID option:nth-child(4),
#membership_NationalityID option:nth-child(2), #membership_NationalityID option:nth-child(3), #membership_NationalityID option:nth-child(4),
#membership_CountryBirthID option:nth-child(2), #membership_CountryBirthID option:nth-child(3), #membership_CountryBirthID option:nth-child(4),
#membership_PassportCountryIssueID option:nth-child(2), #membership_PassportCountryIssueID option:nth-child(3), #membership_PassportCountryIssueID option:nth-child(4) {
    font-weight: bold;
}

#content-tickets {
	visibility:hidden;
    display:none;
}

