body { color: #666; padding-top: 60px; }
.default { padding-top: 80px;}

/** navbar **/
.nav-container { background: #EDEEE5; padding: 10px 0 10px 0;}
.nav-container .navbar { margin-bottom: 0; }
.logo { font-size: 25px; color: #1D3B38 !important; font-weight: bold;}
.logo span { color: #7AB55C}
.down { color: #689e4b; font-family: 'Open Sans', 'sans-serif'; font-size: 18px; text-transform: uppercase; margin: 0; padding: 0; line-height: 30px; }
.nav-container .navbar-toggle { padding: 0;}

h1,h2,h3,h4 {
	font-family: 'Open Sans', 'sans-serif';
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}



/** sub-header **/
.sub-header { padding: 15px 0; background: #7AB55C; color: #fff; text-shadow: #2b491a 1px 1px 1px; margin-bottom: 20px;}
.sub-header h1 { color: #fff; font-family: 'Open Sans', 'sans-serif'; margin: 0 !important; padding:0 !important; font-size: 18px }
.sub-header span { display: block; margin-top: 10px; }

.help-me { display: block; background: #A94442; color: #fff; font-size: 11px; padding: 5px 10px; }
.alert-danger { background: #A94442; color: #fff; border:#A94442  }
.alert-default { background: #EDEEE5; color: #689e4b; border:#689e4b }
.alert-white { border: 1px solid #ddd; }
.alert-gray { background:#EDEEE5; color: #555; border:#689e4b; border: 2px solid #7AB55C; margin-bottom: 20px; }
.alert ol { margin: 0; padding: 0 0 0 20px;}

.page { margin: 20px 0;}
.page p { line-height: 20px; }
#content { font-size: 14px; }
#content p { padding-bottom: 20px; }

#content .content-header { padding: 10px 5px !important; background: #7AB55C; color: #fff; text-shadow: #2b491a 1px 1px 1px; margin: 20px 0 20px 0 !important; text-align: center;}
#content .content-header h2 { color: #fff; font-family: 'Open Sans', 'sans-serif'; margin: 0 !important; padding:0 !important; font-size: 24px }
#content .content-header span { display: block; margin-top: 10px; }

#content .have-bg { text-transform: uppercase; font-size: 14px; text-align: center; background: #23642E; color: #fff; padding: 8px 0;}
#content .testimoni-text-2 { font-size: 12px; background: #fff; padding:20px;  }
#content .solution { text-align: center; display: block; font-weight: bold; text-transform: uppercase; padding: 10px 0; margin-bottom: 10px; color: #7AB55C; border-top:1px dotted #7AB55C; border-bottom:1px dotted #7AB55C;}
#content .bad {text-align: center; display: block; font-weight: bold; text-transform: uppercase; padding: 10px 0;  margin-bottom: 10px; color: #DD4B39; border-top:1px dotted #DD4B39; border-bottom:1px dotted #DD4B39;}

#content .kelebihan .panel-heading { background: #1D3B38; color: #fff;}
#content .kelebihan .panel-body { min-height: 150px; font-size: 12px;}
#content .kelebihan .panel-body li { padding-bottom: 5px;}
#content .alert li { padding-bottom: 10px;}

#content table {
	border-collapse: collapse;
	font-size: 1em;
	width: 100%;
}
#content table td,
#content table th {
	padding: 5px;
	border: 1px solid #ddd;
	vertical-align: top;
}
#content table thead td,
#content table th {
	font-weight: bold;
	border-bottom-color: #888;
}

/* content */
img { max-width: 100%; display: block; }
img.avatar { display: block; width: 100%; margin-left: auto; margin-right: auto;}
.ol-web li { padding-bottom: 10px;}

.list-small { margin-bottom: 0 !important; }
.list-small li { padding: 5px 10px; text-align: center; }

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
	width: 100% !important;
	min-width: 200px;
}

.powered { text-align: right;}

@media (max-width: 780px) {
	.logo { font-size: 20px; color: #1D3B38 !important; font-weight: bold;}
	.footer { text-align: center !important}
	.powered { text-align: center !important}
	#content .content-header h2 { font-size: 18px }
}

#bank-logo {
	margin-top: 20px;
}

.table-small-font { font-size: 11px !important}
.panel-body ol { margin-left:0  !important; padding-left: 20px !important }

.total, .total_pos { font-size: 30px; color: #7ab55c; font-weight: bold; text-align: center;}
.total_bottom { font-size: 20px; color: #7ab55c; font-weight: bold; text-align: center;}
.total span, .pos { font-size: 16px; font-weight: normal;}

.video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video iframe, .video object, .video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.table-responsive form table { padding: 0 !important; margin: 0 !important; }

.panel-onexox > .panel-heading {
	color: #fff;
	background-color: #7AB55C;
	border-color: #7AB55C;
}

.panel-onexox {
	border-color: #7AB55C;
}

td.city {
	text-overflow: ellipsis; /* will make [...] at the end */
	max-width: 200px; /* change to your preferences */
	white-space: nowrap; /* paragraph to one line */
	overflow:hidden; /* older browsers */
}

.list-group-item img { display: inline-block;}

.price .list-group-item{
	border-bottom-:1px solid rgba(250,250,250, .5);
}

.panel.price .list-group-item:last-child {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.panel.price .list-group-item:first-child {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

.price .panel-footer {
	color: #fff;
	border-bottom:0px;
	background-color:  rgba(0,0,0, .1);
	box-shadow: 0px 3px 0px rgba(0,0,0, .3);
}

.panel.price .btn{
	box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
	border:0px;
}

/* green panel */
.price.panel-green>.panel-heading {
	color: #fff;
	background-color: #57AC57;
	border-color: #71DF71;
	border-bottom: 1px solid #71DF71;
}


.price.panel-green>.panel-body {
	color: #fff;
	background-color: #65C965;
}


.price.panel-green>.panel-body .lead{
	text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-green .list-group-item {
	color: #333;
	background-color: rgba(50,50,50, .01);
	font-weight:600;
	text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* blue panel */
.price.panel-blue>.panel-heading {
	color: #fff;
	background-color: #608BB4;
	border-color: #78AEE1;
	border-bottom: 1px solid #78AEE1;
}

.price.panel-blue>.panel-body {
	color: #fff;
	background-color: #73A3D4;
}


.price.panel-blue>.panel-body .lead{
	text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-blue .list-group-item {
	color: #333;
	background-color: rgba(50,50,50, .01);
	font-weight:600;
	text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* red price */
.price.panel-red>.panel-heading {
	color: #fff;
	background-color: #D04E50;
	border-color: #FF6062;
	border-bottom: 1px solid #FF6062;
}


.price.panel-red>.panel-body {
	color: #fff;
	background-color: #EF5A5C;
}


.price.panel-red>.panel-body .lead{
	text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-red .list-group-item {
	color: #333;
	background-color: rgba(50,50,50, .01);
	font-weight:600;
	text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* grey price */


.price.panel-grey>.panel-heading {
	color: #fff;
	background-color: #6D6D6D;
	border-color: #B7B7B7;
	border-bottom: 1px solid #B7B7B7;
}


.price.panel-grey>.panel-body {
	color: #fff;
	background-color: #808080;
}



.price.panel-grey>.panel-body .lead{
	text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-grey .list-group-item {
	color: #333;
	background-color: rgba(50,50,50, .01);
	font-weight:600;
	text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* white price */


.price.panel-white>.panel-heading {
	color: #333;
	background-color: #f9f9f9;
	border-color: #ccc;
	border-bottom: 1px solid #ccc;
	text-shadow: 0px 2px 0px rgba(250,250,250, .7);
}

.panel.panel-white.price:hover>.panel-heading{
	box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
}

.price.panel-white>.panel-body {
	color: #fff;
	background-color: #dfdfdf;
}

.price.panel-white>.panel-body .lead{
	text-shadow: 0px 2px 0px rgba(250,250,250, .8);
	color:#666;
}

.price:hover.panel-white>.panel-body .lead{
	text-shadow: 0px 2px 0px rgba(250,250,250, .9);
	color:#333;
}

.price.panel-white .list-group-item {
	color: #333;
	background-color: rgba(50,50,50, .01);
	font-weight:600;
	text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

.price { margin-left: 10px;}
.small { font-size: 10px; text-transform: uppercase; }

.nav-pills .dropdown { display: block; width: 100%; margin-bottom: 20px;}
.nav-pills .dropdown .dropdown-menu { width: 100% !important; text-transform: uppercase;}

.badge-danger {
  background-color: #d43f3a; padding-bottom: 5px;
}

.badge-jdt {
  background-color: #2D3091; padding-bottom: 5px;
}

.badge-warning {
  background-color: #d58512;
}

.badge-success {
  background-color: #398439;
}

.badge-info {
  background-color: #269abc;
}

.badge-inverse {
  background-color: #333333;
}

.alert-info { color: #000;}
.cut-off {   white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }