@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v12/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v12/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v12/4iCs6KVjbNBYlgoKcw72j00.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v12/4iCs6KVjbNBYlgoKfA72j00.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v12/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v12/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "eraslight";
    src: url(../font/ERASLGHT.TTF) format('truetype');
}
@font-face {
    font-family: "erasmedium";
    src: url(../font/ERASMD.TTF) format('truetype');
}
@font-face {
    font-family: "calibri";
    src: url(../font/CALIBRI.TTF) format('truetype');
}
@font-face {
    font-family: "wingding";
    src: url(../font/WINGDING.TTF);
}
/* ------------------ */
/*      GENERAL       */
/* ------------------ */
body{
	width:100%;
	padding:0px;
	margin:0px;
	font-family:"calibri",sans-serif;
	font-size:14px;
	color:#000;
}


table,td,tr{background:none; border:none;}


tbody {
    /*display: block;
    width:100%;*/
}
form table{
	display:inline-block;
}
input, select,textarea{
	font-size:12px;
	max-width:900px;
	display:inline-block;
	background:#F6F6F6;
	border:#dbdbdb 1px solid;
	/*border-radius:3px;*/
	margin:2px;
	padding:3px;
	color:#217346;
}
textarea{
	resize: none;
	min-height:70px;
}

input.kode:-moz-read-only{
    border: 1px solid transparent;
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;  
}
input.kode:read-only{
    border: 1px solid transparent;
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;    
}

.noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:default;
}

/* ------------------ */
/*       CONTENT      */
/* ------------------ */
#wrapper{
	position:fixed;
	top:138px;
	bottom:25px;
	width:100%;
	padding:0px;
	overflow-y :scroll;
	z-index:4;
   background-image: url('../images/1.jpg');
}

#w_barcontent{
	border-bottom: #f1f1f1 1px solid;
	background-color: #900;
	padding: 3px;
}

#w_content{ 
	position:relative;
	margin:auto;
	width:1100px;
}

#rcontent{
	position:relative;
	width:auto;
	margin: 10px;
	padding: 10px;
	background:#fff;
	border-bottom:2px solid #B9B9B9;
	border-right:2px solid #B9B9B9;
	border-left:2px solid #B9B9B9;
	min-height:600px;
	/*box-shadow: 5px 5px 5px #f1f1f1;*/
	border-radius: 25px;
}

#content{
	clear:both;
	font-size:11px;
}

.judul_content{
	color:#000;/*#3B5998;*/
	font-size:1.8em;
	font-weight:100;
	padding:10px 0px 10px 0px;
	float: left;
}
.judul_content[data-count]::after{
	content: attr(data-count);
	font-size: 12px;
	font-weight:bold;
	color:white;
	background: #0e6969;
	border-radius: 10px;
	padding: 0px 5px;
	float: right;
	margin: 2px;
}
.judul_content[data-unread]::before{
	content: attr(data-unread);
	font-size: 12px;
	font-weight:bold;
	color:white;
	background: red;
	border-radius: 10px;
	padding: 0px 5px;
	float: right;
	margin: 2px;
}
.isi_content{
	width:1050px;
	float:left;
	margin:0px 0px 10px 0px;
}



.framew00{
	z-index: 20;
	position: fixed;
	width: 100%;
	top: 0px;
	bottom: 0px;
	background: #FFF;
	display: none;
	font-family:calibri;
	
}

.framew01{
	width: 130px;
	background: #060;
	height: 100%;
	float: left;
	font-size:12px;
}
.framew02{
	height: 100%;
	background: #F6F6F6;
}

#header001{
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	height: 25px;
	list-style: outside none none;
	position: fixed;
	right: 0px;
}


#fcontent{
	right: 0px;
	position: absolute;
	left: 130px;
	top: 45px;
	bottom: 0px;
	overflow: auto;
	padding:0px 30px;
}


/* table list */
#tbl_content{
	width:100%;
	border:1px solid #D3D3D3;
	border-collapse: collapse;
	background:none;
}

#tbl_content th {
	padding: 3px; 
	border-right: thin solid #D3D3D3;
	background:#900;
	/*color:#6A7480;*/
	color:#fff;
	font-size:12px;
	font-weight:700;
	padding:10px;
}

#tbl_content .tr_header{}
#tbl_content .tr_header th{}

#tbl_content > tbody > tr > td {
	padding: 3px;
	border: #999 thin solid;
	font-size:12px;
	vertical-align:top;
}

/*#tbl_content .tr_content[hasdisposisi]{background-color:#FFFFFF;height:30px;color: #000;}*/
#tbl_content .tr_content{background-color:#FFFFFF;height:30px;color: #333;}

#tbl_content .tr_content:hover{background-color:#F9F9F9;}

#tbl_content .tr_content.tr_content_read{background-color:#f5ffc1;}

#tbl_content .tr_content.tr_content_read:hover{background-color:#DEF3AF;}
/*
#tbl_content .tr_content.tr_done{
	background-color:#DDDDDD;
}
#tbl_content .tr_content.tr_done:hover{
	background-color:#D9D9D9;
}
*/
/*
#tbl_content .tr_content01{background-color:#f6f6ff;height:30px;font-weight:bold}
#tbl_content .tr_content02{background-color:#f6fff6;height:30px;font-weight:bold;color:#217346}
*/
#tbl_content th:first-child {
    background: #900;
}

#tbl_content td:first-child {
    background: #F8BBD0;
}
#tbl_content .odd_even:nth-child(odd){/*background-color:#E6F3FC;*/}
#tbl_content .odd_even:nth-child(even){/*background-color:#C6F9FD*/}

#tbl_content .tr_hlight{
	border:solid 2px #217346;
}
#tbl_content .tr_hlight:hover{
	/*background:#DDFFFF;
	font-weight:700;*/
}

#tbl_content .tr_content[data-toggle="1"]{color : #C60;}

/*
#tbl_content .tr_content.useraktif{
	color : #00C;
	/*background:#DDFFFF;
	font-weight:700;*/
}*/


#tbl_content .tr_selected{
	border:solid 2px #217346;
    -webkit-border-image: url("../images/border.png") 54 round; /* Safari 3.1-5 */
    -o-border-image: url("../images/border.png") 54 round; /* Opera 11-12.1 */
    border-image: url("../images/border.png") 54 round;
}
#tbl_content .tr_selected:hover{}

/*
#tbl_content .tr_hlight td:nth-last-child(1)::after {
    display: block; position: absolute; height: 5px; width: 5px; float: right; right: 10px; z-index: 23
}
*/

#tbl_content td.marked::after {
	content: "";
	background: #aaff08;
	width: 7px;
	height: 7px;
	display: block;
}

#tbl_content .td_pagu{
	text-align:right;
}

span.rupiah{
	display:block;
	text-align:right;
	white-space: nowrap;
	max-width: 90px;
}
span.rupiah::before{
	content:"Rp";
	float: left;
}
span.rupiah::after{
	content:",-";
}
span.rupiah:empty::after{
	content:"-";

}

/*
#tbl_content h2 {
	float:left;
	width:900px;
	margin:0px;
	padding:10px;
}
*/
#tbl_content [title] {cursor:crosshair}


.d_left{
	position: absolute;
	width: 67%;
	padding: 0px 18px;
	border-right: 20px solid #e9e9e980;
}
.d_right{
	position: absolute;
	width: 356px;
	right:0px;
}

[xbutton]{cursor:pointer}

.cpicture{float: left;}
.cpicture img{border-radius: 24px;}
.cname {
	float: left;
	font-weight: 600;
	color: #353C45;
	font-size: 12px;
}
.ctimestamp {
	float: left;
	clear: left;
	font-size: 11.5px;
	color: #B0B3BE;
	cursor:crosshair;
}	
	
.cstatus{float: left;margin-left: 10px;width:10px;height:10px;/*border:1px solid #B0B3BE;border-radius:5px;*/cursor:crosshair;}
.cstatus.status_10{background:url(../images/small_new.png)}
.cstatus.status_11{background:url(../images/small_wait.png)}
.cstatus.status_12{background:url(../images/small_denied.png)}
.cstatus.status_20{background:url(../images/small_publish.png)}
.cstatus.status_21{background:url(../images/small_process.png)}
.cstatus.status_22{background:url(../images/small_wait.png)}
.cstatus.status_30{background:url(../images/small_done.png)}
.cstatus.status_31{background:url(../images/small_done.png)}

.cmessage {
	font-size: 14px;
	color: #2F353D;
	margin-top: 10px;
}	
.clocation {
	background: url(../images/location2.png) 0px 0px no-repeat;
    text-indent: 15px;
    font-weight: 600;
}

.ccis:hover{background:#f5f1f1;border-radius: 17px;}
.cicon{float: right;}
.cicon img{border-radius: 15px;}
.cclassified{
	background: red;
	border-radius: 10px;
	height: 17px;
	width: 17px;
	text-align: center;
	font-style: italic;
	color: white;
	font-weight: 800;
}
.ccategory {
	text-align:right;
	font-size: 11.5px;
	color:black;
	font-weight: 600;
}
.cinstitution {text-align:right;font-size: 11.5px;color: #B0B3BE; }

.cimage {background: #e9e9e9;}	




.ctanggapan{
	background: url(../images/chatting.png) 0 0 no-repeat;
	background-size: 16px 16px;
	text-indent: 20px;
}
.ctanggapan[data-unpublished]::after{
	content: attr(data-unpublished) ' unpublished';
	background: red; border-radius: 3px;padding: 0px 5px;color: white;font-weight: bold;
}
.ctanggapan[data-unpublished="0"]::after{
	content: attr(data-unpublished) '';
	display:none;
}
.cboost{
	background: url(../images/agreeiconaktif.png) 0 0 no-repeat;
	background-size: 16px 16px;
	text-indent: 20px;
}

.crate{
	background-image: url("../images/bintang-fg.png"), url("../images/bintang-bg.png");
	background-repeat: no-repeat, no-repeat;
	background-position: 0px 0px, 0px 0px;
	width:150px;
	height:27px;
}

.stats_bar{color: #657087;}
.stats_bar span{margin-right:15px}
.action_bar, .rating_bar{
	height: 34px;
	margin: 15px auto;
}
.seperator_bar{
	height:1px;
	border-bottom:1px solid #E4E6ED;
}						   
.reply_head {
    font-size: 18px;
    color: #919BA7;
    margin: 10px 0px 8px;
}
.reply_bar{
	overflow: auto;
	position: absolute;
	right: -15px;
	left: 0px;
	height: 410px;/*475px*/
}

.reply_box{ 
	 padding: 10px 25px 10px 7px;
	 /*border-radius: 1px 12px 9px 13px;
	 background: #F0C869; *#e9e9e9
	 border-bottom; 1px solid grey;*/;
}

.reply_box hr{ 
	 border: #F0F0F0 1px solid;
}

.tinstitution{
	font-weight: 600;
	color: #353C45;
	font-size: 12.5px;
}
.ttimestamp {
	margin-left:15px;
	font-size: 11.5px;
	color: #B0B3BE;
}
.tname {
	color: #353C45;
	font-size: 11.5px;
	/*font-style: italic;*/ 
}
.tname span{font-size: 10px;font-style: italic;}
.tname show{position:absolute}

.tname show::after{
	content: '';
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #32cd32;
	position: absolute;
	top: 4px;
	left: 11px;
	cursor: pointer;
}
.tname show:hover::after{
	border-top: 7px solid green;
}
.tmessage {
	clear: left;
	font-size: 14px;
	color: #2F353D ;
	margin: 6px 0px 3px;
	/*border:1px solid black;*/
	position: relative;
	background: #F0F0F0;
	border-radius: 0px 5px 5px 5px;
	padding: 5px 13px;
}
.tmessage::before{
	content: '';
	display:block;
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent; 
	border-bottom: 7px solid #F0F0F0;
	position: absolute;
	top: -7px;
}
.toriginal{  
	display: none;
	border: 1px solid #a5eaa5;
	border-top: 3px solid #a5eaa5;
	border-left: 3px solid #a5eaa5;
	margin-top: 12px;
	position: relative;
	background:#a5eaa5;
	padding: 0px 10px 5px;
	font-style: italic;
}
.toriginal::before{
	content: 'ORIGINAL';
	display: block;
	position: absolute;
	background: #a5eaa5;
	font-size: 9px;
	font-style: normal;
	color: white;
	top: -14px;
	left: 18px;
	border-radius: 0px 9px 0px 0px;
	padding: 0px 3px;
}

.toriginal hide{
	position: absolute;
	width: 12px;
	height: 12px;
	color: white;
	background: #a5eaa5;
	top: -14px;
	left: 5px;
	font-size: 14px;
	text-align: center;
	font-style: normal;
	line-height: 10px;
	padding: 0px;
	cursor:pointer;
}
.toriginal hide:hover{
	background: green;
	color:yellow;
}
/*
.toriginal hide::after{
	content: '&times';
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #32cd32;
	position: absolute;
	top: -4px;
	left: 294px;
	cursor: pointer;
}
*/

.crate[data-rate="1"]{
	background-position: -120px 0px, 0px 0px;
}
.crate[data-rate="2"]{
	background-position: -90px 0px, 0px 0px;
}
.crate[data-rate="3"]{
	background-position: -60px 0px, 0px 0px;
}
.crate[data-rate="4"]{
	background-position: -30px 0px, 0px 0px;
}
.crate[data-rate="5"]{
	background-position: -0px 0px, 0px 0px;
}


.tr_done .ctanggapan[data-unpublished]::after{
	/*content: attr(data-unpublished) ' unpublished';*/
	background: blue; /*border-radius: 3px;padding: 0px 5px;color: white;font-weight: bold;*/
}


tr.tr_unread pin{
	position: relative;
	width:20px;
	height:20px;
	float:right;
}
tr.tr_unread pin::after{
	/*content:attr(data-status)'N';*/
	content:'N';
	position:absolute;
	text-align: right;
	top: 0px;
	right: 0px;
	font-weight:bold;
	color:white;
}
tr.tr_unread pin::before{
	content:'';
	display:block;
	position:relative;
	top: -16px;
	left: 5px;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid red;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);	
}
tr:not(.tr_unread) .pin{
	display:none;
}


/* form filter */

#filter_box {
	width:1080px;
	background:none;
	padding:0px;
	/*border:#f1f1f1 1px solid;*/
	border-collapse: collapse;
	margin:auto;
}
#filter_box  tr{
	background:none;
	padding:0px
}
#filter_box  td:first-child{
	width:120px;
}
#filter_box  td:last-child{
	width:20px;
}
#filter_box  [name='kriteria']{
	background:none;
	color:#fff;
	margin:0px; 
	height:21px;
	border:none;
	/*border-radius:0px;*/
	width:100%;
}
#filter_box [name='nilai']{
	background:#fff;
	color:#000;
	margin:0px; 
	height:21px;
	border:none;
	width:100%;
	max-width:1080px;
	/*border-radius:0px;*/
	padding: 0px;
}
#filter_box td:nth-child(2){
	background:#fff;
}
#filter_box td:nth-child(2) select, #filter_box td:nth-child(2) input{
	display: none;
}








/* form action */
.fform {clear:both;position: relative;}

.fform > table {
	/*border-collapse: collapse;
	background:#fff;*/
	border: none;
	padding: 0px 30px;
	font-size: 12px;
}


.fform tr{border: none;}
.fform td{border: none;}
.fform td.label{width: 155px; height: 1px;}
.fform td.field{width: 500px;height: 1px;}
.fform td.t2{width: 10px;height: 1px;}

.fform > table tr > td:nth-child(1){
	vertical-align: text-top;
	/*font-weight:600;*/
}


.fform td table {
	padding: 0px;
	background:none
}

.fform input,
.fform textarea,
.fform select {
	width:100%;
	/*border-radius:1px;*/
	background:#fff;
	border:1px solid #dbdbdb;
}

.fform .selectimg, 
.fform .selectimg option {
    background-repeat: no-repeat;
    background-size: 40px 40px;
    height:40px;
    text-indent: 22px;
}
					
.fform .date {
	width:100px;
}

.fform .kode {
	width:15px;
	text-align:right;
}
.fform .pagu{
	width:100px;
	text-align:right;
}
/*
.fform .pagu::after{
		content:"Rp";
}
*/

.fform .hint {
	font-size:0.8em;
	display:block;
}
.fform [name^='target']{
	width:40px;
	text-align:right;
}
.fform [name^='satuan']{
	width:75px;
	text-align:left;
}


.fform > table.detailborder tr > td {
    vertical-align: text-top;
    font-weight: normal;
	border:solid 1px black;
}



[contenteditable]:empty::after{
  content: attr(placeholder)'';
  opacity: 0.6;
  font-weight:400;
  margin-left:3px;
  /*display: block;  For Firefox */
}
[contenteditable]:focus::after{
	display: none;
}







.container01{
	border:1px solid #dbdbdb;height:auto;
	color: #217346;
	padding: 0px 3px;
}
.container02{
	border:1px solid #dbdbdb;height:auto;display:none;
}
.container01 label, .container02 label{
	display:block;
	margin:3px;
	padding:3px;
	background: #ddd;
	border-radius:2px;
	font-weight:400;
	white-space: nowrap;
}

.container01 label::before, .container02 label::before{
	content: attr(data-after);
	float:right;
	width: 15px;
	height: 15px;
	color:white;
	text-align: center;
}

.container01 label:hover::after, .container02 label:hover::after{
	background: #f0c869;;
}
/* ---- end content ---- */












/* ------------------ */
/*    ICON & BUTTON   */
/* ------------------ */
.icon{
	/*display:inline-block;*/
	width:22px;
	height:22px;
	/*margin:2px;*/
	cursor:pointer;
	/*border:thin solid #cfcfcf;*/	
	border:none;
}
.icon:hover{
	/*border:thin solid #b1d3f5;*/
	color:#676767;
}

.icon.btn_disable{
	cursor:default;
}
.icon.btn_disable{
	background:url(../images/disable_icons.png) 0px 0px no-repeat;
	cursor:default;
}

.btn_filter{
	background:url(../images/exec_icon.png) 0px 0px no-repeat;
	border:none;
	cursor:default;
	width:22px;
	height:22px;
}
.btn_filter:hover{
	background: url(../images/exec_icon.png) 0px -20px no-repeat;
}
.btn_hide{display: none}

/*
.btn_detail{
	background:url(../images/detail_icons.png) 0px 0px no-repeat;
}
.btn_detail:hover{
	background:url(../images/detail_icons.png) -20px 0px no-repeat;
}

.btn_download{
	background:url(../images/xls_icons.png) 0px 0px no-repeat;
}
*/

.talk
{
	background: url(../images/talk.png) 6px 1px no-repeat;
	text-indent: 23px;
}

.location
{
	background: url(../images/location2.png) 0px 1px no-repeat;
	text-indent: 15px;
}
/*
.comment
{
	color:white;
	background: #98CA3C;
	border: 1px grey solid;
	height: 100px;
}

.comment1
{
	color:white;
	background: red;
	border: 1px grey solid;
	height: 100px;
	display:none;
}

.btn_pub
{
	background:url(../images/pub.png) 0px 0px no-repeat;
	float: right;
	margin-right: 6px;
}

.btn_unp
{
	background:url(../images/unp_icons.png) 0px 0px no-repeat;
	float: right;
	margin-right: 6px;
}

.btn_ed
{
	background:url(../images/edit.png) 0px 0px no-repeat;
	float: right;
}

.btn_ori
{
	background:url(../images/original2.png) 0px 0px no-repeat;
}
*/
.dicon{
	width: 34px; height: 34px; float: left;margin-right: 5px;
	border:thin solid black;
	border-radius:17px;
	}
.dicon:hover{border:thin solid transparent;background-color:#e9e9e980}

.btn_process{background:url(../images/process_icons.png) 7px 0px no-repeat;background-size: 28px;}
.btn_wait2{background:url(../images/wait2_icons.png) 7px 0px no-repeat;background-size: 28px;}	

.ticon{
	width: auto;
	height: auto;
	cursor: pointer;
	display: inline-block;
	background-color: turquoise;
	margin: 1px;
	padding: 1px 11px;
	border-radius: 11px;
}

.dbutton{ 
	background: #32CD32;
	width: auto;
	display: table-cell;
	padding: 1px 10px;
	color: white;
	font-size: 12px;
	height: auto;
	border-left: 1px solid white;
}
.dbutton:hover{ 
	color: yellow;
}
/*.btn_reply_publish, .btn_reply_unpublish,.btn_reply_edit{ 
}*/

.dbutton0{ 
	background: #32CD32;/*#2a46a5;*/
	width: 30px;
	height: 30px;
	border-radius: 15px;
	color: white;
	float: right;
	text-align: center;
	line-height: 26px;
	font-weight: 600;
	font-size: 28px;
}
.dbutton0:hover {
    color: yellow;
    font-size: 32px;
}
/*
.iconsurat, .iconexel {
    width: 100px;
    height: 100px;
    background: transparent url(/images/surat.png) top right no-repeat;
}
*/

.separator{
	display:block;
	width: 0px;
	border: #f0f0f0 outset 1px;
	/*border: #53ab70 outset 1px;*/
	height:70px;
	float:left;
}

.iconbig{
	min-width: 45px;
	width: 45px;
	height: 0px;
	cursor: default;
	border: thin solid transparent;
	color: #060;
	font-size: 12px;
	text-align: center;
	padding: 47px 4px 4px;
	float: left;
}

.iconbig:hover{
	background-color: rgba(225, 239, 227, 0.5);;
}

.iconbig.btn_disable, .iconbig.btn_locked{
	opacity: 0.3;
}

.iconbig.btn_disable:hover , .iconbig.btn_locked:hover{
	background-color: transparent ;
}

.iconbig.btn_toggle {
	display:none;
}

.icon.btn_toggle_on {
	background:url(../images/toggle.png) 0px -22px no-repeat;
	width:42px;
	height:22px;
	border:none;
}

.icon.btn_toggle_off {
	background:url(../images/toggle.png) 0px 0px no-repeat;
	width:44px;
	height:22px;
	border:none;
}
.icon.btn_toggle_on::after {
	content:"ON";
	margin-left: 45px;
	line-height: 22px;
}
.icon.btn_toggle_off::after {
	content:"OFF";
	margin-left: 45px;
	line-height: 22px;
}



/* iconbig ribbon */
.btn_tambah{
	background:url(../images/insert_icons.png) center 4px no-repeat;
}

.btn_perilaku{
	background:url(../images/perilaku_icon.png) center 4px no-repeat;
}

.btn_prestasi{
	background:url(../images/prestasi_icon.png) center 4px no-repeat;
}
.btn_pdf{
	background:url(../images/info_icons.png) center 4px no-repeat;
}

.btn_setujui{
	background:url(../images/check.png) 7px 0px no-repeat;
}

.btn_waiting2{
	background:url(../images/wait2_icons.png) 7px 0px no-repeat;
}

.btn_penunjuk{
	background:url(../images/accept_icons.png) 7px 0px no-repeat;
}

.btn_kategori{
	background:url(../images/category_icons.png) 7px 0px no-repeat;
}

.btn_comment{
	background:url(../images/comment_icons.png) 5px -3px no-repeat;
	margin-right: 16px;
}

.btn_change{
	background:url(../images/change_icons.png) 5px -3px no-repeat;
}

.btn_edit{
	background:url(../images/edit_icons.png) 0px 0px no-repeat;
}

.btn_upload{
	background:url(../images/upload_icons.png) 0px 0px no-repeat;
}

.btn_delete,.btn_hapus{
	background:url(../images/hapus_icons.png) 0px 0px no-repeat;

}

.btn_apply{
	background:url(../images/yes.png) 0px 0px no-repeat;
	background-size: 45px 45px;
}

.btn_deny{
	background:url(../images/denied_icons.png) 7px 0px no-repeat;
}

.btn_approve{
	background:url(../images/accept_icons.png) 7px 0px no-repeat;
}

.btn_hold{
	background:url(../images/wait_icons.png) 7px 0px no-repeat;
}

.btn_process{
	background:url(../images/process_icons.png) 7px 0px no-repeat;
}

.btn_done{
	background:url(../images/done_icons.png) 3px 0px no-repeat;
}

.btn_moveup{
	background:url(../images/up-arrow.png) 3px 0px no-repeat;
}

.btn_movedown{
	background:url(../images/down-arrow.png) 3px 0px no-repeat;
}

/*----------------------smaller icon in detail------------------*/
.btn_delete2{
	background:url(../images/hapus_icons.png) 0px 0px no-repeat;
	background-size: 25px;
	background-position: 5px;
}

.btn_deny2{
	background:url(../images/denied_icons.png) 7px 0px no-repeat;
	background-size: 25px;
	background-position: 5px;
}

.btn_approve2{
	background:url(../images/accept_icons.png) 7px 0px no-repeat;
	background-size: 25px;
	background-position: 5px;
}

.btn_hold2{
	background:url(../images/wait_icons.png) 7px 0px no-repeat;
	background-size: 25px;
	background-position: 5px;
}

.btn_process2{
	background:url(../images/process_icons.png) 7px 0px no-repeat;
	background-size: 25px;
	background-position: 5px;
}

.btn_done2{
	background:url(../images/done_icons.png) 3px 0px no-repeat;
	background-size: 25px;
	background-position: 5px;
}
/*-----------------------smaller icon end-----------------------*/
.btn_suspend[data-toggle="0"]{
	background:url(../images/padlock_icons.png) 4px 0px no-repeat;
}
.btn_suspend[data-toggle="1"]{
	background:url(../images/unlock_icons.png) 11px 0px no-repeat;
}
.btn_list{
	background:url(../images/list2_icons.png) 0px 0px no-repeat;
}

.btn_listall{
	background:url(../images/back2_icons.png) 0px 0px no-repeat;
}


/*-----------css simpeg--------------*/
.persentpp{
	width: 2em;
	height: 2em;
	background: #150D5C;
	color: #fff;
	padding-top: 0.4em;
	text-align: center;
	margin-top: auto;
	padding-left: 0.1em;
	font-size: 1.5em;
	font-weight: 700;
	padding-right: 0.1em;
	border: 0.2em solid #7DBBF9;
}

.btn_family{
	background:url(../images/family_icons.png) center 4px no-repeat;
}

.btn_period{
	background:url(../images/period_icons.png) center 4px no-repeat;
}

.btn_party{
	background:url(../images/party_icons.png) center 4px no-repeat;
}

.btn_leader{
	background:url(../images/leader_icons.png) center 4px no-repeat;
}

.btn_work{
	background:url(../images/work_icons.png) center 4px no-repeat;
}

.btn_organization{
	background:url(../images/organization_icons.png) center 4px no-repeat;
}

.btn_fraction{
	background:url(../images/fraction_icons.png) center 4px no-repeat;
}

.btn_commission{
	background:url(../images/commission_icons.png) center 4px no-repeat;
}

.btn_warning{
	background:url(../images/warning_icons.png) center 4px no-repeat;
}

.btn_print{
	background:url(../images/excel_icons.png) center 4px no-repeat;
}

.btn_edit_perilaku{
	background:url(../images/edit_perilaku_icons.png) center 4px no-repeat;
}

.btn_edit_prestasi{
	background:url(../images/edit_prestasi_icons.png) center 4px no-repeat;
}
/*-----------css simpeg--------------*/


.icon_account {
		background:url(../images/account.png) top right no-repeat;
		height: 128px;
		width: 128px;
}

.btn_user {
	float:right;
	width:30px; height:30px;
	background:url(../images/sprite_icons.png) top right no-repeat;
}
.btn_signout, btn_chpass {
	margin-right:3px;
	background-color:#FFFFFF;
	font-weight:lighter;
	display:block;
	/*width:50px;*/
	padding:2px 2px;
	/*border-radius:1px;*/
	text-align:right;
	
}

.btn_signout:hover, .btn_chpass:hover{
	background-color:#DFDFDF;
	cursor:pointer;
}
/* --- end button --*/


#pdfpreview{width: 500px;display: block;border: 1px solid #dedede;height:400px;position: relative;margin: 0px 5px 0px 20px;}
#imgloaderz{display: block;position:relative;top:75px; height:20px; width:224px;margin: 20px auto; background:url(../../images/progressBar.gif) -16px center no-repeat;color: #F0C869;text-align:center;}




@media screen and (max-width: 768px ) {
#filter_box {
    width: 100%;
}


#w_content{
	width: 100%;
}
#rcontent {
    min-height: 300px;
}

}
.middle {
    width: 500px;
    float: middle;
    padding-top: 30px;
}

.rina1 {
    padding: 15px;
    width: 700px;
    float: left;
    padding-top: 30px;
}
.isirina {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    padding: 5px;
}