/*
    GOS | Garuda Online Sales
    ----------------------------------------------------------
    Developer                    :: http://www.asyst.co.id
    Author                        :: PT. Aerosystem Indonesia
    Designer                    :: Rio Husnady Hidayat
    ---------------------------------------------------------*/
body { background: #eaeaea }
html, body, #wrap-up { height: 100%; }
body > #wrap-up { height: auto; min-height: 100%; padding-bottom: 100px;}
header {
    display: block;
    padding: 10px;
    clear: both;
    background: #fff;
}
body { background: #eaeaea }
html,
body,
#wrap-up { height: 100% }
body > #wrap-up {
    height: auto;
    min-height: 100%;
    padding-bottom: 100px;
}

body #login {background:#fff;}
#logo { float: left }
.logo-ga {
    background: url(../images/logo-ga-transparent.png) no-repeat;
    width: 180px;
    height: 45px;
    text-indent: -99999em;
    overflow: hidden;
}
.widget {
    background: #fff;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.widget-header {
    padding: 2px 10px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.widget-body { padding: 5px 10px 10px 10px }
.widget .widget-blue {
    color: #0084d1 !important;
    border-bottom-color: #0084d1;
}
.widget .widget-green {
    color: #4bb347 !important;
    border-bottom-color: #4bb347;
}
.widget-bgdarkblue {
	color:#fff;
	background: #002561;
}
.widget-bgdarkblue:hover {
	background:#0073c5;
	background: -moz-linear-gradient(top,  #002561 0%, #0073c5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002561), color-stop(100%,#0073c5));
	background: -webkit-linear-gradient(top,  #002561 0%,#0073c5 100%);
	background: -o-linear-gradient(top,  #002561 0%,#0073c5 100%);
	background: -ms-linear-gradient(top,  #002561 0%,#0073c5 100%);
	background: linear-gradient(to bottom,  #002561 0%,#0073c5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002561', endColorstr='#0073c5',GradientType=0 );
	color:#ffb535;
}
.widget-bgdarkblue a {color:#fff;}
.widget-bgdarkblue:hover a,
.widget-bgdarkblue a:hover {color:#ffe032; text-decoration: none;text-shadow: 0px 1px 3px #000}
.widget-pad5 .widget {padding: 5%; word-break: break-word}
.menu {
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
}
#download .widget-bgdarkblue {min-height: 185px;height: auto;position: relative;word-break: break-word;cursor: pointer}
#download .widget-bgdarkblue a {z-index: 2;position: relative;text-shadow: 0px 1px 2px #142143;word-break: break-word}
#download .widget-bgdarkblue {overflow: hidden;}
.bgwhite {background:#fff;}
#login .bgwhite,
#signup .bgwhite {-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.5);-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.5);box-shadow:0px 2px 5px rgba(0,0,0,0.5);}
.bg-fx {font-size: 8.5em;
	position: absolute;
	z-index: 0;
	bottom:15px;
	right:0;
	color:#143a79;
	-ms-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	transform: rotate(35deg);
	}
.label-no-bold label {font-weight: normal !important; font-size: 0.8em;}
.no-border,
.no-border tr,
.no-border td,
.no-border tbody,
.no-border th {border:none !important;}
.menu:hover { text-decoration: none }
#footer {
    clear: both;
    background: #002661 url(../images/footer-bg.jpg) top right no-repeat;
    color: #fff;
    text-shadow: 0px 1px 2px #00122e;
    margin-top: -90px;
    padding: 10px 15px 20px;
    height: 90px;
    width: 100%;
}
#footer h4 {
    margin-top: 0px;
    margin-bottom: 5px;
}
#footer small {
    font-style: italic;
    color: #00b5ea;
}
#footer a { color: #fff }
#footer a:hover {color:#ffff66}
#login, #signup {
    background: #16335c url(../images/bg.png) repeat;
    padding-top: 0 !important;
}

#login-row {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 2px 15px #0c1b30;
}
.clear { clear: both }
.inforequired {position: absolute;right: 15px;top:8px;font-size: 0.88em;color:#999;}
.inforequired b,
.inforequired strong {font-size: 18px;font-weight: bold;color:#333;}
.asterixrequired {position: absolute;left: 9px;top:5px;color:#fe0100;font-weight:bold;z-index: 10}
.asterixright {
    float:right;
    color: #fe0100;
    font-weight: bold;
    margin-right: -5px;
}
.table td {position: relative;}
.panel-grey {
	border-color: #ccc;
background: #ffffff;
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #dddddd 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#dddddd 100%);
background: -o-linear-gradient(-45deg,  #ffffff 0%,#dddddd 100%);
background: -ms-linear-gradient(-45deg,  #ffffff 0%,#dddddd 100%);
background: linear-gradient(135deg,  #ffffff 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 );


}
#fileToUpload .ui-fileupload-content .ui-progressbar {
    display:none;
}
#fileToUpload .ui-fileupload-row > div {
    vertical-align: top;
} 

#fileToUpload .ui-button .ui-button-text {
    display: block;
    line-height: normal;
    color: #fff;
    background-color: #0066b3;
    font-weight: bold;
}

#fileToUpload .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top {
    
    background-color: transparent;
    border-color: transparent;
    color: #333333;
}

#fileToUpload .ui-icon{
	top: 4px !important;
}

#fileToUpload .ui-button-icon-left.ui-icon.ui-icon-close {
    position: relative;
    left: 5px;
}


.colorgraph {
    height: 5px;
    border-top: 0;
    background: #c4e17f;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

.margin0 {margin: 0 !important}
#flightAvailabilityForm .btn,
#signup .btn, .marginright10 {margin-right:10px;}
.rounded6 {-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}

.panel-warning .list-group-item {background: #fff5c7;border-color:#ccbc72;}
.small-info {font-size: 0.8em;color:#777;}
.small-info-italic {font-size: 0.7em;font-style: italic;color:#aaa;}

#multicityform .datepicker {display: inline-block !important;width:75%;}
.removeflight {float: right;padding:2px 5px;font-size: 1.2em;color:red;}

.itinary-info {width: 100%;}
.itinary-info td {border-bottom: 1px solid #fff;}
.itinary-info-return,
.itinary-info-flight {padding: 6px 20px 6px 5px;min-width:134px;background: #0054a9 url(../images/label.png) right 0px no-repeat;border-bottom: 1px solid #fff;color:#fff;}
.itinary-info-return b,
.itinary-info-flight b {color:#ffff55;}
.itinary-info-return {background-position: right -32px;}
.itinary-info-item {padding:8px 40px 6px 10px; background: #6abfff url(../images/label.png) right -64px no-repeat}
.itinary-info-item2 {padding:6px 10px;background: #eee}
.itinary-info-item3 {padding:6px 10px;background: #eee}
.itinary-info-person {padding: 0px 12px 5px 12px;}
.itinary-info-person .fa-check {color:green;}
.lang {float: right;margin-right: 20px;font-size:12px}
.lang a {padding:5px 10px;text-decoration: none;}
.lang a:hover {border-radius:3px;background: #eee}
.icon,
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  /*
  width: 14px;
  height: 14px;
  line-height: 14px; */
  margin-top: 1px;
  *margin-right: .3em;
  *display: inline;
  vertical-align: text-top;
  background-repeat: no-repeat;
}
.icon-ina, .icon-eng {width:16px;height: 11px;line-height: 11px; background-image: url(../images/flag.png); background-repeat: no-repeat}
.icon-eng {width:16px;height: 11px;line-height: 11px;background-position: 0 -12px;}
.icon-seat {width:13px;height: 13px;line-height: 13px; background-image: url(../images/seat.png); background-repeat: no-repeat}
.show-usericon, #createbooker,
/*  #rencana, */
#multicityform,
#farebreakdown {display: block;font-size:11.5px;}

.choose-other-date {height:auto;clear:both;padding-top: 5px;margin:0 auto;text-align: center;}
.choose-other-date a {
	display: block;
	float:left;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	vertical-align: text-top
}
.choose-other-date > span {
	display: block;
	float:left;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	vertical-align: text-top
}
.choose-other-date a:hover {background: #0066b3;color:#fff;text-shadow: 0px 1px 15px #273c59;border:1px solid #00508c;text-decoration: none;}
.choose-other-date a:hover .orange {color:#ffffcc;}
.choose-other-day {
	width: 12%;
	padding: 5px 1%;
	margin-top: 10px;
	border-right:1px solid #eee;
	border-left: 1px solid #eee;
	}
.choose-other-day-big {
	background: #eee;
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#dddddd 100%);
	background: -o-linear-gradient(top,  #f4f4f4 0%,#dddddd 100%);
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#dddddd 100%);
	background: linear-gradient(to bottom,  #f4f4f4 0%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dddddd',GradientType=0 );
	width: 18%;
	font-size: 1.3em;
	padding: 10px 2%;
	border: 1px solid #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px}
.choose-other-date-prev,
.choose-other-date-next {
	font-size:2.1em;
	width: 5%;
	margin-top: 6px;
	padding: 2px 8px 8px 8px;}
.choose-day-disable,
.choose-day-disable span,
.choose-day-disable .orange {color:#ccc !important;}


@media (min-width:481px) and (max-width: 768px) {
	.choose-other-date .choose-other-day,
	.choose-other-date {font-size: 0.7em !important}
	.choose-other-date .choose-other-day-big {font-size:1em !important}
}
@media (min-width: 768px) and (max-width: 1024px) { 
    .hide-username { display: none }
    .show-usericon { display: inline-block }
    .navbar .container-fluid { padding: 0 !important }
}

#visualdate1,#visualdate2 {position: relative;width:105px;height:100px;padding:2px 5px 5px 5px;background: url("../images/date.png") repeat-x;border:1px solid #88c8f8}
.outdate {cursor: pointer;margin-bottom: 10px;}
.outdate label {font-weight: bold;}
.outdate a:hover {text-decoration: none !important}
.departwrap, .returnwrap {width:125px;float:left;}
.returnwrap {margin-left: 20px;}
.rday,.rmonth {text-align: center;display: block;font-size: 1.05em;padding-top: 2px;}
.rday,.rdate {color:#464646;text-shadow: 0 1px 0px #fff;}
.rdate {text-align: center;display: block;font-size: 3.5em;line-height: 1.12em;padding:0;margin:0;}
.rmonth {color:#fff;text-shadow: 0 1px 1px #8e0000}

.steps {background: url("../images/step-bg.png") no-repeat top left;height:70px;display: block;line-height: 19.6px;}
.steptitle h1, .bggrey h1,.bggrey h2 {color:#ff0100;font-weight: bold;}
.steptitle p {font-size: 0.8em;color:#666;}
.step {width:94px;height: 77px;margin-bottom:10px;float: left;text-align: center;color:#dfdfdf;}
.st1,.st2,.st3 {margin-right: 30px;}
.circle {background: #bababa;border:3px solid #dfdfdf;padding:7px 5px;color:#fff;font-weight: bold;display: block;font-size:14px;width:38px;margin-left:25%;
-webkit-border-radius:100%;-moz-border-radius:100%;-khtml-border-radius:100%;border-radius:100%;}
.step strong, .step b {font-size: 0.85em; text-decoration:none;}
/*
.step a.circle:hover,
.step:hover a, 
.step a:hover {background: #fe9c01;color:#000;text-decoration:none;box-shadow: inset 0px 1px 5px #fe0102;}*/
.steps .stepdone strong, .steps .stepdone b,
.step:hover strong,.step:hover b {color:#fe0100;text-decoration:none;}
.steps .stepdone .circle {background: #007CDA;}

#profil div.row {margin-bottom: 5px;border-bottom: 1px solid #eee;}

.red {color:red}
.orange {color:#ff6600}
.green {color:#06a200 /* #4bb347 */}
.blue {color:#0086d3;}

.block {display: block;}
.w100 {width:100px;min-width: 100px;max-width: auto;}
.w150 {width:150px;min-width: 150px;max-width: auto;}

.table tr:hover .red,
.table tr:hover td .red {color:#fff;}

.table tr:hover .green,
.table tr:hover td .green {color:#fff;}

@media (max-width: 480px) {
.steps {background: url("../images/step-bg-mobile.png") no-repeat top left;height:90px;clear:both;}
.step {width:21%;height:82px;}
.st1,.st2,.st3 {margin-right: 10px;}
.circle {padding:5px;color:#fff;font-weight: bold;display: block;font-size:14px;width:50%;margin-left:25%;}

.itinary-info-return,
.itinary-info-flight {background: #0054a9}
.itinary-info-item {background: #6abfff}
.itinary-info-person {display: block}
body .form-group .mobile-padding0 {padding: 0 !important;}

#passengerForm tr td,
.full-xs-column {display: block;width:100%;}
#transc .datepicker {width:50%;float:left;}
 .tab-pane .mailnamelist {width: 120px;overflow: hidden;}
 #footer { font-size: 0.8em }

 .choose-other-day {
	width: 13%;
	padding: 5px;
	font-size: 11px;
	margin-top: 6px;
	border:none;
	}
.choose-other-date strong {font-size:8px;} 
.choose-other-day-big {
	width: 18%;
	font-size: 1em;
	padding: 12px 5px;
	border: 1px solid #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
div .choose-other-date-prev,
div .choose-other-date-next 
{ display:none}

 
}

@media (max-width: 420px) { 
    .logo-ga {
        display: none;
        visibility: hidden;
    }
}
/* Foundation Styles
-------------------------------------------------- */
.buttonXLS {
	background: url(../images/ico_file_excel.png) !important;
	border: none;
	cursor: pointer;
	position:relative !important;
}

.ui-outputlabel-rfi {color: #F76606}
.ui-fieldset-legend {
	padding: 0em 0.5em;
}
/* MailBox Styles
-------------------------------------------------- */
.tab-pane .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.tab-pane .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.tab-pane .list-group .checkboxs {
    display: inline-block;
    margin: 0px !important;
    padding: 0 !important;
}
.tab-pane .list-group .checkboxs label input,
.checkboxs label,
.checkboxs label input { margin:0; top: 0;padding-top:0;display:inline-block; }
#mailbtn label {margin:0;padding:0;}
.checkboxs {position:relative;margin:0;padding:0;display:inline-block;line-height:0;}
.tab-pane .list-group .checkboxs label { margin: 0 }
.tab-pane .list-group input[type="checkbox"] { margin-top: 2px }
.tab-pane .list-group .fa { margin-right: 5px }
.tab-pane .list-group .fa:hover { color: #FFBC00 }
.tab-pane .mailnamelist {min-width: 140px;display: inline-block;}

/* Overriding Primefaces */
#errorMessagesInfo {padding:5px 12px;color:#fff;background-color:#ff524c;border:1px solid #3b0200;display:inline-block;}
.choice,
.checkboxTable label {margin-right:10px;padding-left:5px;}
.ui-tabs-nav .ui-state-default {border:1px solid #ccc 1px solid #ccc  1px solid #fff 1px solid #ccc !important;}

.ui-datalist ul,
.ui-datalist .ui-datalist-data {margin:0px;padding:0px;}

.form-actions .btn,
.form-actions .ui-button {margin-right:5px;}
.btn span,
.btn .ui-button-icon-left,
.ui-button-icon-left {margin:0 !Important;padding:0 !Important;float:left;}
.iframe-no-border {border:none;padding:0;margin:5px}
#search {float:right;}
#search .ui-icon {position:relative !important;float:left;}
#search .ui-button-text {padding-left:12px !important;}
#panel-pay 
.ui-accordion .ui-accordion-header {
	padding-left:25px;
	border:1px solid #0084d1;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
body #panel-pay 
.ui-accordion .ui-accordion-content,
#panel-pay 
.ui-accordion .ui-accordion-content {
	border:1px solid #0084d1;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
#panel-pay .ui-accordion .ui-accordion-header.ui-state-active {
	background:#ffeaac;
}
.ui-datatable thead th, 
.ui-datatable th.ui-state-default,
table thead, table th {
	background-image:none !important;
	background-color:#0066b3 !important;
	color:#fff !important;
}
.ui-dialog-content .form-horizontal .form-group,
.ui-dialog-content .form-horizontal .form-control,
.ui-dialog-content .form-horizontal input.form-control
 {display:block !important;margin-bottom:5px;}
.ui-datatable tbody td {border-color:#ddd !important;}
#flightAvailabilityForm .ui-autocomplete input {display:block !important;}
.ui-datatable tbody td,
.ui-datatable table td {padding:4px 5px !important;}
.ui-datatable table,
.ui-datatable .grid {table-layout:auto !important}
.ui-menu .ui-icon {position: relative !important;top:0 !important;left:0 !important;}
#systemButton {top:0px;height:38px;background:none;border:none !important;color:#fff;box-shadow:none !important}
#systemButton span,
#systemButton .ui-icon {margin:0;top:11px;}
/* #systemButton .ui-icon {background-image:url("../images/foundation/ui-icons_ffffff_256x240.png") !important;} */
#systemButton .ui-button-text  {color:#0066b3;  text-shadow:none;}
#systemButton:hover .ui-button-text {color:#fff;}

/* MULTI MESSAGE BUTTON */
#mmButton {top:0px;height:38px;background:none;border:none !important;color:#fff;box-shadow:none !important}
#mmButton span,
#mmButton .ui-icon {margin:0;top:3px;}
/* SHOPPING CART BUTTON */
#cartButton {top:0px;height:38px;background:none;border:none !important;color:#fff;box-shadow:none !important}
#cartButton span,
#cartButton .ui-icon {margin:0;top:3px;}
#cartButton .ui-button-text  {color:#0066b3;  text-shadow:none;}
#cartButton:hover .ui-button-text {color:#fff;}

/* #systemButton .ui-icon {background-image:url("../images/foundation/ui-icons_ffffff_256x240.png") !important;} */
#mmButton .ui-button-text  {color:#0066b3;  text-shadow:none;}
#mmButton:hover .ui-button-text {color:#fff;}

#overwrite-button-xls {clear:both;}
#overwrite-button-xls button,
#overwrite-button-xls .ui-button, 
#overwrite-button-xls .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button,
#overwrite-button-xls .ui-widget  {display:block;padding:0;background:none !important;position:fixed;}
#overwrite-button-xls .ui-button {padding:5px 10px;width:40px;height:30px;}
#overwrite-button-xls .ui-button-icon-only .ui-icon, 
#overwrite-button-xls .ui-button-text-icon-primary .ui-icon, 
#overwrite-button-xls .ui-button-text-icon-secondary .ui-icon, 
#overwrite-button-xls .ui-button-text-icons .ui-icon, 
#overwrite-button-xls .ui-button-icons-only .ui-icon {position:relative;top:0;left:0;margin:0;padding:0;width:16px;}
@media (max-width:640px) { 
    #overwrite-button-xls .ui-button {display:block;width:90%;height:45px;margin-left:5%;}
    #overwrite-button-xls .ui-button-icon-only .ui-icon, 
    #overwrite-button-xls .ui-button-text-icon-primary .ui-icon, 
    #overwrite-button-xls .ui-button-text-icon-secondary .ui-icon, 
    #overwrite-button-xls .ui-button-text-icons .ui-icon, 
    #overwrite-button-xls .ui-button-icons-only .ui-icon {top:0px;left:5%;}
    #overwrite-button-xls .ui-button:after {color:#0066b3;content:" Export to Microsoft Excel";display:inline-block;}
  }
.checkbox {-webkit-box-shadow:none;}
.table-condensed {font-size:12px}
.display-inline {display:inline !important;}
#price-sum .label {
	font-size:14px !important;
}
.pnr-code {
	background:#ffeaac;
	margin:2px 0 5px 0;
	padding:12px;
	border:1px solid #fe0100;
	color:#333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-shadow:0px 1px 1px #fff;
}
@media (max-width: 740px) { 
	.ui-datatable-tablewrapper {
		border: 1px solid #ddd;
		margin-bottom: 13.5px;
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%;
	}
	.ui-datatable-tablewrapper .ui-datatable table {table-layout:auto !important}
	.container-fluid #systemButton #mmButton #cartButton{
		background:#fff !important;
		position:relative !important;
		top:0;left:0;
		width:100%;
		padding:5px;
		border:none !important
	}
	.ui-menu.ui-menu-dynamic {width:95% !important}
}
@media (max-width: 600px) { 
	#search .control-label {display:inline !important}
	.step {width:20.5%;height: 80px;}
	.st1,.st2,.st3 {margin-right: 12px;}

	.ui-autocomplete,
	span.ui-autocomplete {position:relative !important;left:0 !important;overflow:hidden;}
	.ui-autocomplete .ui-autocomplete-input, span.ui-autocomplete input.hasDatepicker {width:80% !important;}
}
/* Fix for Bootstrap theme errors in PrimeFaces: http://forum.primefaces.org/viewtopic.php?f=9&t=19250&start=10 */
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    background: url("") repeat-x scroll 50% 50% #F5F5F5;
    border: 1px solid #CD0A0A;
    color: #666
}

/* for hide */
#classHide, .classHide {
 display: none;
}

/* Capitalize */
.capitalized {
    text-transform: capitalize;
}

.steps .stepdone .circle { background-color:#007CDA;} 

.header-blue {
	color: #FFF;
	background-color: #0084d1;
	padding: 1px;
}
.form-group {
	padding-left: 10px;
	margin-right: 8px;
}
.form-title {
	width:95%;
}

.itinary-info-person {padding: 0px 5px 5px 12px;}

.ui-icon-bullet { background-position: -82px -145px; }

.bluetable {vertical-align: middle;
    text-align: center;
    border-right: 1px solid #ddd !important;}

  .itinary-info-item-gray {padding:6px 40px 6px 10px;background: #6abfff url(../images/label_gray.png) right -64px no-repeat}


  .normalsize {
    font-size: 16px;
    font-weight: normal;
}

	.yellowbg {
		background-color:#ffeaac;
	}
	
.microsite{
	color: #000;
}

.bg-light-blue {
	background: #0084D1 !important;
}

.bg-light-blue .ui-widget-content {
	color: #FFF !important;
	text-align: center;
}

/* campaign */
.circle-badge
 {
 	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 11px;
	color: #fff;
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: #e50800;
	border-radius: 10px
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}


#notifPic img {
	width: 100%;
	max-height: 200px;
}


/*Blockquote*/

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

/* Loader */
.loader .loop {
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -215px;
    margin-top: -215px;
    -webkit-animation: spin 5s linear infinite;
    -moz-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}

.loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    display: none;
}

.loaderGos {
    width: auto;
    height: auto;
/*     position: fixed; */
    z-index: 9999;
    display: none;
    margin-top: 15px;
}

.loaderGos .loop {
	margin: 0 auto;
	margin-left: 16px;
	width: 90%;
}

.loader .absolute {
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    margin-top: -75px;
    width: 300px;
    text-align: center;
}

.loaderGos .absoluteGos {
    top: 50%;
    position: absolute;
    width: 93%;
    text-align: center;
}

.loaderGos span {
	display: block;
	font-family: 'Varela', sans-serif;
}

.loaderGos .span-1 {
	color: #37c6d6;
	font-size: 16px;
	margin-top: 10px;
}

.loaderGos .span-2 {
	font-size: 14px;
}

#loadDialog > .ui-dialog-content .ui-widget-content {
	position: relative;
    border: 0;
    padding: 0;
    background: none;
    overflow: auto;
}

#loadDialog.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible {
	position: fixed;
/*     top: 0; */
/*     left: 0; */
    padding: .2em;
/*     width: 300px; */
    overflow: hidden;
/*     outline: 0; */
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 6px 6px;
/*     -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); */
/*     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); */
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    outline: medium none;
/*     z-index: 1050; */
}

.ui-paginator-page.ui-state-default.ui-state-active.ui-corner-all {
	border: 1px solid #adadad;
    font-weight: normal;
    background-color:#0590d1;
    color: #fff;
}

.btn-black {
	background-color:#544f4f;
    color: #fff;
}

/*dari sini nurendra 16 maret 2017 */
.form-inline .form-control {
    width:100% !important;
}



.pad-top {
    padding-top: 5px;
    padding-bottom: 5px;
}

.h-s {
    height: 17px;
}


.mt {
    margin-top: 5px;
}

#search {
    float: left !important;
    width: 100% !important;
}

.pad {
    padding:5px !important;
}

#transactionReviewForm .ui-inputfield {
width: 100%;
}