/*CSS FOR MODULE DATA*/

/*AutoComplete*/
.ui-autocomplete { max-height: 200px; overflow-y: scroll; overflow-x: hidden;}
.ui-menu-item{
  width: 0%;
  font-size: 12px;
}

/*table*/
 
table.data-container th {
	background-color: #eee;
	text-align: center;
} 

table.data-container th, table.data-container td {
	padding: 3px !important;
	vertical-align: middle !important;
	border: 1px solid #ddd !important;
} 

table.data-container td:first-child, table.data-container td:last-child {
	text-align: center;
} 

table.data-container tr.row_separator_instansi td {
	text-align: center;
	background-color: #aaeecc;
	font-size: 1em;
	cursor: pointer;
} 



/*navigation*/
.data-navigation{
	margin-bottom:10px;
	padding-right: 2px;
	padding-top: 0px;
	height:450px;
	overflow-y:auto;
	overflow-x:hidden;
}

.nav-list {
	margin:0px;padding:0px;list-style:none;
}

.nav-list li {
	font-size:12px;
    padding:0px;
}

.nav-list li a{
    display:block;
    padding:4px;
    position:relative;
    color:#222;
}

.nav-list li a:hover{
    background-color:#bbb;
}

.nav-list li a span.number{
    display:inline-block;
    position:absolute;
    top:0px;left:0px;bottom:0px;
    width:25px;
    text-align:right;padding:3px;
}
.nav-list li a span.text{
    display:inline-block;
    margin-left:27px;
}

/*serach*/
.data-search{
	margin-bottom: 3px;
	border-top: 2px solid #67b;
	border-radius: 7px 0px;
	padding: 7px 3px; 
	background-color: #fff;
}
li.ui-menu-item{
	font-size: 13px;
}

/*SUPD
.supd-parent{
	font-weight: bold;
	text-align: center;
	font-size: 1em;
	margin:0px;
	padding: 3px;
	background-color: #777;
	color: #fff;
}
*/

select#icon, ul#select2-icon-results>li, #select2-icon-container, 
select#icon2, ul#select2-icon2-results>li, #select2-icon2-container 
{
	font-family: fontAwesome;
}

input[type="radio"] {
	vertical-align: top;
}

label {
	font-weight: 400 !important;
	padding-right: 20px;
}