iframe{
	width:100%;
	height:100%;
	margin-bottom:-2px;
}

.search-form{
	margin:0px;
	padding:0px;
}

#right-container {
	width: 88%;
}

#right-container .ftitle_blue {
	background: "#0080FF";
	margin-left: 0px;
	padding: 5px 0px;
	/*padding: 5px 0px; 5px 0px;*/
}

#right-container {
    width: 88%;
}

.ftitle_blue .bold{
	font-size:16px; font-weight:bold;
}

.ftitle_blue .small{
	font-size:12px; font-weight:normal;
}

#cmb_ftitle_template_atas {
	width:75px;
}

#cmb_ftitle_template_bawah {
	width:150px;
}

input,textarea {
  border: 1px solid #95B8E7;
  vertical-align: middle;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Blinking Text <<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
span.blink {
	font-weight:bold;
	font-size:12px;
	color:red;
	-webkit-animation: blink 1s linear infinite; /* Chrome, Safari, Opera */
	-moz-animation: blink 1s linear infinite; /*Firefox*/
    animation: blink 1s linear infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes blink {
    from {color: red;}
    to {color: black;}
}

/* Firefox */
@-moz-keyframes blink {
    from {color: red;}
    to {color: black;}
}

/* Standard syntax */
@keyframes blink {
    from {color: red;}
    to {color: black;}
}

/*****************************STYLE DISABLED*********************************/

.disabled{
	background:#F0F0F0;
}

.form-suspend{
	display:inline-block;
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
	vertical-align:top;
}

.form-suspend .input{
	display:inline-block;
	width:16px;
	height:16px;
	line-height:16px;
	position:absolute;
	top:50%;
	margin-top:-7px;
	font-size:1px;
}

.form-suspend .text{
	display:inline-block;
	vertical-align:top;
	width:auto;
	line-height:24px;
	font-size:11px;
	padding:0;
	margin:2px 4px 0 24px;
}

[editable="false"][disabled] + span > *{
	background-color:#EBEBE4 !important;
	color:#545454;
}
[editable="false"][readonly] + span > *{
	background:#EBEBE4;
	color:#545454;
}
.validatebox-invalid[onClick][readonly]{
	background-color:#FFFF99 !important;
}
[onClick][readonly]{
	background-color:#FFFFFF;
	color:#000000;
	cursor:pointer;
}
[readonly]{
	background-color:#EBEBE4;
	color:#545454;
}
.validatebox-invalid[readonly]{
	background-color:#FFFF99;
}
[editable="false"] + span > *{
	background-color:#FFFFFF;
}
.validatebox-invalid[editable="false"] + span > *{
	background-color:#FFFF99;
}
[type="checkbox"][readonly], [type="radio"][readonly]{
	opacity:0.7;
}

table td [class^='datebox-'] + span > .validatebox-invalid, table td [class^='combo-'] + span > .validatebox-invalid{
	background-color: #FFFF99 !important;
}

table td [class^='datebox-'] + span > [readonly], table td [class^='combo-'] + span > [readonly]{
	background-color: #FFFFFF;
}

table td [class^='datebox-'] + span > [disabled], table td [class^='combo-'] + span > [disabled]{
	background-color: #EBEBE4;
	color:#545454;
}

.tr-divider{
	border:gray 1px solid;
	margin:5px 0px 5px;
}

.blanket{
	display:block;
	background:#000;
	opacity:0.5;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	position:absolute;
	z-index:100;
	text-align:center;
}
.status-box{
	background:#FFF;
	border:#F00 1px solid;
	position:absolute;
	z-index:101;
	padding:7px 15px;
	top:75%;
	
	color:#F00;
	font-size:40px;
}
.suspend-box{
	background:#FFF;
	border:#F00 1px solid;
	width:285px;
	position:relative;
	top:40%;
	z-index:101;
	padding:10px 20px;
	margin:auto;
	
	color:#F00;
	font-size:46px;
	
	-ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
}
.cancel-box{
	background:#FFF;
	border:#F00 1px solid;
	width:230px;
	position:relative;
	top:75%;
	z-index:101;
	padding:10px 20px;
	margin:auto;
	
	color:#F00;
	font-size:25px;
	
	-ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
}
.finished-box{
	background:#FFF;
	border:#F00 1px solid;
	width:230px;
	position:absolute;
	top:40%;
	left:40%;
	z-index:101;
	padding:10px 20px;
	margin:auto;
	
	color:#F00;
	font-size:46px;
	
	-ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
}
.paid-box{
	background:#FFF;
	border:#F00 1px solid;
	width:150px;
	position:absolute;
	top:75%;
	left:40%;
	z-index:101;
	padding:10px 20px;
	margin:auto;
	
	color:#F00;
	font-size:30px;
	
	-ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
}

.clear{
	clear:both;
}

/* About */
@font-face{
	font-family:'RobotoCondensed';
	src:url(../../../assets/custom/fonts/RobotoCondensed-Regular.ttf);
}
#dlg_about{
	width:280px;
	
	background:#F0F0F0;
	/*font-family:RobotoCondensed;*/
}
#about-background{
	background-color:#09F;
	width:305px;
	height:265px;
	margin:5px;
	position:absolute;
	z-index:1;
}
#about-header{
	border:#000 1px solid;
	background-color:#FFF;
	width:620px;
	padding:5px 0px;
	text-align:center;
	font-size:28px;
	position:relative;
	z-index:2;
}
#about-body{
	background:#F0F0F0;
	width:270px;
	height:260px;
	
	position:relative;
	z-index:2;
	font-size:14px;
}
#body-apps{
	width:260px;
	float:left;
	background:#F0F0F0;
}
#body-thanks{
	width:304.5px;
	float:left;
}
#about-footer{
	border:#000 1px solid;
	background-color:#FFF;
	width:620px;
	padding:2px 0px;
	position:relative;
	z-index:2;
}
#footer-copyright{
	width:456px;
	float:left;
}
#footer-link{
	float:right;
}
.about-separator{
	background-color:#000;
	width:1px;
	margin:0px 5px;
	float:left;
}
/* End of About */

#approval_information{
	color:#F00;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

.datagrid-header-rownumber{
	width:50px;
}
.datagrid-cell-rownumber{
	width:50px;
}

/*===== ADDED DHIDHIK 07-12-2015============ */
.Chk{
    float:left;
}
.LblStatus{                        
    float: left;
    margin-bottom: 1px;
}

/*============== Status Waiting For DP ======================================================*/
.chkActive:checked ~ .LblActive{
    background-color: #e9c8c8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #e9c8c8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #e9c8c8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #e9c8c8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #e9c8c8); /* Standard syntax */
    color: #491d1d;
    text-shadow: 0.4px 0.4px #ffffff;
    border: 1px solid #e2b6b6;
    background-size: 100%;
    border-radius: 2px;
    padding: 3px;
    width: 78%;
    display: block;
}
.LblActive{
    padding-top: 3px;
    background-color: none;
    background: none;
    background-size: 0px;
    border: none;
    display: inline-block;
    width: border-box; 
    transition: all ease-in-out 0.30s;
}


/*============== Status Waiting For DP ======================================================*/
.chkWaiting:checked ~ .LblWaiting{
    background-color: #e9c8c8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #e9c8c8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #e9c8c8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #e9c8c8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #e9c8c8); /* Standard syntax */
    color: #491d1d;
    text-shadow: 0.4px 0.4px #ffffff;
    border: 1px solid #e2b6b6;
    background-size: 100%;
    border-radius: 2px;
    padding: 3px;
    width: 78%;
    display: block;
}
.LblWaiting{
    padding-top: 3px;
    background-color: none;
    background: none;
    background-size: 0px;
    border: none;
    display: inline-block;
    width: border-box; 
    transition: all ease-in-out 0.30s;
}
/*============== End Status Waiting For DP ======================================================*/

/*============== Status On Progress ======================================================*/
.chkOnProg:checked ~ .LblOnProg{
    background-color: #f3e28b; /*ccebff For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #f3e28b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #f3e28b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #f3e28b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #f3e28b); /* Standard syntax */
    color: #453b07;
    text-shadow: 0.4px 0.4px #ffffff;
    border: 1px solid #eed75e;
    background-size: 100%;
    border-radius: 2px;
    padding: 3px;
    width: 78%;
    display: block;
}
.LblOnProg{
    padding-top: 3px;
    background-color: none;
    background: none;
    background-size: 0px;
    border: none;
    display: inline-block;
    width: border-box; 
    transition: all ease-in-out 0.30s;
}
/*============== End Status On Progress ======================================================*/

/*============== Status Finished ======================================================*/
.chkFinished:checked ~ .LblFinished{
    background-color: #dff0d8; /*99ff99  For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #b4dca3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #b4dca3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #b4dca3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #b4dca3); /* Standard syntax */
    color: #196600;
    text-shadow: 0.4px 0.4px #ffffff;
    border: 1px solid #5cd65c;
    background-size: 100%;
    border-radius: 2px;
    padding: 3px;
    width: 78%;
    display: block;
}
.LblFinished{
    padding-top: 3px;
    background-color: none;
    background: none;
    background-size: 0px;
    border: none;
    display: inline-block;
    width: border-box; 
    transition: all ease-in-out 0.30s;
}
/*============== End Status Finished ======================================================*/

/*============== Status Suspended ======================================================*/
.chkSuspended:checked ~ .LblSuspended{
    background-color: #ff99cc; /*ff9999  For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #ff99cc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #ff99cc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #ff99cc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #ff99cc); /* Standard syntax */
    color: #5b2424;
    text-shadow: 0.4px 0.4px #ffffff;
    border: 1px solid #ff80bf;
    background-size: 100%;
    border-radius: 2px;
    padding: 3px;
    width: 78%;
    display: block;
}
.LblSuspended{
    padding-top: 3px;
    background-color: none;
    background: none;
    background-size: 0px;
    border: none;
    display: inline-block;
    width: border-box; 
    transition: all ease-in-out 0.30s;
}
/*============== End Status Finished ======================================================*/

/*============== Status Need App. Mgr. ======================================================*/
.chkNAM:checked ~ .LblNAM{
    background-color: #abd7ed; /*ffb74d  For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #abd7ed); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #abd7ed); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #abd7ed); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #abd7ed); /* Standard syntax */
    color: #0d2f3f;
    text-shadow: 0.4px 0.4px #ffffff;
    border: 1px solid #81c3e4;
    background-size: 100%;
    border-radius: 2px;
    padding: 3px;
    width: 78%;
    display: block;
}
.LblNAM{
    padding-top: 3px;
    background-color: none;
    background: none;
    background-size: 0px;
    border: none;
    display: inline-block;
    width: border-box; 
    transition: all ease-in-out 0.30s;
}
/*============== End Status Need App. Mgr. ======================================================*/

/*============== Status Need App. Dir. ======================================================*/
.chkNAD:checked ~ .LblNAD{
    background-color: #bf80ff; /*a2dcd2  For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #bf80ff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #bf80ff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #bf80ff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #bf80ff); /* Standard syntax */
    color: #26004d;
    text-shadow: 0.4px 0.4px #ffffff;
    border: 1px solid #b266ff;
    background-size: 100%;
    border-radius: 2px;
    padding: 3px;
    width: 78%;
    display: block;
}
.LblNAD{
    padding-top: 3px;
    background-color: none;
    background: none;
    background-size: 0px;
    border: none;
    display: inline-block;
    width: border-box; 
    transition: all ease-in-out 0.30s;
}
/*============== End Status Need App. Dir. ======================================================*/

/*============== Status Need App. Dir. & Mgr ======================================================*/
.chkNAD_M:checked ~ .LblNAD_M{
    background-color: #fff; /*ffff66  For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #fff); /* Standard syntax */
    color: #333333;
    text-shadow: 0.4px 0.4px #ffffff;
    border: 1px solid #f2f2f2;
    background-size: 100%;
    border-radius: 2px;
    padding: 3px;
    width: 78%;
    display: block;
}
.LblNAD_M{
    padding-top: 3px;
    background-color: none;
    background: none;
    background-size: 0px;
    border: none;
    display: inline-block;
    width: border-box; 
    transition: all ease-in-out 0.30s;
}
/*============== End Status Need App. Dir. & Mgr ======================================================*/

/*============== Status Need App. Limit ======================================================*/
.chkNAL:checked ~ .LblNAL{
    background-color: #ccc; /*d9ff66  For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #ccc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #ccc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #ccc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #ccc); /* Standard syntax */
    color: #262626;
    text-shadow: 0.4px 0.4px #ffffff;
    border: 1px solid #b3b3b3;
    background-size: 100%;
    border-radius: 2px;
    padding: 3px;
    width: 78%;
    display: block;
}
.LblNAL{
    padding-top: 3px;
    background-color: none;
    background: none;
    background-size: 0px;
    border: none;
    display: inline-block;
    width: border-box; 
    transition: all ease-in-out 0.30s;
}
/*============== End Status Need App. Limit ======================================================*/

/*============== Status  Cancel by Dir ======================================================*/
.chkCancelDir:checked ~ .LblCancelDir{
    background-color: #ff99cc; /*ff80b3  For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #ff99cc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #ff99cc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #ff99cc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #ff99cc); /* Standard syntax */
    color: #5b2424;
    text-shadow: 0.4px 0.4px #ffffff;
    border: 1px solid #ff80bf;
    background-size: 100%;
    border-radius: 2px;
    padding: 3px;
    width: 78%;
    display: block;
}
.LblCancelDir{
    padding-top: 3px;
    background-color: none;
    background: none;
    background-size: 0px;
    border: none;
    display: inline-block;
    width: border-box; 
    transition: all ease-in-out 0.30s;
}
/*============== End Status Cancel by Dir ======================================================*/

.marginBottom_0{
    margin-bottom:0px;
}
.borderRadius2px{
    border-radius: 2px;
}
.sitemapEdit{
    left: 0px;
    padding: 25px 0px 25px 0px;
    margin: 0px;
}
.formInput{
    padding-left: 3px;
    border-radius: 2px;
    height:20px !important;
}
.formTextarea{
    padding-left: 3px;
    border-radius: 2px;
}
#table-report tr td{
    border:0px;
}
#tableHeader{
    border-bottom: 3px solid #000000;
}
.linkParentTab{
    text-decoration: none;
    color:#0077b3 ;//red
    font-family: Arial;
    font-style: normal;
    background-color: transparent;
    vertical-align: Top;
}
.linkParentTab:hover{
    color:#0000ff ;//orange
    text-decoration: underline;
    cursor:pointer;
}
.hrTableSummary{
    margin:3px 0px 3px 0px ;
}
 //==== legend grid item ===//
#legend-grid-item{
    /*max-width: 30%;*/
    width: 200px;
    margin: 7px 0px 7px 7px ;
    border: 1px #b3b3b3 solid;
    border-radius: 3px;
    float: right;
    color: #808080;
}
.legend-header{
    width: 200px;
    padding: 5px;
    border: 1px #b3b3b3 solid;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px #b3b3b3 solid;
    /*background-color:#f5f5f0;*/
    background: -webkit-linear-gradient(#f0f5f5, #f5f5f0, #ebebe0);
    background: -o-linear-gradient(#f0f5f5, #f5f5f0, #ebebe0);
    background: -moz-linear-gradient(#f0f5f5, #f5f5f0, #ebebe0);
    background: linear-gradient(#f0f5f5, #f5f5f0, #ebebe0);
    color: #808080;
    /*font-size: initial;*/
    font-weight: bold;
    text-align: center;
}
.legend-content{
    width: 200px;
    padding: 5px;
    border-radius: 0 0 3px 3px; 
    border: 1px #b3b3b3 solid; 
    background-color: transparent;
    color: #808080;  
    text-align: left;
}
.legend-boxbg{
    width: 14px;
    height: 14px;
    margin: 3px 10px 3px 3px;
    float: left;
}
.legend-label{
    height: 10px;
    margin: 3px;
    float: left;
}
 //==== end legend grid item ===//
/*=====END ADDED DHIDHIK 07-12-2015============ */

/*
	Fachri 25/05/2016
*/
html, body{
	height: 100%;
}
.main{
	height: 90%;
}
.main-content{
	padding: 20px;
}
		
.mainpage_nav ul{
    list-style:none;
    margin:0;
    padding:0;
}
.mainpage_nav ul li{
    position:relative;
}
.mainpage_nav ul li a{
    display:block;
    text-decoration:none;
    padding:6px 5px;
    background-color:#F8F8F8;
    color:#000;
    overflow:hidden;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-color: #CCC;
}
.mainpage_nav ul li a span{
    margin-left:25px;
    display:block;
}
.mainpage_nav ul li.parent a span{
    display:inline-block;
    margin-left:45px;
}

.mainpage_nav ul li a.active{
    color:#333;
    background-repeat: repeat;
}
.mainpage_nav ul li a img{
    display:inline-block;
    vertical-align:middle;  
    margin:-3px 2px 0 0;
    float:left;
}

#quick-navigation::-webkit-scrollbar { 
    display:none;
}
#box_xlarge_{
	margin-top:20px;
	margin-left:10px;
}

#box_large{
	margin-top:10px;
	margin-left:10px;
}
#box_field{
	border:dotted 1px #BBB;
	width:300px;
	border-radius: 15px;
}
#box_field legend{
	font:"Arial Black", Gadget, sans-serif;
	font-size:15px;
}
#link_id{
	cursor:pointer;
}
/*==============END=================*/

