.on-hide { display: none; }
.clear { clear: both; }
.no-fluid { width: auto; }
.logo-i { width: auto; letter-spacing: -1px; }
.logo-i img { width: 30px; margin-right: 10px; }
.logo .brand-instansi img {width: 40px; float: right; padding: 0; margin: 6px 10px 0 10px }
.main-header .logo .text-instansi, 
.main-header .logo .brand-instansi { display: none; }

@media (max-width: 767px) {
	
	.main-header .logo { min-height: 60px; /*text-align: right; margin: 0; padding: 0 !important;*/}    

	.main-header .logo .text-instansi,
	.main-header .logo .brand-instansi { display: block }
	
	
	/*.main-header .logo .text-instansi { text-align: right; }  */

}

.text-instansi { text-transform: uppercase; /*letter-spacing: -1px;*/ }


.main-footer { font-size: 0.9em; padding: 5px 20px; }
.user-panel { overflow: visible; position: relative; }
.user-panel .image img { max-width: 35px; } 
.user-panel > .info { line-height: 1em; left: 45px; top: 12px; height: 180px; letter-spacing: -1px; text-transform: uppercase; font-size: 1.3em; padding: 0 5px 5px 15px; } 

.navbar-nav > .user-menu > .dropdown-menu > li.user-header { height: auto; padding: 10px 0 5px 0; }

.user-header { background: #222; }