*{margin:0;padding:0;}
body{
	font-family:Tahoma, Geneva, sans-serif;
	background-color:#ECF0F1;
	font-size:12px;
}
#dvmain{display:inline-block;min-width:100%;zoom: 1;
*display:inline;}
.alright{text-align:right;}
.angka{text-align:right;}
.inpreadonly{background:#CCC;}
#dvhdr{background:#E67E22 ;/*height:70px;*/color:#FFFFFF;position:relative}
#dvhdr #dvwelcome{font-weight: bold;position: absolute;right: 10px;top: 0;}
#dvwelcome a, #dvwelcome a:hover, #dvwelcome a:visited{color:#660000;text-decoration:none;}
#dvwelcome a:hover{color:#FFFF00;text-decoration:none;}
#dvhdr h3, #dvhdr h4{padding-left:10px;background:#ff1a1a ;}
#dvhdr h3{font-size:36px;}
#dvhdr h4{font-size:16px;color:#FAE8D7;}
#dvcontainer h3{font-weight:bolder;background: #f5f5ed;border-bottom: 1px solid #e9e9dd;padding: 22px 0px 16px 10px;/*height: 30px;*/color:#ff1a1a;font-size:20px;
}
#dvcontent{padding-left:10px;padding-top:10px;}
table.tblinput{border-collapse:collapse;}
table.tblinput tr  th {background-color: #313244;color: #FFFFFF;height: 15px;padding: 10px;border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;border-left:1px solid #2D3E50;}
table.tblinput tr  td{border-bottom:1px solid #2D3E50;border-left:1px solid #2D3E50;}
table.tblinput tr  th.tlast, table.tblinput tr > td.tlast{border-right:1px solid #2D3E50;}
table.tblinput tr  td{vertical-align:top;padding:5px 10px;}
table.tbinputdet tr th{height:12px;font-size:11px; color:#FFF;}
table.tbinputdet tr.detsub th{color:#2D3E50;background-color:#BFBFC1; font-size:10px;height:12px;}
table.tblinput tr td.tf, table.tbinputdet tr td.tf{background-color:#95A4A7;text-align:center}
.tddet{text-align:center;}
.selapp{text-align:center;width:334px;padding-bottom:5px;}
table.tbinputdet tr th.dpemohon, .xpemohon{background-color:#3598DC;}
table.tbinputdet tr th.dmengetahui, .xmengetahui{background-color:#F69129;}
table.tbinputdet tr th.dmenyetujui, .xmenyetujui{background-color:#2ECD71;}
table.tbinputdet tr th.dpemohon, table.tbinputdet tr th.dmengetahui, table.tbinputdet tr th.dmenyetujui{text-align:right;vertical-align:top;}
.addbutton, .rembutton, .question{color:#FFFFFF;padding:2px;cursor:pointer;font-weight:bolder;margin-left:3px;border:1px solid #e9e9dd;}
.addbutton{background-color:#170053;}
.rembutton{background-color:#990000;}
.question{background-color:#FF7800;}
.spsetdet{height:25px;font-weight:bold;}
.sperror{color:#F00;font-size:10px;}
.spketc{font-weight:bold;font-size:14px;}
textarea {resize: none;}

.btn_r {
 color: #ffffff;
 font-weight:bolder;
 background-color:#209358;
 border-width:1px;
 border-style:solid;
 border-bottom-color:#006200;
 border-right-color:#006200;
 border-top-color:#09FF09;
 border-left-color:#09FF09;
 font-size:14px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 padding: 7px;
 margin: 0 3px 0 3px;
 cursor:pointer;
 line-height:16px;
 /*text-shadow: 2px 2px 4px #000000;*/
 
 }

 .btn_r.hover {
 background-color:#155822;
 }
#btnaddlov{background-color:#3598DC;color:#FFFFFF;cursor:pointer;font-weight:bold;float:left;}
#btnaddlov.hover{background-color:#2A80B9}

#tbinputparappr{background:#F4F4F4;border:#CCCCCC 1px solid;}
#tbinputparappr th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#tbinputparappr th.ths{text-align:right;}
#tbinputparappr input{padding:2px;border-radius: 5px;text-align: right;}
#tbinputparappr td, #tbinputpar th{padding:5px;}
#tbinputparappr td.tdlabel{font-weight:bold;}
#tbinputparappr td{vertical-align:top;}


#tbinputparnappr{background:#F4F4F4;border:#CCCCCC 1px solid;}
#tbinputparnappr th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#tbinputparnappr th.ths{text-align:right;}
#tbinputparnappr input{padding:2px;border-radius: 5px;text-align: right;}
#tbinputparnappr td, #tbinputpar th{padding:5px;}
#tbinputparnappr td.tdlabel{font-weight:bold;}
#tbinputparnappr td{vertical-align:top;}

#tbinputparnok{background:#F4F4F4;border:#CCCCCC 1px solid;}
#tbinputparnok th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#tbinputparnok th.ths{text-align:right;}
#tbinputparnok input{padding:2px;border-radius: 5px;text-align: right;}
#tbinputparnok td, #tbinputpar th{padding:5px;}
#tbinputparnok td.tdlabel{font-weight:bold;}
#tbinputparnok td{vertical-align:top;}


#tbinputpar{background:#F4F4F4;border:#CCCCCC 1px solid;}
#tbinputpar th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#tbinputpar th.ths{text-align:right;}
#tbinputpar input{padding:2px;border-radius: 5px;text-align: right;}
#tbinputpar td, #tbinputpar th{padding:5px;}
#tbinputpar td.tdlabel{font-weight:bold;}
#tbinputpar td{vertical-align:top;}

#voucherbelanja0{background:#F4F4F4;border:#CCCCCC 1px solid;}
#voucherbelanja0 th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#voucherbelanja0 th.ths{text-align:right;}
#voucherbelanja0 input{padding:2px;border-radius: 5px;text-align: right;}
#voucherbelanja0 td, #voucherbelanja th{padding:5px;}
#voucherbelanja0 td.tdlabel{font-weight:bold;}
#voucherbelanja0 td{vertical-align:top;}

#voucherbelanja1{background:#F4F4F4;border:#CCCCCC 1px solid;}
#voucherbelanja1 th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#voucherbelanja1 th.ths{text-align:right;}
#voucherbelanja1 input{padding:2px;border-radius: 5px;text-align: right;}
#voucherbelanja1 td, #voucherbelanja th{padding:5px;}
#voucherbelanja1 td.tdlabel{font-weight:bold;}
#voucherbelanja1 td{vertical-align:top;}

#detvoucherbelanja{background:#F4F4F4;border:#CCCCCC 1px solid;}
#detvoucherbelanja th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#detvoucherbelanja th.ths{text-align:right;}
#detvoucherbelanja input{padding:2px;border-radius: 5px;text-align: right;}
#detvoucherbelanja td, #detvoucherbelanja th{padding:5px;}
#detvoucherbelanja td.tdlabel{font-weight:bold;}
#detvoucherbelanja td{vertical-align:top;}

#detscan{background:#F4F4F4;border:#CCCCCC 1px solid;}
#detscan th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#detscan th.ths{text-align:right;}
#detscan input{padding:2px;border-radius: 5px;text-align: right;}
#detscan td, #detvoucherbelanja th{padding:5px;}
#detscan td.tdlabel{font-weight:bold;}
#detscan td{vertical-align:top;}

#sodexho{background:#F4F4F4;border:#CCCCCC 1px solid;}
#sodexho th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#sodexho th.ths{text-align:right;}
#sodexho input{padding:2px;border-radius: 5px;text-align: right;}
#sodexho td, #voucherbelanja th{padding:5px;}
#sodexho td.tdlabel{font-weight:bold;}
#sodexho td{vertical-align:top;}

#detsodexho{background:#F4F4F4;border:#CCCCCC 1px solid;}
#detsodexho th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#detsodexho th.ths{text-align:right;}
#detsodexho input{padding:2px;border-radius: 5px;text-align: right;}
#detsodexho td, #detvoucherbelanja th{padding:5px;}
#detsodexho td.tdlabel{font-weight:bold;}
#detsodexho td{vertical-align:top;}

#tbsodexho{background:#F4F4F4;border:#CCCCCC 1px solid;}
#tbsodexho th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#tbsodexho th.ths{text-align:right;}
#tbsodexho input{padding:2px;border-radius: 5px;text-align: right;}
#tbsodexho td, #tbinputpar th{padding:5px;}
#tbsodexho td.tdlabel{font-weight:bold;}
#tbsodexho td{vertical-align:top;}

#tbinputparks{background:#F4F4F4;border:#CCCCCC 1px solid;}
#tbinputparks th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#tbinputparks th.ths{text-align:right;}
#tbinputparks input{padding:2px;border-radius: 5px;text-align: right;}
#tbinputparks td, #tbinputpar th{padding:5px;}
#tbinputparks td.tdlabel{font-weight:bold;}
#tbinputparks td{vertical-align:top;}

#tbsetbank{background:#F4F4F4;border:#CCCCCC 1px solid;}
#tbsetbank th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#tbsetbank th.ths{text-align:right;}
#tbsetbank input{padding:4px;border-radius: 5px;}
#tbsetbank td, #tbinputpar th{padding:5px;}
#tbsetbank td.tdlabel{font-weight:bold;}
#tbsetbank td{vertical-align:top;}

#tbinputparnoncom{background:#F4F4F4;border:#CCCCCC 1px solid;}
#tbinputparnoncom th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#tbinputparnoncom th.ths{text-align:right;}
#tbinputparnoncom input{padding:4px;border-radius: 5px;}
#tbinputparnoncom td, #tbinputpar th{padding:5px;}
#tbinputparnoncom td.tdlabel{font-weight:bold;}
#tbinputparnoncom td{vertical-align:top;}

#tbinputdenom{background:#F4F4F4;border:#CCCCCC 1px solid;}
#tbinputdenom th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#tbinputdenom th.ths{text-align:right;}
#tbinputdenom input{padding:2px;border-radius: 5px;width: 70px;}
#tbinputdenom td, #tbinputdenom th{padding:5px;}
#tbinputdenom td.tdlabel{font-weight:bold;}
#tbinputdenom td{vertical-align:top;}

#tab_ks{background:#F4F4F4;border:#CCCCCC 1px solid;}
#tab_ks th{background:#EDEDED;height:25px;text-align:left;font-size:15px;font-weight:bolder;}
#tab_ks th.ths{text-align:right;}
#tab_ks input{padding:2px;border-radius: 5px;}
#tab_ks td, #tbinputpar th{padding:5px;}
#tab_ks td.tdlabel{font-weight:bold;}
#tab_ks td{vertical-align:top;}


.bintang{color:#FF0000;font-size: 10px;}
#inp_type{width:400px;}
#trprevapp div{padding:2px;text-align:center}
#trprevapp div.dvappket{font-weight:bold;}
#trprevapp td.xmengetahui, #trprevapp td.xmenyetujui{background-image:url(../img/whitearrow.gif);background-position:left center; background-repeat:no-repeat;}
.ui-datepicker-week-end, .ui-datepicker-week-end a.ui-state-default {
    color: #F23126;
}

#footer {
    background: #414141 none repeat scroll 0 0;
    border: 1px solid #414141;
    border-radius: 3px;
    clear: left;
    height: 20px;
    padding-top: 0;

    text-align: center;
    width: 100%;
}

#lov
{
	text-align:left;
	background-color:#fff;
	border-top:#fff;
	padding:5px;
}

#lov_key{padding:2px;}

#lov_result
{
	width:inherit;
	border:#999 solid 1px;
	height:400px;
	overflow-y:scroll;
}
#lov_foot{text-align:right;}
#tblov_result thead tr th{background:#F2F2F2;border:1px solid #CCC;padding:1px;}
#tblov_result tbody tr{cursor:pointer;}
#tblov_result tbody tr.trhover{background:#3399FF; color:#FFFFFF;}

#tbl_app
{
	margin: 0px auto;

}



#tbl_his
{
	margin: 0px auto;
	width:600px;
	border:#999 solid 1px;
}


@media only screen and (max-width: 1024px) {
    /* Desktop, Tablet & Mobile. */
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Desktop & Tablet */
}
@media only screen and (max-width: 767px) {
    /* Tablet (Portrait) */
}
@media only screen and (min-wdth: 480px) and (max-width: 767px) {
    /* Tablet (Portrait) & Mobile (Landscape) */
}
@media only screen and (max-width: 479px) {
    /* Mobile */
}

.column {
    float: left;
    margin: 20px;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

.column_compare {
    float: left;
    margin: 10px;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

.column_right {
    float: right;
    margin: -20px;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

.column_upload {
	
    margin-top: 50px;
}

input.datepicker {
  text-transform: uppercase;
}

fieldset {
	border:1px solid #999;
	border-radius:8px;
	
}

/*menu dropdown */

#primary_nav_wrap
{
	margin-top:15px
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd
}

#primary_nav_wrap ul li:hover
{
	background:#f6f6f6
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}

.verticalLine {
    border-left: thick solid #ff0000;
}

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    width:auto;
}

#link_reset {

 	border-radius: 5px;
    background: #4caf50;
    padding-top: 10px;
    padding-bottom: 10px;
    width: auto;
    font: tahoma;
    font-size:12px;
    font-weight : bold;
    margin: 10px;
    padding: 10px;
    text-align: center;
    
    /*border-radius: 25px;
    background: #9FEDF0;
   text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 200px;
    font-size:15px;
    font-weight : bold;
    margin: auto;
    padding: 10px;*/
} 


a:link {
    color: black;
    text-decoration: none;
}