/*! Generated by Live LESS Theme Customizer */


.navbar-default { background-color: #165899}
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { background-color: #424242;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: #424242;}
.dropdown-menu { background-color: #424242;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #165899;}
.navbar-default { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-default { border-color: #424242;}
.navbar-default .navbar-brand { color: #EBEBEB}
.navbar-default .navbar-brand:hover { color: #EBEBEB}
.navbar-default .navbar-nav>li>a { color: #EBEBEB;display:block;border-right:1px solid #6D8094;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #FFFF00}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: black}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #FFFF00}
.dropdown-menu>li>a { color: #EBEBEB;padding-top:4px;padding-bottom:6px;font-size:13px;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFF00;border:1px solid white}
.navbar-default .navbar-nav>.dropdown>a .caret { border-top-color: #EBEBEB}
.navbar-default .navbar-nav>.dropdown>a:hover .caret { border-top-color: #EBEBEB}
.navbar-default .navbar-nav>.dropdown>a .caret { border-bottom-color: #EBEBEB}
.navbar-default .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #EBEBEB}
/*UNTUK WARNA SAT DROWDOWN DIPILIH*/
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:white;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#FFFF00;}


.navbar-inverse { background-color: #165899}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #606060}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #606060}
.dropdown-menu { background-color: #f2f2f2}
ul.dropdown-menu {
    background-color: #000;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #165899}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: #606060; }
.navbar-inverse { border-color: #606060}
.navbar-inverse .navbar-brand { color: #FFFFFF}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}


 
.atas{width:100%;left:0;right:0;top:0;margin:0;position:relative;}
.navbar-default {line-height:35px}
.navbar-inverse {line-height:35px}
.navbar-brand {
  display: flex;
  align-items: center;
  font-weight:bold;
 }

/*=============ADDITIONAL STYLE===========*/
.konten{margin-top:-10px}
.kiri{padding-left:5px;}
.kanan{padding-right:5px;}


.navbar-brand img{height:40px;width:40px;}
.navbar {
    margin-bottom: 10px;
}


.left-inner-addon {<!--from w  ww  . j a v a 2  s .com-->
  position: relative;
}

.left-inner-addon input {
  padding-left: 30px;
}

.left-inner-addon i {
  position: absolute;
  padding: 10px 12px;
}

.right-inner-addon {
  position: relative;
}

.right-inner-addon input {
  padding-right: 30px;
}

.right-inner-addon i {
  position: absolute;
  right: 0px;
  padding: 10px 12px;
}
.hitam{color:black}
.putih{color:white}
.fb{color:#165899}
.merah{color:#AE2828}
.biru{color:#73A6F7}
.kuning{color:#F8FF86}
.hijau{color:#70FB5D}

.bg-hitam{background-color:black}
.bg-putih{background-color:white}
.bg-fb{background-color:#165899}
.bg-merah{background-color:#AE2828}
.bg-biru{background-color:#73A6F7}
.bg-kuning{background-color:#F8FF86}
.bg-hijau{background-color:#70FB5D}