@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: 1px; height:3px;}
::-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);}
a,a:hover{text-decoration:none; cursor:pointer; color:#333;}

body{padding:0; background-repeat:no-repeat; background-position:center center; margin:0; overflow-x:hidden; font-family:Cuprum !important; position:relative;}
body .content-wrapper{position:relative; }
body .content-wrapper:after{content:'';  background-color:rgba(255,255,255,.71); position:absolute; top:0px; left:0; right:0; bottom:0; z-index:0;}
body > .content-wrapper > section > .container{padding:0;}
h1,h2,h3,h4,h5,h6{font-family:Cuprum !important; }
.wrapper{width:100%; text-align:center; position:relative; z-index:1;}
.container{width:100%; max-width:999px; margin:0 auto; text-align:left; position:relative; z-index:1;}
.container > .pad{padding:3px;}
.container > .pad.boxs{display:none; padding:99px 3px 41px 3px; min-height:99px;}
.container > .pad.boxs.loader{ background:url(../../../files/system/loading.gif) no-repeat top 79px center;}
.container > .pad .panel,.container .pad .box{margin-bottom:6px; background-color:rgba(255,255,255,.71); overflow:hidden;}
.container > .pad .box .box-header{padding:0; }
.container > .pad .box .box-header h4{border-top:7px solid; display:inline-block; padding:9px 9px 0 9px; font-weight:bold; font-family:Cuprum; }
.container > .pad .box .box-body{padding:0 !important;}

@media print {
	header,body .content-wrapper:after,footer{display:none;}
	body,body .content-wrapper,header:after,footer{padding:0; background:#fff !important;}
}
.indexLoad{ font-family:Cuprum !important; }

header{ padding:0; height:41px; position:fixed; top:0; left:0; right:0; z-index:999; }
header:before{background:url(../../../files/system/centom.png) no-repeat top center; background-size:100% 100%; height:21px; position:absolute; top:-3px; left:0; right:0; content:''; z-index:2; opacity:.41;}
header:after{box-shadow:0 0 3px rgba(0,0,0,.21); position:absolute; bottom:0; top:0; left:0; right:0; content:''; z-index:1;}
header nav{position:absolute; left:0; bottom:0; z-index:3; right:0; height:41px;}
header .container{padding:0; min-width:313px;}
header nav .container{padding:0 3px;}
header #menu{ padding:0;}
header #menu li{ list-style:none; float:left; padding:0; margin:0; position:relative; z-index:1; display:inline-block;}
header #menu li a{display:block; color:#fff; padding:15px 15px 5px 15px; transition:all .41s; font-size:15px; line-height:21px; position:relative;}
header #menu li a small{position:absolute; top:3px; right:3px; font-size:9px; line-height:11px; display:none;}
header #menu li a:hover,header #menu li a.active{ box-shadow:inset 0 0 21px rgba(0,0,0,.21),0 0 3px rgba(0,0,0,.21); color:#fff; padding-top:17px; padding-bottom:7px; border-radius:0 0 5px 5px;}
header #menu li+li{border-left:solid 1px rgba(0,0,0,.03);}
header #menu li+li a{padding:15px 11px 5px 11px;}

header #menus{ box-shadow:0 0 3px rgba(0,0,0,.21); padding:0 5px; z-index:0; position:absolute; top:41px; height:33px; left:0; right:0; border-radius:0 0 5px 5px;}
header #menus:before{background:url(../../../files/system/centom.png) no-repeat top center; background-size:100% 100%; height:11px; position:absolute; bottom:-9px; left:0; right:0; content:''; z-index:0; opacity:.41;}
header #menus li{ list-style:none; float:left; padding:0; margin:0; position:relative; z-index:1; display:inline-block;}
header #menus li a{display:block; color:#fff; padding:11px 11px 5px 11px; transition:all .41s; font-size:13px; line-height:17px; position:relative;}
header #menus li a:hover,header #menus li a.active{ box-shadow:inset 0 0 33px rgba(0,0,0,.21); color:#fff;}
header #menus li+li{border-left:solid 1px rgba(0,0,0,.03);}
header #menus li ul{max-height:0px; transition:all .41s; border-top:solid 0px #fff; position:absolute; top:33px; left:0; width:191px; z-index:1; margin:0; padding:0; border-radius:0; overflow:hidden; box-shadow:0 3px 3px rgba(0,0,0,.21);}
header #menus li ul.right{right:0; left:auto; width:786px;}
header #menus li:hover ul{max-height:313px; overflow-y:scroll; padding:0; border-top:solid 1px #fff;}
header #menus li ul li{float:none; display:block;}
header #menus li input{text-align:left;}

#postingalert{position:fixed; z-index:999; bottom:-99%; transition:all .41s; right:3px; border-top:solid 3px !important; color:#fff !important; background-color:#333; width:191px; opacity:0;}
#postingalert.open{bottom:3px; opacity:1; z-index:9999;}
#resultbtn{ 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; margin-bottom:5px; text-align:center;}
.postingList > .opsi{position:absolute; top:27px; right:11px; left:11px; text-align:right;}
.postingList > .opsi > .dropdown-toggle{}
.postingList > .opsi > .dropdown-menu{width:100%;}
.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; margin:0; z-index:0; overflow:visible !important;}
.userList .box-header .btn{margin:-11px 9px 3px 0;}
.userList .addUser{background-color:#F1F1F1 !important; margin-top:-41px;}
.userList .actUser{position:absolute; top:-39px; right:11px;}
.userList .usrL a.nama{ min-width:71px;}
.userList .usrL a.jumlah{ min-width:39px;}
.userList input{margin:0 0 3px 0;}
@media screen and (max-width: 786px){
	header #menu li+li a{padding:15px 3px 5px 3px;}
	.userList .addUser{margin-top:0;}
	.userList .col-md-5{margin-top:41px !important; position:relative;}
}
.imageUploder{position:relative; display:inline-block; background-size:cover; background-position:center center; background-repeat:no-repeat; border-radius:3px; box-shadow:0 0 3px rgba(0,0,0,.21); overflow:hidden;}
.imageUploder label{opacity:0; cursor:pointer; background:url(../../../files/system/camera.png) no-repeat center center rgba(0,0,0,.71); padding:9px; background-size:33px auto; position:absolute; top:3px; left:3px; right:3px; bottom:3px; border-radius:3px; margin:0; transition:opacity .41s; z-index:1;}
.imageUploder:hover label{opacity:1;}
.imageUploder input[type=file]{ opacity:0; position:absolute; left:0; width:100%; bottom:0; z-index:0;}
.imageUploder#PicProf{width:111px; height:111px; margin-top:9px;}
.imageUploder#PicPost{width:100%; height:119px; margin:0 !important; background:url(../../../files/system/camera.png) no-repeat center center; background-size:33px auto; }
.imageUploder.list{width:107px; height:71px; margin:3px; background-image:url(../../../files/system/icon/files.png); box-shadow:0 0 3px rgba(0,0,0,.21); background-size:33px auto; background-position:top 9px center;}
.imageUploder.list.img{background-size:cover; background-position:center center;}
.imageUploder.list,
#listImg > label,#imgPost > label{display:inline-block; vertical-align:top;}
#listImg > label .btn-app{margin:0; z-index:0; border-radius:3px;}
#listImg > label .dropdown-toggle{position:absolute; z-index:1; top:3px; left:3px;}
#listImg > label .dropdown-menu{top:33px;}
.imageUploder.list > small{background-color:rgba(0,0,0,.41); position:absolute; bottom:0; left:0; right:0; color:#fff; display:block;}
.imageUploder.list > label{position:absolute; left:auto; right:0; top:0; padding:0 3px; border-radius:3px; bottom:auto; opacity:1; background-image:none; color:#fff; cursor:pointer;}
.imageUploder.list > label input[type=checkbox]{cursor:pointer; margin:0; vertical-align:middle; line-height:9px;}




#addPost .box{overflow:visible;}
#addPost .box .box-header .col-md-6 .btn{margin:-37px 5px -5px 0;}
#addPost .box .box-header h4{border-radius:5px;}
#addPost .box .box-header h4 b{font-size:33px; line-height:21px;}
#addPost{position:relative;}
#addPost:after{position:absolute; text-align:right; padding:11px; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center center; content:'Proses...'; background-color:rgba(0,0,0,.41); border-radius:3px; display:none; z-index:7;}
#addPost.prosessing:after{display:block;}
#addPost .box-header{z-index:9;}
#addPost .box-body{z-index:3; position:relative;}
#fixPost{}
#resPost { display:none; border: 1px solid;    padding: 3px;	z-index:9;    position:absolute;	top:41%; left:0; right:0;    border-radius: 3px;    margin: 10px;    text-align: left;    background: #fff; z-index:9;}
#resPost .progress-bar{    height: 21px;    border-radius: 3px;    width: 0;}
#resPost .status{ font-size:11px;   top:3px;    left:50%;    position:absolute;    display:inline-block;}

.menuAdd h6{padding:9px 3px; border-bottom:solid 1px #eee; margin:0;}
.menuAdd h6:hover{background-color:#efefef;}
.menuAdd .menuSub{max-height:0; overflow:hidden; transition:max-height .41s;}
.menuAdd:hover .menuSub{max-height:999px;}
.menuAdd .menuSub h6{padding-left:21px;}

.fileIcon{display:inline-block; z-index:0; padding:3px; position:relative; width:99px; height:71px; background-repeat:no-repeat; background-position:center center; background-size:41px auto; background-image:url(../../../files/system/icon/files.png); border-radius:2px; border:solid 1px #d58512; margin:3px;}
.fileIcon.jpg{background-size:cover;}
.fileIcon .badge{background-color:#fff; color:#111; z-index:1; position:relative; opacity:.11;}
.fileIcon:hover .badge{opacity:1;}
.fileIcon .fileInfo{position:relative;}
.fileIcon .info{position:absolute; bottom:21px; left:-9px; min-width:171px; padding:3px; font-size:12px; line-height:11px; text-align:left; background-color:rgba(0,0,0,.71); color:#fff; display:none; z-index:0; border-radius:3px;}
.fileIcon .info h6{white-space:nowrap;}
.fileIcon .fileInfo:hover .info{display:block;}
.fileIcon:hover{z-index:1;}
.fileIcon input.src{width:0; height:0; opacity:0; position:absolute; top:0; right:0;}
.fileIcon .btn-group{position:absolute; bottom:1px; left:3px; margin:0; padding:0;}
.fileIcon .btn-group .btn{ margin-left:-1px !important;}

footer{ line-height:21px; padding:9px 0 3px 0; color:#fff; position:fixed; bottom:0; left:0; right:0; z-index:999;  transition:all .41s; z-index:3; box-shadow:0 0 3px rgba(0,0,0,.21);}
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; opacity:.41;}
footer .container{position:relative;}

footer .container .dev{text-align:left; position:absolute !important; top:0; right:0; white-space:nowrap; height:21px; width:0; overflow:hidden; background-color:#fff; box-shadow:inset 0 -3px 7px rgba(0,0,0,.21); border-radius:11px; padding:0 0 0 23px; position:relative; transition:all .41s;}
footer .container .dev:hover{overflow:visible; width:121px;}
footer .container .dev img{top:0px; left:0px; height:11px; width:11px; transition:all .41s; border-radius:9px; box-shadow:1px 1px 1px rgba(0,0,0,.11); margin:4px 0 0 6px; position:absolute; }
footer .container .dev:hover img{height:33px; width:41px; border-radius:3px; margin:-11px 0 -11px -21px;}

.listLabel{position:relative; overflow:visible !important;}
.listLabel .box-header .btn{margin:-11px 9px 3px 0;}
.labelSelect{position:relative; margin:0; min-width:199px; text-align:left; font-weight:bold;}
.labelSelect+a{min-width:41px;}
.labelSelect small{margin:0 0 0 11px;}
.labelSelect input[type=checkbox]{position:absolute; top:0; left:0; opacity:0;}
.labelAdd{position:relative; margin:-33px 5px 11px 313px;}
.labelAdd > div > button{width:33px; padding:6px 0;}
.labelAdd > div > button > .caret{position:absolute; right:1px; bottom:1px; font-size:15px;}





.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;}
.select2-results__option[aria-selected] i span{font-family:Cuprum !important; }