/*
html{	
	background: #000 url('../images/background-image-1.jpg') top center fixed;
	height:100%; 
    background-size: cover;
    -moz-background-size: cover;
}
*/
body{
	background-image: url("../images/bd-bg.gif");
	min-height:100%; 
	font-size: 13px;
	height:100%; 
}


.kotak {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}


.affix{
    position: fixed;
    top: 0;
    width: 100%;
    background-color: transparent; 
    z-index:10000;
    /*padding: 0px;*/
}


.text-orange{
	color: #FF3300;
}

.text-kategori{
	color: #800000;
}

.text-coklat{
	color: #6C1943;
}
.text-putih{
	color: #FFF;
}



.footer{
	background-image: url('../images/bg.jpg');
}

.putih{
	background-color:#FFFFFF;	
}

.text-bold{
	font-weight: bold;
}

.border1biru{
	border:1px solid #000;
};

.transparan{
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.4);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.panel-title{
	font-weight: bold;
}

.border1-black{
	border: 1px solid #000;
}
.border1-abu{
	border: 1px solid #eee;
}

.bg-image-1{
	background-image:  url("../images/heading-pattern.png");
}


.bs-sidebar .nav > .active > ul {
    display: block;
    margin-bottom: 8px;
}



/*===DROP DOWN*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
} 




.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: "";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;

}