@font-face {font-family: 'Cuprum';font-style: normal;font-weight: 400;src: local('Cuprum'), local('Cuprum-Regular'), url(cyrillic.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Cuprum';font-style: normal;font-weight: 400;src: local('Cuprum'), local('Cuprum-Regular'), url(latin-ext.woff2) format('woff2');unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Cuprum';font-style: normal;font-weight: 400;src: local('Cuprum'), local('Cuprum-Regular'), url(latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
::-webkit-scrollbar {width: 7px; height:0;}
div::-webkit-scrollbar,ul::-webkit-scrollbar {width: 1px; height:0;}
::-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:2px;}
::-webkit-scrollbar-thumb:hover {	background-color:rgba(39,61,68,0.99);}
a,a:hover{text-decoration:none; cursor:pointer; color:#333;}

body{padding:0; margin:0; overflow-x:hidden; font-family:Cuprum !important; position:relative;}
body:after{content:'';  background-color:rgba(255,255,255,.91); position:absolute; top:0; left:0; right:0; bottom:0; z-index:0;}
h1,h2,h3,h4,h5,h6{font-family:Cuprum !important; }
body>.content-wrapper{padding-top:141px;}
.wrapper{width:100%; text-align:center; position:relative; z-index:1;}
.container{width:100%; max-width:999px; margin:0 auto; padding:0 3px; text-align:left; position:relative; z-index:1;}
.container > .pad{padding:3px;}
.container > .pad .panel,.container .pad .box{margin-bottom:6px; background-color:rgba(255,255,255,.71); overflow:hidden; box-shadow: 0 0 5px 0 rgba(0,0,0,.11);}
.container > .pad .box .box-header{padding:0; height:0px !important; z-index:1 !important; border-top:4px solid;}
.container > .pad .box .box-header h4{margin:0; border-radius:0 0 5px 0; display:inline-block; padding:9px 21px; font-weight:bold; font-size:15px; font-family:Cuprum; background-color:#10420A; color:#fff;}
.container > .pad .box .box-body{padding:0 !important; z-index:0 !important;}

.NUBreakBox{box-shadow:inset 0 0 33px rgba(0,0,0,.21); color:#fff; max-width:100%; text-align:center; padding:21px 0; margin:0; position:relative; z-index:2;}
.NUBreakBox:before{background:url(../../../files/system/centop.png) no-repeat bottom center; background-size:100% 100%; height:21px; position:absolute; bottom:-3px; left:0; right:0; content:''; z-index:0; opacity:.41;}
.NUBreakBox:after{background:url(../../../files/system/centom.png) no-repeat bottom center; background-size:100% 100%; height:21px; position:absolute; top:-3px; left:0; right:0; content:''; z-index:0; opacity:.41;}
.NUBreakBox .container{ display:block; text-align:center; position:relative; z-index:0;}
	
	
@media print {
	header,body:after{display:none;}
	body,.wrapper,.container{padding:0; background:#fff;}
}
.indexLoad{ font-family:Cuprum !important; }

header{ padding:0 0 41px 0; height:141px; max-width:100%; position:fixed; top:0; left:0; right:0; z-index:999;  transition:all .41s;}
header:before{background:url(../../files/system/centom.png) no-repeat top center; background-size:100% 100%; height:41px; position:absolute; bottom:-33px; left:0; right:0; content:''; z-index:0;  transition:all .41s; opacity:.41;}
header .brand,#myModal .modal-header .brand{height:71px; margin:0 9px 0 -3px; position:relative; z-index:3; transition:all .41s; float:left;}
header h3,header h6,header h5,#myModal .modal-header h3,#myModal .modal-header h6,#myModal .modal-header h5{font-family:Cuprum !important; margin:0; color:#fff;}
header h5,#myModal .modal-header h5{ margin-top:11px;}
header h3{ }

header section{background-color:rgba(255,255,255,.41); line-height:21px; color:#10420A;}
header section .fa{font-size:21px; margin-top:3px;}
header nav{background-color:#10420A; height:41px; position:absolute; bottom:0; left:0; right:0; z-index:1;}
header nav .menuOpen{display:none;}
header nav #menu{ padding:0; box-shadow:0 0 1px 1px rgba(0,0,0,.11);}
header nav #menu:before{top:0px; height:49px; width:41px; background:url(../../files/system/iconblank.png) no-repeat center center; background-size:0px 0px; position:absolute; left:0; content:''; z-index:0;  transition:all .41s;}
header nav #menu li{ float:left; list-style:none; padding:0; margin:0; position:relative; z-index:1;}
header nav #menu li a{display:block; color:#fff; padding:15px 11px 9px 11px; line-height:15px; background-color:#10420A; border-bottom:solid 2px rgba(0,0,0,0); transition:all .41s; font-weight:bold;}
header nav #menu li a{font-size:17px; white-space:nowrap;}
header nav #menu li a .fa.sub{display:none;}
header nav #menu li ul li a .fa{ margin:-0px -11px 0 0;}
header nav #menu li ul li a .fa.sub{ display:inline-block; margin:0 3px 0 0;}
header nav #menu li a span{color:rgba(0,0,0,0);}
header nav #menu li{border-right:solid 1px rgba(0,0,0,.21); border-left:solid 1px rgba(0,0,0,.21);}
header nav #menu li+li{border-left:none;}
header nav #menu li+li a{font-size:14px;}
header nav #menu li a:hover,header nav #menu li a.active{border-bottom-color:#17272c; color:#fff;}
header nav #menu li ul{display:none; position:absolute; top:41px; left:0; min-width:141px; padding:0;}
header nav #menu li:hover > ul{display:block;}
header nav #menu li ul li{display:block; border:none; float:none;}
header nav #menu li ul li a{ padding:5px 21px 5px 9px; text-transform:capitalize; font-weight:normal; line-height:11px; font-size:13px; display:block;  white-space:nowrap;}
header nav #menu li ul li ul{display:none; position:absolute; top:0;  left:100%; min-width:141px; padding:0; }
header nav #menu li ul li:hover > ul{display:block;}
header.top{ top:-99px;}
header.top:before{height:11px; bottom:-11px;}
header.top nav #menu{padding-left:41px;}
header.top nav #menu:before{ background-size:49px 49px; width:49px; height:41px;}
header.top nav #menu li a{}
header .container{height:27px;}

@media screen and (max-width: 786px){
	header .brand{margin-top:-11px;}
	header nav .menuOpen{display:block; border-radius:4px; position:absolute; top:2px; right:2px; z-index:9; background-color:#333; color:#fff;}
	header nav{ background-color:transparent !important;}
	header nav #menu,header.top nav #menu{position:fixed; top:99px; left:0; right:0; padding:0; height:42px; background-color:rgba(0,0,0,.71); overflow-y:scroll; overflow-x:hidden; z-index:3; transition:height .41s;}
	header.top nav #menu{top:0;}
	header nav #menu li{float:none; display:block; border:none; margin:3px 3px 0 3px; }
	header.top nav #menu > li{ margin:3px 3px 0 49px;}
	header nav #menu > li+li,header.top nav #menu > li+li{display:none; margin:0;}
	header nav #menu li a{background-color:transparent !important; border-radius:5px; padding:9px;}
	header nav #menu.open{height:100%;}
	header nav #menu.open > li+li{display:block;}
	header nav #menu li a .fa.sub{display:inline-table;;}
	header nav #menu li ul,header nav #menu li ul li ul{display:block; position:relative; top:auto; left:0; padding-left:21px; width:auto;}
	header nav #menu li ul li a{padding-left:9px !important;}
	header nav #menu li a i.caret{float:right;}
	
}

.InfoBUMIAswaja{position:relative;}
.InfoBUMIAswaja a{display:block; position:relative; margin:3px; height:67px; padding:3px 111px 3px 9px; color:#fff; width:100%; border:solid 1px rgba(255,255,255,.41); border-radius:3px; background-color:#FFC900;}
.InfoBUMIAswaja a marquee{display:block; height:100%; color:#333;}
.InfoBUMIAswaja a b{display:inline;}
.InfoBUMIAswaja a img{display:block; position:absolute; top:1px; right:1px; height:63px; background-position:center center; background-size:cover;}

@media screen and (max-width: 786px){
	.InfoBUMIAswaja{position:relative; margin-top:59px; margin-bottom:171px;}
	.InfoBUMIAswaja a{height:41px;}
	.InfoBUMIAswaja a img{height:37px;}
}
#myModal .modal-header,#myModal .modal-footer{ color:#fff;}
.loading{ background-image:url(../../files/system/loadings.gif); background-repeat:no-repeat; background-position:top 11px right 11px; background-size:191px auto;}
.loadiing{ background-image:url(../../files/system/loading.gif); background-repeat:no-repeat; background-position:right 9px center;}
.loadings{ background-image:url(../../files/system/loading.gif); background-repeat:no-repeat; background-position:top 11px center; padding:41px 0 11px 0; text-align:center !important; color:#999 !important; }

article{display:block; min-height:141px; padding:9px; color:#999; line-height:21px;}
article > a{display:block; font-size:19px; color:#333;}
article > a > span{float:left;  overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; width:191px; height:121px; margin:0 11px 0 0; transition:height .41s; box-shadow:inset 0 0 9px rgba(0,0,0,.11); background-color:rgba(0,0,0,.03);}
article > small{display:block; margin:3px 0;}
article > small .postAuthor{position:relative; z-index:999; margin:0; min-width:71px; padding:0; text-align:center; float:left; height:33px; transition:all .41s;}
article > small .postAuthor .picAuthor{position:relative; margin:-13px 0 -7px 0; width:33px; height:33px; border-radius:99%; display:inline-block; background-size:cover; border:1px solid #eee; box-shadow:1px 1px 3px rgba(0,0,0,.21); transition:all .41s;}
article > small .postAuthor .nameAuthor{display:block; text-shadow:1px 1px 3px rgba(0,0,0,.21); background-color:rgba(255,255,255,.71); border-radius:3px;}
article > small .postAuthor:hover{margin:0 -7px 0 7px;}
article > small .postAuthor:hover .picAuthor{width:99px; height:99px; margin:-11px -41px -3px -41px; border-radius:5px; box-shadow:3px 3px 9px rgba(0,0,0,.41);}
article > small .postAuthor:hover .nameAuthor{}
article > small small a{display:inline-block;}
article > p > b{font-weight:100;}
article > p{padding:0; margin:0; font-weight:normal;}

@media screen and (max-width: 393px){
	article > a > span{float:none; display:block; width:auto; margin:-9px -9px 9px -9px; height:191px;}
}


ul.smallArticle li{display:inline-block; width:47%; vertical-align:top; float:left; padding:5px 1%; margin:5px 1% !important;}
ul.smallArticle li article.small{ min-height:313px; margin:0; padding:0; position:relative;}
ul.smallArticle li article.small > small{ position:absolute; top:141px; right:0;}
ul.smallArticle li article.small > a{display:block; font-size:15px; color:#333; min-height:191px;}
ul.smallArticle li article.small > a span{float:none; height:141px; text-align:center; display:block; margin:0; border-radius:5px 5px 0 0; width:100%; z-index:0;  border-radius:4px; overflow:hidden;}
ul.smallArticle li article.small > a span img{ height:100%; width:100%;}
ul.smallArticle li article.small > a b{ display:block; padding:21px 0 9px 0;}
ul.smallArticle li article.small > p{height:99px; overflow:hidden; font-size:14px;}

ul.smallArticle li+li article.small{padding:5px 0; min-height:0; border-bottom:solid 1px #ddd; }
ul.smallArticle li+li article.small > a{font-size:15px; min-height:0; height:41px; overflow:hidden; padding:0;}
ul.smallArticle li+li article.small > small{ position:absolute; top:-5px; right:0;}
ul.smallArticle li+li article.small > a b{position:relative; font-size:14px; line-height:15px; font-weight:normal; left:0; right:0; bottom:0; padding:11px 0 0 0; background-color:transparent; color:#333;}
ul.smallArticle li+li article.small > a span{ width:41px; height:41px; float:left; margin:0 9px 0 0; border-radius:4px;}
ul.smallArticle li+li article.small > a span img{width:auto; height:41px; margin:0 -9px;}
ul.smallArticle li+li article.small > p{display:none;}

@media screen and (max-width: 599px){
	ul.smallArticle li{width:71%; padding:5px 3%; margin:5px 3% !important;}
	ul.smallArticle li+li{width:17%;}
	ul.smallArticle li+li article.small > a b,ul.smallArticle li+li article.small > small{display:none;}
	ul.smallArticle li+li article.small > a span{width:100%; margin:0;}
}

li article.mini{height:191px; min-height:0; overflow:hidden; position:relative; padding:0; border-bottom:solid 1px #ddd;}
li article.mini > small{position:absolute; bottom:5px; right:5px; padding:0 3px; border-left:solid 1px rgba(255,255,255,.41); line-height:11px; font-size:11px; text-align:center; width:79px; height:41px; z-index:3;}
li article.mini > small .fa{display:none;}
li article.mini > small hari,li article.mini > small tanggal,li article.mini > small bulan,li article.mini > small tahun,li article.mini > small jam{ color:#fff !important;}
li article.mini > small hari,li article.mini > small tanggal,li article.mini > small jam{display:block;}
li article.mini > small hari{display:none;}
li article.mini > small tanggal{font-size:21px; line-height:17px;}
li article.mini > a{display:block; font-size:19px; color:#333; min-height:79px;}
li article.mini > a > span{height:191px; margin:0; width:100%; float:none; border-radius:0; display:block; overflow:hidden;}
li article.mini > a > span img{width:100%;}
li article.mini > a > b{position:absolute; height:55px; font-size:15px; bottom:0; left:0; right:0; background-color:#10420A; color:#fff; padding:9px 99px 9px 9px;}
li article.mini > p{height:0; overflow:hidden;}

li+li article.mini{padding:9px 89px 9px 9px; height:59px;}
li+li article.mini > small{border-color:#ddd;}
li+li article.mini > small hari,li article.mini > small tanggal,li article.mini > small bulan,li article.mini > small tahun,li article.mini > small jam{ color:#999 !important;}
li+li article.mini > a{min-height:0; height:41px; overflow:hidden; display:block;}
li+li article.mini > a > span{height:41px; width:41px; float:left; display:inline-block; border-radius:5px; margin:0 9px 0 0; overflow:hidden;}
li+li article.mini > a > span img{width:auto; height:41px; margin:0 -9px;}
li+li article.mini > a > b{position:relative; font-size:14px; bottom:auto; left:auto; right:auto; background-color:transparent; color:#333; padding:0; font-weight:normal; display:block;}

article.baca{font-size:13px;}
article.baca > a > span{height:199px; width:313px; float:left; margin:0 11px 0 0;}
article.baca > h2{font-family:Cuprum !important; }
article.baca > small{font-size:15px;}
article.baca > p{line-height:21px; font-size:15px; margin-bottom:11px;}


#postGaleri{border-radius:5px; overflow:hidden !important; box-shadow:0 0 3px rgba(0,0,0,.21);}
#postGaleri .carousel-indicators{ border-radius:5px 5px 0 0; display:block; position:absolute; left:auto; top:0; right:0; transition:all .41s; padding:0; bottom:auto; margin:0; width:100%; background-color:rgba(0,0,0,1);}
#postGaleri .item .carousel-caption{ border-radius:0 0 5px 5px; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.71); padding:9px;}
#postGaleri .item img{min-width:100%; border-radius:5px;}

.featured{z-index:3; position:relative; margin:-41px 9px -9px 9px;}
.featured .container{margin:9px auto; border-radius:5px; padding:5px; position:relative; z-index:3; box-shadow:0 -7px 9px 0 rgba(0,0,0,.21); background-color:rgba(255,255,255,.41);}
.featured .container:before{position:absolute; content:''; border-radius:3px; top:5px; right:5px; bottom:5px; left:5px; z-index:0;}
.featured .container > div{background-color:#fff; position:relative; z-index:1;}
.mwcnuSlider{display:block; overflow:hidden; margin:0; position:relative;}
.mwcnuSlider .carousel-inner{width:59%;}
.mwcnuSlider .carousel-inner .item{}
.mwcnuSlider .carousel-inner .item img{border-radius:3px 0 0 3px;}
.mwcnuSlider .carousel-inner .item .carousel-caption{ position:absolute; bottom:0; left:0; right:0; padding:11px; background-color:rgba(0,0,0,.71); margin:0; text-align:left; border-radius:3px 0 0 3px;}
.mwcnuSlider .carousel-inner .item .carousel-caption > b{display:block; font-size:21px;}
.mwcnuSlider .carousel-inner .item .carousel-caption > small{display:block; font-size:11px; color:#eee;}
.mwcnuSlider .carousel-inner .item .carousel-caption > p{display:block; font-size:13px; color:#eee;}

.mwcnuSlider .carousel-indicators{ display:block; position:absolute; left:auto; top:0; right:0; padding:5px 0 0 0; bottom:0; margin:0; width:41%;}
.mwcnuSlider .carousel-indicators li{width:41px; height:41px; position:relative; padding:0; text-align:center; text-indent:0; border-radius:9px; overflow:hidden; vertical-align:middle; margin:3px; background-color:rgba(255,255,255,.41); border:none;}
.mwcnuSlider .carousel-indicators li img{ max-width:100%; border-radius:99%; margin:0;}
.mwcnuSlider .carousel-indicators li.active{ width:71px; height:71px; border:solid 3px #fff; border-bottom:solid 11px #fff; }
.mwcnuSlider .carousel-indicators li.active img{border-radius:0;}

.mwcnuSlider .carousel-control{display:none;}
@media screen and (max-width: 616px){
	.mwcnuSlider .carousel-inner{width:100%;}
	.mwcnuSlider .carousel-inner .item .carousel-caption b{font-size:13px;}
	.mwcnuSlider .carousel-indicators{width:41px; top:-5px; right:0; display:none;}
	.mwcnuSlider .carousel-indicators li{width:0; height:0; border:0; margin:0; padding:0;}
	.mwcnuSlider .carousel-control{display:block; width:21px; padding:3px;}
	.mwcnuSlider .carousel-control.left{text-align:left;}
	.mwcnuSlider .carousel-control.right{text-align:left;}
}


.carousel-inner .item > a > img{position:relative; z-index:0;}
.carousel-inner .item > a > img.gambar{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:1;}


@media screen and (max-width: 616px){
	.filter select{width:100%; display:block;}
}






#pageInfos{position:fixed; left:3px; bottom:4px; z-index:786;}
#pageInfos > h4{cursor:pointer; position:relative; z-index:1; border:solid 2px #F4F8EC; box-shadow:inset 0 0 9px rgba(0,0,0,.21); padding:9px 10px 9px 9px; background-color:#8BB12A; border-radius:71px; color:#fff;}
#pageInfos .quickmenu{position:absolute; text-shadow:1px 1px 2px rgba(0,0,0,.41); left:-9px; bottom:-9px; color:#fff; display:none; padding:7px 7px 55px 11px; z-index:0;}
#pageInfos .quickmenu:before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; box-shadow:inset 0 0 9px rgba(0,0,0,.41); background-color:#8BB12A; border-radius:0 9px 0 0; z-index:0; opacity:.71;}
#pageInfos .quickmenu a{display:block;}
#pageInfos .quickmenu a+a{border-top:solid 1px #8BB12A;}
#pageInfos .quickmenu a h4{width:149px; font-size:11px; line-height:21px; height:21px; margin:5px 0; position:relative; z-index:1;}
#pageInfos .quickmenu a h4 i{display:inline-block; color:#fff; width:33px; text-align:center; transition:all .41s; margin:0; opacity:.71;}
#pageInfos .quickmenu a h4:hover i{font-size:41px; opacity:1; margin:-9px 0;}
#pageInfos .quickmenu a h4 small{font-weight:bold; font-size:14px; color:#fff; position:absolute; bottom:0px; left:41px; }
#pageInfos .quickmenu a h4:hover{ z-index:3;}








#postingalert{position:fixed; z-index:99; bottom:-99%; transition:all .41s; right:3px; border-top:solid 3px #b5cc00 !important; color:#fff !important; background-color:#333; width:191px; opacity:0;}
#postingalert.open{bottom:3px; opacity:1;}
#resultbtn{ background-color:#b5cc00; color:#fff; font-weight:bold;}

.postingList{border-bottom:solid 1px #F3F3F3; padding:7px 0 0 0; position:relative;}
.postingList:hover{background-color:rgba(181,204,0,.11);}
.postingList > span > .badge{min-width:41px; background:#b5cc00 !important; margin-bottom:5px; text-align:center;}
.postingList > .opsi{position:absolute; top:27px; right:11px; left:11px; text-align:right;}
.postingList > .opsi > .dropdown-toggle{background:#b5cc00 !important;}
.postingList > .opsi > .dropdown-menu{width:100%; background:#b5cc00 !important;}
.postingList > .opsi > .dropdown-menu .btn{margin:1px 0 !important;}
.postingList > div > strong{display:block; color:#555 !important;}
.postingList > div > strong input{background-color:transparent; color:#555 !important; width:90%; border:none; border-bottom:solid 1px rgba(0,0,0,.07); outline:none;}
.postingList > div > img{width:41px !important; height:41px;}
.postingList > div span.btn.btn-xs{ border:solid 1px rgba(0,0,0,.03) !important; background-color:transparent !important; color:rgba(0,0,0,.41) !important; padding:0 3px !important; margin:0 !important;}
.postingList.active1 > div .act{display:none;}
.postingList.active1 > div .nact{display:inline-block;}
.postingList.active0 > div .nact{display:none;}
.postingList.active0 > div .act{display:inline-block;}
.postingList.active0 > div > strong,.postingList.active0 > div > strong input{opacity:.41; text-decoration:line-through !important;}
.postingList.active0 > div > img{opacity:.41;}
.postingList.active0 > span {opacity:.41;}

.userList{position:relative;}
.userList .addUser{position:absolute; top:11px; width:313px; right:0; display:none; background-color:#b5cc00 !important;}

.headline{height:23px; padding:3px 0; position:relative; overflow:hidden;}
.headline:before{position:absolute; top:0; bottom:0; right:-3px; width:9px; content:''; background:url(../../files/system/center_left.png) no-repeat center center; background-size:9px 100%;}
.headline:after{position:absolute; top:0; bottom:0; left:-3px; width:9px; content:''; background:url(../../files/system/center_right.png) no-repeat center center; background-size:9px 100%;}
.headline,.headline a .fa{font-size:14px !important;}
.headline a{margin-right:11px; font-size:15px; color:#10420A;}
.headline a b .fa{margin:0;}
.headline a b{background-color:#10420A; border-radius:3px; margin-right:3px; display:inline-block; padding:3px 9px; font-weight:normal;}

.slidebox{padding:0 !important;}
.slidebox ul,.slidebox ul li{padding:0; list-style:none;}

#addPost #uploadPic{height:49px; background-image:url(../../files/system/camera.png); background-repeat:no-repeat; background-position:center center; background-size:auto 71%; background-color:#b5cc00; margin-bottom:9px; overflow:hidden !important;}
#addPost #uploadPic #picBerita{position:absolute;background-color:#b5cc00; opacity:.71; top:-99%; left:-99%; width:199%; height:199%; cursor:pointer; transition:opacity .41s;}
#addPost #uploadPic:hover #picBerita{opacity:0;}


.menuAdd .menuSub{padding-left:21px;}

footer{ padding:0 0 11px 0; margin-top:11px; min-height:21px; position:relative; z-index:999;  transition:all .41s; z-index:3;}
footer:before{background:url(../../files/system/centom.png) no-repeat top center; background-size:100% 100%; height:21px; position:absolute; top:-2px; left:0; right:0; content:''; z-index:0;  transition:all .41s;}


.A4 .page .kop{font-family:times !important; display:block; position:relative; border-bottom:solid 1px #999; margin:0 0 9px 0; padding:0 11px 9px 11px; text-shadow: 0 0 3px rgba(0,0,0,0.11); }
.A4 .page .kop h3,.A4 .page .kop h4{font-family:times !important; line-height:100%; margin:3px 0; text-transform:uppercase; font-weight:bold;}
.A4 .page .kop .logo{width:99px; margin:-11px 11px 0 0;}
.A4 .page .dataView{display:block; padding:11px 21px; font-size:15px;}
.A4 .page .dataView span{display:inline-block; padding:1px 21px; width:33%; vertical-align:top;}
.A4 .page .dataView strong{display:inline-block; padding:1px 0; width:65%; vertical-align:top;}
.A4 .page .dataView h5{padding:0 21px;}
.A4 .page .photo{width:111px; height:131px; margin:0 11px 0 0; vertical-align:bottom; border-radius:4px; border:solid 1px rgba(0,0,0,.71); display:inline-block; float:left; background-position:center center; background-size:cover;}

.labelSelect{position:relative; margin:0; font-weight:bold;}
.labelSelect input[type=checkbox]{position:absolute; top:0; left:0; opacity:0;}
.labelAdd > div > button{width:33px; padding:6px 0;}
.labelAdd > div > button > .caret{position:absolute; right:1px; bottom:1px; font-size:15px;}





.siswalist{position:relative;}
.siswalist li{position:relative; border-radius:3px;}
.siswalist li:hover{background-color:rgba(0,0,0,.03);}
.siswalist li .opt{position:absolute; top:3px; left:3px;}
.siswalist li img{width:71px; height:71px;}

.alamat{z-index:11;}
.list-autocomplate{position:absolute; bottom:37px; right:5px; padding:0; z-index:9; left:5px; border-radius:4px 4px 0 0; background-color:#fff; box-shadow:0 0 3px rgba(0,0,0,.21); margin:0 !important; padding:0 !important; border:none !important;}
.list-autocomplate > button{border-radius:0; margin:0; border:none;text-align:left;}
.list-autocomplates{position:relative; padding:2px 3px; border:solid 1px #ccc; border-radius:4px;}