::-webkit-scrollbar {width: 1px;}
::-webkit-scrollbar-track {    background-color: rgba(255,255,255,0.41);    border-left: 0px solid rgba(255,255,22255,0.11);}
::-webkit-scrollbar-thumb {    background-color: rgba(39,61,68,0.89); border-radius:3px;}
::-webkit-scrollbar-thumb:hover {	background-color:rgba(39,61,68,0.99);}

.penanggalan{display:block; color:#fff; text-align:right; background-color:rgba(0,0,0,.71); padding:11px; position:relative;}
.penanggalan a{color:#fff; font-size:19px; text-decoration:none; display:inline-block; font-weight:bold; text-transform:uppercase; margin:7px -21px 0 0; vertical-align:top; z-index:1; position:relative;}
.penanggalan a+a{ font-size:11px; font-weight:normal; text-transform:capitalize; margin:0; padding-right:41px; }
.penanggalan a+a+a{font-size:13px; font-weight:bold; text-transform:uppercase; margin:-11px 11px 0 0; display:block; padding:0; text-align:center;}
.penanggalan a+a+a strong{font-size:41px; line-height:9px;}
.penanggalan a+a+a b{line-height:21px}
.penanggalan a+a+a+a{font-size:19px; font-weight:bold; text-transform:capitalize; margin:-7px 0; display:block;}
.penanggalan a+a+a+a+a{font-size:12px; font-weight:bold; text-transform:capitalize; margin:-5px 0; display:block;}
.penanggalan a.alert{display:block; position:absolute; top:7px; right:9px; width:111px; height:111px; border-radius:5px; background:url(../images/sistem/alert.png) no-repeat top right; background-size:auto; opacity:.71; z-index:0;}
.penanggalan a.alert.xx{background-image:url(../images/sistem/info.png);}
.penanggalan a.alert.xxx{background-image:url(../images/sistem/info.png);}
.sidebar .penanggalan a{color:#fff;}

.loginBtn{opacity:0; transition:all .41s ease-in; margin-right:-49px;}
.loginBtn:hover{opacity:1; margin-right:0;}

.loading{background-image:url(../images/sistem/chrome-load.gif); background-repeat:no-repeat; background-position:right 3px center; min-height:16px;}

.main-header{box-shadow:0 0 11px rgba(0,0,0,.41);}
.main-header .navbar{box-shadow:inset 0 41px 71px rgba(0,0,0,.41);}
.main-header .logo{box-shadow:inset 0 0 191px rgba(0,0,0,.21); position:relative;}
.main-header .logo img{height:41px; margin:0;}
.main-header .logo h6{padding-left:71px; margin-top:-17px;}


.merahmd{	background-color:#FF9B94; color:#fff;}
.merah{	background-color:#F44336; color:#fff;}
.merahtw{	background-color:#942E27; color:#fff;}

.orangemd{background-color:#ffcc00; color:#fff;}
.orange{background-color:#FF9801; color:#fff;}
.orangetw{background-color:#BB6F00; color:#fff;}

.coklatmd{background-color:#C4BD97; color:#fff;}
.coklat{background-color:#938953; color:#fff;}
.coklattw{background-color:#2673F3; color:#fff;}

.ungumd{	background-color:#E3A9FF; color:#fff;}
.ungu{	background-color:#9954BB; color:#fff;}
.ungutw{	background-color:#64347C; color:#fff;}

.birumd{	background-color:#87CFFF; color:#fff;}
.biru{	background-color:#0099FF; color:#fff;}
.birutw{	background-color:#005892; color:#fff;}

.hijaumd{	background-color:#C9E387; color:#fff;}
.hijau{	background-color:#8BB12B; color:#fff;}
.hijautw{	background-color:#547500; color:#fff;}