@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*/
	background-image: url("../images/index.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;*/
}

.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;
}
.main-menu{
    background-image: url('../images/layer.png');
    background-repeat: no-repeat;
    background-size: cover;
    /*padding-top: 20px;*/
}

#container{
    margin: 0;
    padding: 0;
    padding-top:107px;
}

.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{
    background-color: none !important;
    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;
}
.italic{
    font-style: italic;
}
.cur_pointer{ cursor: pointer; }
.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: #B9BBBD; */
    background-image: url('../images/panel_bg.png');
    padding: 5px 10px; 
    color: #284A8C;
    border-top: 1px solid #606060;
    left:0;
    right:0;
}

.pooter>div>img{
    max-height: 34px;
}
.text-white{
    color: #fff;
}
.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: #606060; /*#001941*/*/
	vertical-align: middle;
	z-index: 2050;
}

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

.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 transparent; /*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 transparent;
}

.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: #606060;
    color: #f2f0f0; /*#003366*/
    width: 100%;
    height: 40px;
    padding: 10px 10px;
    font-size: 15px;
    font-weight: bold;
    /*border-bottom: 1px solid #909090;*/
}

.isi-konten{
    display: inline-block;
    overflow-y: auto;
    width: 100%;
    /*min-height:100%;*/
    height: 83%;
    position: fixed;
    /*height: 100%;*/
    padding: 4px 0px;
    font-size: 13px;
    /*background-color: #F3F3F3;*/
    /*background-image: url('../images/smoke.png');*/
    /*background-repeat: no-repeat;
    background-s*/ize: cover;
    /*border-top:     1px solid #FFF;*/
}

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

.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: 10px; display: none;}
.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: inline; 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;height: 100%;}
}
@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: 100px;}
    .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;height: 100%;}
    .mepet-kiri-pol{padding-left: 0px;}
}
@media (min-width: 1200px) and (max-width: 1365px) { /*-- LG STYLE --*/
    .navbar-collapse>ul>li{ width: auto; }
    .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{height: 100%;background-repeat: repeat;background-size: cover;}
    .mepet-kiri-pol{padding-left: 0px;}
}
@media (min-width: 1366px) and (max-width: 1439px) { /*-- LG STYLE --*/
    .navbar-collapse>ul>li{ width: auto; }
    .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{height: 100%;background-repeat: repeat;background-size: cover;}
    .context-menu{max-height: 310px;}
    /*.kolom-kanan .dataTables_scrollBody{height: 150px !important}*/
    /*.kolom-kanan2 .dataTables_scrollBody{height: 372px !important}*/
    .tab-content{height: 470px !important;}
    .tab-content-2{height: 370px !important;}
    /*.tab-content .dataTables_scrollBody{height: 180px !important}*/
    /*.tab-content-2 .dataTables_scrollBody{height: 180px !important}*/
    .body-content{height: 255px !important;}

    /*#tbl_setting .dataTables_scrollBody{height: 180px !important}*/
    .kotak_tree{height: 250px !important;}
    #tree_view_fungsi{height: 400px !important;}
    #tree_view_kdrek{height: 390px !important;}
    .mepet-kiri-pol{padding-left: 0px;}
}
@media (min-width: 1440px) and (max-width: 1679px) { /*-- LG STYLE --*/
    .navbar-collapse>ul>li{ width: auto; }
    .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{height: 100%;background-repeat: repeat;background-size: cover;}
    .mepet-kiri-pol{padding-left: 0px;}
}
@media (min-width: 1680px) and (max-width: 1919px) { /*-- LG STYLE --*/
    .navbar-collapse>ul>li{ width: auto; }
    .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{height: 100%;background-repeat: repeat;background-size: cover;}
    .mepet-kiri-pol{padding-left: 0px;}
}
@media (min-width: 1920px) { /*-- 4K STYLE --*/
    .navbar-collapse>ul>li{ width: auto; }
    .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{height: 100%;background-repeat: repeat;background-size: cover;}
    .mepet-kiri-pol{padding-left: 0px;}
}
.judul_tabel{
    background-color: #797C80;
    color: #FFF;
    font-weight: bold;
    padding: 2px;
    text-align:center;
    margin-bottom: 5px;
}
/*.kolom-kanan .dataTables_scrollBody{height: 600px !important}*/
.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:100; 
    width:100%; 
    height:100%; 
    display:none; 
}

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

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

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

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

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

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

#ReportModal .modal-body {
    max-height: 10000px !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;
}

.input-append .btn.dropdown-toggle {float: none;}
    tbody tr:hover { cursor: pointer; }
#drop_lokasi {
    height: 94px;
    overflow-y: scroll;
}
.kecil-dark {
    background-color:#777; 
    color:#fff; 
    height: 20px; 
    padding: 0; 
    margin: 0;
}
.menu-kustom {
     display: none;
     z-index: 1200;
     position: absolute;
     overflow: hidden;
     border: 1px solid #ccc;
     white-space: nowrap;
     font-family: Arial;
     background: #fff;
     color: #333;
     border-radius: 6px;
     padding: 0;
     box-shadow: 0px 6px 15px #454545;
}
.menu-kustom li {
     padding: 8px 12px;
     cursor: pointer;
     list-style: none;
     transition: all .3s ease;
     user-select: none;
}
.menu-kustom a { text-decoration: none;color: #444; }
.menu-kustom li:hover { background: #e74c3c; }
.menu-kustom a:hover { color: #fff;}
.hilang{
    display: none;
}
.inputan2{
    margin-left: -60px;
}
.context-menu{
    background-color: #FFF; width:100%; height:620px; padding:2px 0px; overflow-y: auto; border: 1px solid #E8E8E8;
}
.panel-dark{
    background-color:#777 !important; 
    color:#fff !important; 
    height: 20px !important; 
    padding: 2px 0px !important;
    margin-bottom:2px !important;
}
.kotak_tree{
    background-color: #FFF; 
    width:100%; 
    height:375px; 
    padding:2px 5px; 
    overflow-y: auto; 
    border: 1px solid #E8E8E8;
}
.cling{
    display: none;
}
.addon-kecil-btn{
    padding: 2px 8px;
}

.tab-content{
    /*background: #FFF;*/
    padding: 5px;
    /*padding: 10px 10px 10px 10px;*/
    /*height: 450px;*/
    /*overflow-x: hidden;*/
}
.tab-content-2{
    /*background: #FFF;*/
    padding: 10px 10px 10px 10px;
    height: 700px;
    overflow-x: hidden;
}
.body-content{
    padding:4px 5px; margin:0; height:510px;
}
.mt-3{
    margin-top: 30px;
}
.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;
}
.navbar-nav .open .dropdown-menu { background-color: #F9F9F9 !important; } 
.navbar-nav .open .dropdown-menu li a { color: #000 !important; }
.navbar-nav .open .dropdown-menu li a:hover {
    background-color: #3399FF !important;
    color: #FFFFFF !important;
}