@import url('fonts/roboto.css');

textarea{
    resize:none;
    font-size: 12px;
    border: 1px solid #CCCCCC !important;
    padding: 3px 5px !important;
}

*{border-radius: 0 !important;}

body{ 
	width: 100%;
    font-family: 'RobotoLight', RobotoMedium !important;
	background-color:#F1F1F1;

    background-image: url('../images/background.jpg');
    background-repeat: repeat;

    /*BACKGROUND IMAGE*/
	/*background-image: url('../images/main_bg.jpg'); 
    background-repeat: no-repeat;
    background-size: cover;*/

    /*BACKGROUND CSS GRADIENT - JOEL*/
    /*background:#6B82A4;
    background:-webkit-radial-gradient(center, circle, #6B82A4 5%, #35415B 45%, #0A0919 100%);
    background:-moz-radial-gradient(center, circle, #6B82A4 5%, #35415B 45%, #0A0919 100%);
    background:-o-radial-gradient(center, circle, #6B82A4 5%, #35415B 45%, #0A0919 100%);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0, finishopacity=100, style=2);
    height:auto;*/
}

.avoid-clicks {
  pointer-events: none;
}

.head-small{
    padding: 3px 10px 1px 10px !important;
    /*background-color: #1A82C3 !important;*/
}

/*TREE_VIEW STYLE*/
.treeview .list-group .list-group-item{
    color: #000 !important;
    font-family: cambria;
}
.treeview .list-group .node-selected{
    color: #FFF !important;
}

.list-group-item{ padding: 4px 15px;}.list-group .list-group-item:hover{ 
    background-color: #E8E8E9; 
    color: #225295; /*#225295*/
    font-weight: bold;
}

.addon-login{
    font-size: 11px; 
    min-width: 38px !important;
}

.judul-addon{
    font-size: 12.9px; 
    min-width: 110px !important;
}

.addon-kecil{
    font-size: 12.9px;
    /*min-width: 110px !important;*/
}

.addon-kecil-btn{
    min-width: 35px !important;
}

.addon-cilik{
    height: 25px !important;
    padding: 4px 8px;
    font-size: 12.9px;
}

/*.navbar li a:hover{
    cursor: pointer !important;
}*/

.panel-bodyorganisasi {
    padding: 15px
}

input[type="checkbox"] {
    cursor: pointer;
}

.checkbox label:hover{
    color:#0099CC;
}

.action span{ 
    cursor: pointer; 
    font-size: 16.5px;
    padding: 0px 6px;
}
.action span:hover{color:#0099CC;}

tr.hijau td{
    background-color: #8af460;
}

tr.kuning td{
    background-color: #f9f697;
}

tr.merah td{
    background-color: #f75338;
}

.isbold{
    font-weight: bold;
}
.legenda_tbl{
    position: absolute !important;
    font-size: 10px !important;
    float: left !important;
}.pooter{
    width:100%;
    height: auto;
    position:fixed;
    bottom:0;
    font-size: 11px; 
    background-color: #2A3F54; 
    /*background-image: url('../images/panel_bg.png');*/
    padding: 5px 10px; 
    color: #FFF;
    border-top: 1px solid #606060;
    left:0;
    right:0;
}

.pooter>div>img{
    max-height: 34px;
}

.uppercase{text-transform: uppercase !important;}

input {border: 1px solid #CCCCCC !important;}

a {text-decoration:none !important; color:#000;}

.kontener{
    position: relative;
    height: auto;
}

.header-top{
	top: 0;
	width: 100%;
	position: fixed;
	height: 40px;
	padding: 8px 10px;
	font-size: 18px;
	color: #FFF;
	background-color: #001941; /*#001941*/
	vertical-align: middle;
	z-index: 2050;
}

.navbar-inverse>img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    opacity: 0.2;
}

.header-top>.login-top{
	font-size: 12px;
	color:#FFF;
	padding-top:3px;
}

.navbar-collapse>ul>li{
	text-align: center !important;
	vertical-align: middle;
}

.navbar-collapse>ul>li>a,
.navbar-collapse>ul>li>span{
    font-weight: bold;
	text-align: center !important;
	font-size: 14px;
	padding-bottom: 2px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
    color: #9d9d9d;
    cursor: pointer;
}

.navbar-collapse>ul>li>a>i,
.navbar-collapse>ul>li>span>i{
	display: inline-block;
    
}

.navbar-collapse>ul>li>a>i.icon-large,
.navbar-collapse>ul>li>span>i.icon-large{
	width: 38px;
	padding: 3px;
	border: 1px solid #9d9d9d; /*WARNA BORDER MENU*/
	font-size: 28px;
}

.navbar-collapse>ul>li>a>i.icon-large:hover,
.navbar-collapse>ul>li>span>i.icon-large:hover{
	border: 1px solid #FFF;
}

.konten{
	height: auto;
	padding: 0px 10px;
	padding-bottom: 100px;
}

.radio-inline{
    padding-top: 0px !important;
}

.radio-inline>label{
    font-weight: normal !important;
    cursor: pointer;
}

.konten>.isi-home{
    min-height: 407px;
	text-align:center;
	vertical-align: middle;
	padding-top:5%;
}

.konten>.isi-home>img{
	max-width: 120px;
	padding-bottom: 10px;
}

.header-konten{
    /*background-image: url('../images/bgatas.gif');*/
    background-color: #F6F6F6;
    color: #153D60; /*#003366*/
    width: 100%;
    height: 40px;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #A8B2BB;
}

.isi-konten{
    display: inline-block;
    width: 100%;
    /*min-height:100%;*/
    /*height: 100%;*/
    padding: 4px 0px;
    font-size: 13px;
    /*background-color: #F3F3F3;*/
    background-image: url('../images/background.jpg');
    border-top:     1px solid #FFF;
}

.home-judul{
	font-size: 18px;
	font-weight: bold;
	color: #404040;
}

.input-tabel{
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0px 2px !important;
    /*height: 25px !important;*/
    height: 100%;
}

.input-tabel:focus { 
    outline: none !important;
    border:1px solid #EDEDED !important;
    box-shadow: 0 0 10px #719ECE !important;
    background: #ffffff !important;
}

.input-dlm-tabel{
    border: 1px solid transparent !important;
    width: 100%;
    background: transparent !important;
    padding-left: 2px;
}

.kanan{ text-align: right !important; }

.input-dlm-tabel:focus{
    box-shadow: 0px 0px 3px #037DB0 !important;
    background: #ffffff !important;
}

.batas-atas{ margin-top:6px !important;}

.judul-tabel{
    float: left;
    position: absolute;
    font-weight: bold;
}

.selek-bulan{
    float: left;
    position: absolute;
    max-width: 200px;
    margin-top: 5px;
    z-index: 1;
}

.buttun-setuju{
    margin-top: 30px;
    width: 100%;
}

.kotak-setuju{
    border:1px solid#797C80;
    padding: 10px 0px;
    margin-bottom: 10px;
}

.garis-batas{
    border:1px solid#797C80;
    margin: 4px 0px 5px 0px !important;
}

.batas-bawah{ margin-bottom: 5px !important;}

.dropdown-menu{
    font-size: 11.3px;

    z-index: 1100 !important;
}
.drp-menu{
    padding: 0px;
}

.checkbox_skpd{
    cursor: pointer;
}

.drp-menu li a{
    font-size: 12.8px;
    margin: 3px;
    padding: 3px 5px !important;
    background-color: #D8D8D8 !important;
    color: #001941;
    cursor: pointer;
}

.drp-menu li a:hover{
    background-color: #153D60 !important;
}

.dropdown-menu>li>a{
    color: #001941;
}

.stdtable {
    background-color: #FFF;
}
.stdtable > thead > tr > th{
    background-color: #EDEDED !important;
}

.style-tabel{
    /*font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;*/
    font-size: 12px;
}

/*LOGIN form ============================================================================================= */
.form-login{
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    box-shadow: 5px 5px 10px #8fb2bc;
}

.header-login{
    font-size: 20px;
    border-bottom: 1px solid #888888;
    padding-bottom: 10px;
}

.body-login{
    margin: 15px 0px;
    padding-bottom: 15px;
}

.body-login .body-kiri{
    border-right: 1px solid #888888;
    padding-left: 0px;
    text-align: center;
}

.body-login .body-kiri img{
    width: 135px;
    margin-bottom: 10px;
}

.body-login .body-kanan{
    padding-right: 0px;
}

.form-login input[type="text"],
.form-login input[type="email"],
.form-login input[type="password"]{
    font-size: 12px;
}




.login-style{
	margin-top: 30px;
	padding-bottom: 37px;
}

.login_content {
    margin: 0 auto;
    padding: 25px 0 0;
    position: relative;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    /*min-width: 280px;*/
}
.login_content h1 {
    font: normal 25px Helvetica, Arial, sans-serif;
    letter-spacing: -0.05em;
    line-height: 20px;
    margin: 10px 0 30px;
}
.login_content h1:before,
.login_content h1:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 10px;
    width: 27%;
}
.login_content h1:after {
    background: rgb(126,126,126);
    background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    right: 0;
}
.login_content h1:before {
    background: rgb(126,126,126);
    background: -moz-linear-gradient(right,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    left: 0;
}
.login_content h1:before,
.login_content h1:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 10px;
    width: 20%;
}
.login_content h1:after {
    background: rgb(126,126,126);
    background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    right: 0;
}
.login_content h1:before {
    background: rgb(126,126,126);
    background: -moz-linear-gradient(right,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    left: 0;
}
.login_content form { margin: 20px 0; position: relative }
.login_content form input[type="text"],
.login_content form input[type="email"],
.login_content form input[type="password"],
.login_content form select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #c8c8c8;
    color: #777;
    margin: 0 0 20px;
    width: 100%;
}

.login_content form input[type="text"],
.login_content form input[type="email"],
.login_content form input[type="password"]{
    font-size: 12px;
}

.login_content form input[type="text"]:focus,
.login_content form input[type="email"]:focus,
.login_content form input[type="password"]:focus,
.login_content form select:focus {
    -webkit-box-shadow: 0 0 2px #AA77B4 inset;
    -moz-box-shadow: 0 0 2px #ed1c24 inset;
    -ms-box-shadow: 0 0 2px #ed1c24 inset;
    -o-box-shadow: 0 0 2px #ed1c24 inset;
    box-shadow: 0 0 2px #A97AAD inset;
    background-color: #fff;
    border: 1px solid #A878AF;
    outline: none;
}
}
#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }
.login_content form div a {
    font-size: 12px !important;
    margin: 10px 15px 0 0;
}

.login_content div .reset_pass{margin-top: 13px !important; margin-right: 39px; float: right;}
.separator{border-top: 1px solid #858585;
           margin-top: 10px;
           padding-top: 10px;}

.login_content form input[type="submit"],#content form .submit{float: left; margin-left: 38px;}

/*LOGIN form END ========================================================================================= */
/*SELECT STYLE =========================================================================================== */
select {
    /*font-family: 'RobotoCondensed', Verdana, Arial, Helvetica, sans-serif !important;*/
	background: #ffffff;
	border: 1px solid #CCCCCC;
	padding: 7px;
	min-width: 100px;
	max-height: 33px;
	width: 100%;
	background: #F8F8F8 none no-repeat;
  	line-height: auto;
  	margin: 0;
  	cursor: pointer;
  	color:#797C80 !important;
  	font-size: 13px;
}

@media screen and (min-width:0) {
  /* for relatively modern browsers including IE 8+ */
  select {
    border-radius: 4px;
    background-image: url("../images/arrow-down.png");
    background-position: -50px -50px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* for Webkit */
  select {
    -webkit-appearance: none;
    background-position: right center;
    padding: 3px 32px 3px 5px;
  }
}

@-moz-document url-prefix() {
  /* for Firefox */
  select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    background-position: right center;
    padding-right: 16px;
  }
  
  /* hides the dotted outline on focus in FF (See SO#3773430) */
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* for IE10+ */
  select::-ms-expand {
    display: none;
  }
  select {
    background-position: right center;
    padding-right: 30px;
  }
}
/*END SELECT =============================================================================================== */

/*MODAL CSS STYLE ========================================================================================== */
.modal-header{
    background-color: #153D60;
    color: #FFF;
    border-bottom: 1px solid #001941;
}
.modal-header>button{color: #FFF; opacity: 2;}

.modal-body{
    font-size: 12.9px;
}
/*END MODAL CSS STYLE ========================================================================================== */

.style-akses{
    border:1px solid #D8D8D8;
    padding: 5px;
    background-color: #F8F8F8;
}

.style-akses-header{
    border-bottom: 1px solid #D8D8D8;
}

#tabel-hak-akses{
    border: 1px solid #D8D8D8;
    height: 200px; 
    padding: 0px;
}

.selek-style{
    padding: 4px 2px;
    min-height: 30px;
    background-color: #FFF;
    font-size: 13px;
    color: #333 !important;
}

.garis-bawah{
    border-bottom: 1px solid #838589;
    margin-bottom: 10px;
}

.baten{
    background-color: #1A82C3;
    color: #FFF;
    border: none;
}
.baten:hover{
    background-color: #183F62;
}

/***** 19. STANDARD TABLES STYLES *****/
/**************************************/
.stdtable { width: 100%;}
.stdtable .con0 { background: #fff; }
.stdtable .con1 { background: #fcfcfc; }
.stdtable th, .stdtable td { line-height: 21px; vertical-align: middle; color: #333; }
.stdtable thead th, .stdtable thead td { 
    padding: 7px 10px; border: 1px solid #CCCCCC; border-left: 0; 
    text-align: left; 
}
.stdtable tfoot th, .stdtable tfoot td { padding: 7px 10px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: left; }
.stdtable thead th:first-child, .stdtable tfoot th:first-child,
.stdtable thead td:first-child, .stdtable tfoot td:first-child { border-left: 1px solid #CCCCCC; }
.stdtable thead th.head0, .stdtable tfoot th.head0, .stdtable thead td.head0, .stdtable tfoot td.head0 { background-color: #fcfcfc; }
.stdtable thead th.head1, .stdtable tfoot th.head1, .stdtable thead td.head1, .stdtable tfoot td.head1 { background-color: #f7f7f7; text-align: center; }
.stdtable thead th.sorting, .stdtable thead td.sorting { 
    background-image: url(../images/sort_both.png); background-repeat: no-repeat; background-position: right center; }
.stdtable thead th.sorting_asc, .stdtable thead td.sorting_asc { 
    background-image: url(../images/sort_asc.png); background-repeat: no-repeat; background-position: right 9px; }
.stdtable thead th.sorting_desc, .stdtable thead td.sorting_desc  { 
    background-image: url(../images/sort_desc.png); background-repeat: no-repeat; background-position: right 9px; }
.stdtable thead th.nosort { background-image: none !important; }
.stdtable thead td { font-weight: bold; }
.stdtable thead td.center { text-align: center; }
.stdtable tbody tr td { padding: 4px 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: #666; }
.stdtable tbody tr:last-child td { border-bottom: 1px solid #CCCCCC; }
.stdtable tbody tr td:first-child { border-left: 1px solid #CCCCCC; }
.stdtable tbody tr td:last-child { border-right: 1px solid #CCCCCC; }
.stdtable tbody tr.togglerow td { background: #fff; padding: 15px; }
.stdtable tbody tr.togglerow:hover td { background: #fff; }
.stdtable tbody tr.hiderow { display: none; }
.stdtable .actions { text-align: center; }
.stdtable .actions a { display: inline-block; margin-left: 5px; border-left: 1px solid #ccc; padding-left: 5px; }
.stdtable .actions a:first-child { border-left: 0; margin-left: 0; }
.stdtable .actions a:hover { color: #FB9337; }
.stdtable a.title { font-weight: bold; color: #32415a; }
.stdtable a.title:hover { color: #fb9337; }

.tableoptions { 
    background: #fcfcfc; border: 1px solid #CCCCCC; border-bottom: 0; padding: 8px; 
    -moz-border-radius: 0 1px 0 #fff; -webkit-border-radius: 0 1px 0 #fff; border-radius: 0 1px 0 #fff;
}
.tableoptions button { 
    background: #fcfcfc; font-size: 11px; color: #666; padding: 7px 10px; border: 1px solid #ccc; margin: 0; outline: none;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.tableoptions button:hover { background: #eee; cursor: pointer; }
.tableoptions select { 
    background: #fff; padding: 6px 5px 7px 5px; border: 1px solid #ccc; margin: 0; outline: none; font-size: 11px; color: #666;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}

/*.dataTables_wrapper { position: relative; }
.dataTables_length { background: #fcfcfc; border: 1px solid #CCCCCC; border-bottom: 0; padding: 8px; }
.dataTables_paginate { background: #fcfcfc; border: 1px solid #CCCCCC; border-top: 0; padding: 8px; }
.dataTables_length, .dataTables_paginate { -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; }
.dataTables_wrapper select { 
    background: #fff; padding: 5px; border: 1px solid #bbb; margin: 0; outline: none; font-size: 11px; color: #666;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0 5px;
}
.dataTables_wrapper input { border: 1px solid #CCCCCC; padding: 7px 5px 8px 5px; width: 200px; background: #fff; }
.dataTables_filter { position: absolute; top: 7px; right: 8px; }
.dataTables_info { position: absolute; bottom: 13px; left: 8px; }
.dataTables_paginate { text-align: right; line-height: 16px; }
.dataTables_paginate span { display: inline-block; }
.dataTables_paginate .paginate_button { 
    border: 1px solid #ccc; padding: 5px 7px; margin-left: 5px; font-weight: bold; background: #fcfcfc; 
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  font-size: 11px;
    -moz-box-shadow: 1px 1px 2px #CCCCCC; -webkit-box-shadow: 1px 1px 2px #CCCCCC; box-shadow: 1px 1px 2px #CCCCCC; 
}
.dataTables_paginate .paginate_active { 
    border: 1px solid #F0882C; background: #F0882C;  color: #fff; padding: 5px 7px; margin-left: 5px; font-weight: bold; 
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 11px;
}
.dataTables_paginate .paginate_button:hover { background: #CCCCCC; border: 1px solid #ccc; cursor: pointer; color: #333; }*/


/*RESPONSIVE CSS STYLE =================================================================================*/
@media (max-width: 767px) { /*-- XS STYLE --*/
    .navbar-collapse>ul>li{ width: 100%; }
    .navbar-collapse>ul>li>a,.navbar-collapse>ul>li>span{ font-size: 12px; }
    .kontener{ padding-top:97px; }
    .batas-atas>button{ margin: 0px 0px 10px 0px;}
    .isi-konten{padding-bottom: 100px;}
}
@media (min-width: 768px) and (max-width: 991px) { /*-- SM STYLE --*/
    .navbar-collapse>ul>li{ width: auto; }
    .navbar-collapse>ul>li>a,.navbar-collapse>ul>li>span{ font-size: 11px; }
    .kontener{ padding-top:71px; }
    .batas-atas>button{ margin: 19px 0px 0px 0px;}
    .isi-konten{padding-bottom: 60px;}
    .mepet-kiri-pol{padding-left: 0px;}
}
@media (min-width: 992px) and (max-width: 1199px) { /*-- MD STYLE --*/
    .navbar-collapse>ul>li{ width: auto; }
    .navbar-collapse>ul>li>a,.navbar-collapse>ul>li>span{ font-size: 11px; }
    .kontener{ padding-top:107px; }
    .batas-atas>button{ margin: 19px 0px 0px 0px;}
    .isi-konten{padding-bottom: 40px;}
    .mepet-kiri-pol{padding-left: 0px;}
}
@media (min-width: 1200px) { /*-- LG STYLE --*/
    .navbar-collapse>ul>li{ width: 93px; }
    .navbar-collapse>ul>li>a,.navbar-collapse>ul>li>span{ font-size: 12px; }
    .kontener{ padding-top:107px;}
    .batas-atas>button{ margin: 19px 0px 0px 0px;}
    .isi-konten{padding-bottom: 40px;}
    .mepet-kiri-pol{padding-left: 0px;}
}

.judul_tabel{
    background-color: #797C80;
    color: #FFF;
    font-weight: bold;
    padding: 2px;
    text-align:center;
    margin-bottom: 5px;
}

.btn-cek{
    width:80px;
    margin-top: 5px;
}

.adah-tabel{
    background-color: #FFF;
    /*padding: 10px;*/
}

.kotakan {
    border:1px solid #CCC;
    padding-top:5px;
    margin-bottom:5px;
}

.dropdown-in-table{
    height: 22px;
    padding: 0px;
    width: 100%;
    font-size: 11px;
}

.dropdown-in-table:focus{
    box-shadow: 0px 0px 3px #037DB0 !important;
}

/*=============================== FILE UPLOAD =============================================*/
.preview-foto{
    border: 1px solid #CCC;
}
.fileUpload {
  position: relative !important; 
  overflow: hidden !important;
  margin: 0px !important;
}
.fileUpload input.unggah-foto {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.preview-foto{
  max-width: 600px;
  height: 115px;
  color:#505050;
  font-size: 12px;
}
/*=============================== END FILE UPLOAD =============================================*/

/*COVER JIKA LOADING DATA =====================================================================*/
.cover{ 
    text-align: center;
    position:fixed; 
    top:0; 
    left:0; 
    background:rgba(0,0,0,0.6); 
    z-index:10000; 
    width:100%; 
    height:100%; 
    display:none; 
}

.cover img{
    width:100px; 
    display: block;
    margin: auto;
    top: 45%;
    margin:0 auto; 
    position:relative; 
    z-index:11000;
}

.cover span{
    position:relative; 
    display: block;
    margin: auto;
    top: 50%;
    z-index:12000;
    color: #fff;
}

.modalInput{
    z-index: 1030 !important;
}

.modalInput .modal-dialog {
    width:90%;
}

.modalInput .modal-body {
    max-height: 520px !important;
}

#ReportModal .modal-dialog {
    width:90%;
}

#ReportModal .modal-body {
    max-height: 100% !important;
}

.input-kecil,.addon-kecil,.addon-kecil-btn{
    height: 25px !important;
}

.input-kecil{
    font-size: 11.5px;
    padding: 5px !important;
}

.drop-kecil{
    min-height: 25px !important;
}

.cilikan{
    padding: 3px  2px !important;
    font-size: 12px !important;
}

.addon-kecil{
    padding: 4px 8px;
}

.addon-kecil-btn{
    padding: 2px 8px;
}

.tab-content{
    /*background: #FFF;*/
    padding: 5px;
}

.bg-white{
    background: #FFF;
}

.input-kode{
    width: 40px;
    text-align: center;
    padding-left: 5px;
    background-color: #EEEEEE;
}

label[disabled="disabled"]{
    color: #AAA;
}

.kotak{
    border: 1px solid #C0C0C0;
    padding: 5px 5px 0px 5px;
    margin-bottom: 10px;
}
.kotak1{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    padding: 5px 5px 0px 5px;
    margin-bottom: 10px;
}

.drop-cingire{
    height: 25px !important;
    padding: 0px;
}

.radio-segaris{
    padding-top: 4px !important;
}

.SumDanCheck select, .ul_check { 
    height: 100px; 
    overflow: auto; 
    width: 100%; 
    border: solid 1px #ccc;
}
.SumDanCheck .ul_check { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    overflow-x: hidden; 
}
.SumDanCheck li { 
    margin: 0; 
    padding: 0; 
}
.SumDanCheck label { 
    display: block; 
    color: WindowText; 
    background-color: Window; 
    margin: 5px; 
    padding: 5px; 
    width: 100%; }
.SumDanCheck label:hover { 
    background-color: Highlight; 
    color: HighlightText; 
}
#rinci{
    margin-left: -5px;
}
#btn1{
    margin-left: -25px;
}
#btntambah{
    margin-right: 20px;
}
.file-list, .file-list ul{
    list-style-type: none;
    font-size:11.5px;
    line-height:1.8em;
    margin-left:0px;
    padding-left:0px;
    /*border-left:1px dotted #aaa;*/
}
.file-list li{
    position: relative;
    padding-left:25px;
}
.file-list li a{
    text-decoration: none;
    color:#444;  
}
.file-list li a:hover{
    color: #001941;
    font-weight: bold;
}
.file-list li a:before{
    /*display:block;
    content: " ";
    width:10px;
    height:1px;
    position:absolute;
    border-bottom:1px dotted #aaa;
    top:.6em;
    left:-14px;*/
}
.file-list li:before{
    list-style-type: none;
    font-family: FontAwesome;
    display:block;
    content:'\f0f6';
    position:absolute;
    top:0px;
    left:0px;
    width:20px;
    height:20px;
    font-size:1.3em;
    color:#555;
}
.file-list .folder-root{
    list-style-type: none;
}
.file-list .folder-root a{
    text-decoration:none;
}
.file-list .folder-root:before{
    color:#336699;
    content: "\f07b";
}
.file-list .folder-root.open:before{
    content: "\f07c";
}
li.folder-root ul{
    transition: all .3s ease-in-out;
    overflow:hidden;
}
li.folder-root.closed>ul{
   opacity:0;
   max-height:0px;
}
li.folder-root.open>ul{
   opacity:1;
   display:block;
   max-height:1000px;
}

.toRp{
    text-align: right;
}

.disetujui{
    background-color: #26B99A; 
    color: #FFF; 
    font-weight: bold;
}

.btn_dlm_tabel{
    padding: 1px 4px !important;
    font-size: 11px !important;
}

.modal-open .modal{
    overflow-y:hidden !important;
}


/*CSS for autocomplate bendahara dan pihak ketiga*/
.autocomplete {
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  overflow-y:auto; 
  height: 200px;
}

.autocomplete-items div {
  padding: 5px 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
/*--------------------------- END --------------------------------------------*/

/* KASDA STYLE ====================*/
.baten_new {
    background-color: #26B99A;
    color: #FFF;
    border: none;
    cursor: pointer;
}
.baten_new:hover{
    background-color: #009341;
}

.jnssp2d_isActive {
    background-color: #009341;
    color: #FFF;
    border: none;
}

.lap_pejabat { padding: 10px 0 10px 5px; }
.text-center { text-align: center; }
/* KASDA STYLE ====================*/