/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.redup {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .8 )
                url('../images/FhHRx.gif')
                50% 50%
                no-repeat;
}
.strike { text-decoration: line-through; }
.table td .del0 {background: #F5B67F!important;}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .redup {
    display: block;
}

.dropdown-backdrop {
  display: none;
}

/* tweak bootstrap */
*{font-family: calibri!important;}
body{font-size: 12px;}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}
.form-horizontal .control-group{margin-bottom: 5px!important;}
.form-horizontal > table td, table th{padding: 0 10px!important;}
.bold { font-weight: bold;line-height: 30px;}
.form-actions{margin-bottom: 0!important;padding:10px 19px!important;}
.well{padding: 8px 19px!important;padding-top:15px!important;}

.s-day,.s-month,.s-year{width:120px;}

.container{width: 90%!important;}

.rata-kiri{text-align: left!important;}
.rata-tengah{text-align: center!important;}
.rata-kanan{text-align: right!important;}

.merah{color: #a90329!important;}
.bg-merah{background: #a90329!important;color:#fff;}

.tebal{font-weight: bold;}
.uppercase{text-transform: uppercase;}

.birthday{
	font-weight:bold;color:#a90329;
	text-transform: uppercase;
}

.box-login{
	width: 310px;
	margin: 100px auto;
	display: block;
	padding: 30px;
	border: 1px solid #ddd;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

#logo{
	background: url(../images/logo.png)no-repeat;
	width: 280px;
	height: 104px;
	margin:0 auto;
	text-align: center;
}

h3,h4{text-align: center;}

.truck {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	margin: 5px 0;
	border:1px solid #000;
}
.item-container {
	float:left;
	width:100%;
	position:relative;
	right:40%;
	background: #eee;
}
.item-left {
	float:left;
	width:60%;
	position:relative;
	left:40%;
	overflow:hidden;
	background: #eee;
}
.item-right {
	float:left;
	width:40%;
	position:relative;
	left:40%;
	overflow:hidden;
}

.item-header{
	background: #000;
	color: #fff;
	display: block;
	line-height: 20px;
	padding: 2px 15px;
}

.item-detail{
	padding: 5px;
}