/* =================================================================== */
/* ======================== NAVBAR =============================== */
/* =================================================================== */
.ark-navbar .navbar-collapse {
    max-height: unset;
}

.navbar-default {
	background-color: #ff5722;
	border-color: transparent;
}
/*over-ride spacelab*/
.navbar.ark-navbar,
.navbar-collapse.collapse {

	/* background-image: -webkit-gradient(linear, 0% top, 100% top, from(#446E9B), to(#2A435F));
	background-image: -webkit-linear-gradient(bottom, color-stop(#446E9B 0%), color-stop(#2A435F 100%));
	background-image: -moz-linear-gradient(bottom, #446E9B 0%, #2A435F 100%);
	background-image: linear-gradient(to bottom, #446E9B 0%, #2A435F 100%);
	
	background-repeat: repeat-y;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff446E9B', endColorstr='#ff2A435F', GradientType=1); */
	
	background-color: #2C3E50; /*https://bootswatch.com/flatly/*/
	
	border-radius:0 !important;
	border: none;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	z-index: 10000;/*biar diatas menu sidebar*/
	line-height:50px;
	
}	

.ark-navbar > .navbar-header{
	background:none;
	height:50px;
}

.navbar-nav .open .dropdown-menu {  width:auto;}
.navbar-nav .open .dropdown-menu {
    position: absolute;
    background: #fff;
    margin-top: 0;
    border: 1px solid #D9DEE4;
    -webkit-box-shadow: none;
    right: 0;
    left: auto;
}
#arkNavbar .dropdown-menu > li > a {
    color: #5A738E;
}

.navbar .ark-navbar{ 
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.8);
    box-shadow: 0 2px 4px rgba(0,0,0,0.8);
}

#arkNavbar{
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.8);
    box-shadow: 0 2px 4px rgba(0,0,0,0.8);
	/* max-height:50px; */
}

#arkNavbar .dropdown-menu{
	font: 12px/1.4 "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
}

#arkNavbar .collapse.in .navbar-nav .open .dropdown-menu {
    position: static;
	background-color: transparent;
	border:none;
}

.navbar-logo a:hover{
	text-decoration:none;
}

.ark-navbar > div > ul.nav.navbar-nav > li > a {
	color: #DDDDDD!important;
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	line-height:20px;
	font-size:13px;
	font-weight:500;
	height:46px;
}

/*	OVERRIDE mysterious WHITESPACE termasuk panel
	http://stackoverflow.com/questions/15071306/mysterious-whitespace-in-between-bootstrap-navbar-and-row-underneath
*/
.ark-navbar.navbar {
    margin-bottom: 0;
}

.mainapp-logo {
  background-color: #ebfdff;
  -webkit-mask: url(../../../../../assets/images/apps/amicon/AMICON_bw.svg) no-repeat center;
  mask: url(../../../../../assets/images/apps/amicon/AMICON_bw.svg) no-repeat center;
  -webkit-mask-size: cover;
  width: 36px;
  height: 36px;
  margin-left: 5px;
}
.icon-logo {
  background-color: #dfeefd;
  opacity: 0.1;
  -webkit-mask: url(../../../../../assets/images/apps/amicon/icon-logo_color.svg) no-repeat center;
  mask: url(../../../../../assets/images/apps/amicon/icon-logo_color.svg) no-repeat center;
  -webkit-mask-size: cover;
  width: 96px;
  margin-left: -182px;
  margin-top: -14px;
}
/* override navbar-brand*/
.apptitle
{
	padding: 2px 0 0 0;
	margin: initial;/*reset dari metronic*/
	font: 18px "RobotoRegular", Arial, Helvetica, sans-serif!important;
	font-weight:bold!important;
	color:#F7ECD4!important;
	/* color:#FFFFFF; */
} 

.apptitleversion
{
	color: #888888;
	font: 12px/1 "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow: none!important;
}

.brand-tag {
	color: #e6e6e6;
	padding-top:3px;
	margin: initial;/*reset dari metronic*/
	font: 10px/1 "RobotoRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-smooth: auto; 							/*auto, never, always*/
	-webkit-font-smoothing : none ;			    /*none, antialiased , subpixel-antialiased  */
	text-shadow:-1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
}

#session-language {
    /* margin: 8px 15px 0 20px; */
	margin: 0px 15px 1px 0px;
	font: 12px/1.4 "RobotoRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	
	padding-top:17px;
}

#session-language-dropdown {
    /* margin: 0px 15px 0 0px; */
	/* font: 12px/1.4 "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif; */
}

#session-language-dropdown li {
    position: relative;
}

.selected-session-language {
    position: absolute;
    top: 6px;
    left: 8px;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-toggle {
	  border-color: #6d6d6d;
	}
}


@media (max-width: 992px) {
	.navbar .navbar-brand .ark-navbar {
		font-size: 18px;
		float: left;
	}
}
@media (max-width: 768px){

}
/* Print Handling */
@media print {
	.navbar, .toggle {
		display: none !important;
	}
}