.applogo{color:#37474f}
.applogo .light{color: #f44336}
.navbar-inverse .applogo{color:white;}

#navbar-main .dropdown-menu hr{margin-top:10px; margin-bottom:10px;}
#modal_remote .modal-lg{width:1023px;}


#modal_remote .modal-lg{width:95%;}
@media screen and (min-width: 1024px) {
    #modal_remote .modal-lg{width:1023px;}
}

#table-navs{}
#table-navs .panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
#table-navs .panel-collapse>.list-group .list-group-item {border-width: 1px 0;}
#table-navs .panel-collapse>.list-group {padding-left:20px; margin-bottom: 0;border:0px solid transparent; border-top: 1px solid #ddd;}
#table-navs .panel-collapse .list-group-item {border-radius:0;}

#table-navs .panel-collapse .list-group .list-group {margin: 0;margin-top: 10px;}
#table-navs .panel-collapse .list-group-item li.list-group-item {margin: 0 -15px;border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}
#table-navs .panel-collapse .list-group-item li.list-group-item:last-child {padding-bottom: 0;}

#table-navs .panel-collapse div.list-group div.list-group{margin: 0;}
#table-navs .panel-collapse div.list-group .list-group a.list-group-item {border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}
#table-navs .panel-collapse .list-group-item li.list-group-item {border-top: 1px solid #DDD !important;}

.dropdown-menu > li > a  i, .dropdown-menu > li > a  img { margin-right: 10px; }
.dropdown-menu > hr{margin-top:0px; margin-bottom:0px;}
.table.table-togglable{}
.table.table-togglable tr th, .table.table-togglable tr td{padding-left:8px; padding-right:8px;}
.table.table-togglable .btn{margin-top:-8px; margin-bottom:-8px; }

.hint{font-size: 100%; color: #999;}
textarea.form-control {height: 118px;}
.table.dataTable{}
.table.dataTable .col-action{width:180px;}
.table.dataTable .col-status{width:120px;}
.table.dataTable .col-index{width:50px;}
div.dt-buttons { float: right; position: relative; }
div.dt-buttons .dt-button{margin-left:4px;}


.form-group ul li,.form-group ul{margin:0; padding:0; list-style-type:none;}
.form-group ul > li {display:inline-block; margin-left:30px; }
.form-group ul > li > label{
	 cursor: pointer;
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0;
    padding-left: 20px;
    position: relative;
    vertical-align: middle;
}
.form-group ul > li > label > input{
	box-sizing: border-box;
	left: 0;position:absolute;
    margin-left: 0; margin-top:2px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	padding:10px 10px;
}

.nav-tabs::before {
    color: inherit;
    content: "";
    font-size: 12px;
    line-height: 1.66667;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
    opacity: 0.5;
    text-transform: uppercase;
}
@media (max-width: 480px) {

	.datatable-header .dataTables_filter{text-align: center;}
	.datatable-header .dataTables_filter input{width:150px;}
	.datatable-header .dataTables_length{display:none;}
	.table.dataTable a.btn{font-size:0; padding-left:12px;}
	.table.dataTable .col-action{width:140px;}
	.table.dataTable .col-index{width:0px;}
	
	.dt-buttons{float:none; width:100%; text-align:center; margin-bottom:4px;}
	
	.page-container{padding: 20px 0px 40px;}
	.page-title{padding-top:10px; padding-bottom:10px;}
	.panel-body {
	    padding: 10px;
	}
}

.form-group .ui-datepicker-trigger {
    margin-top: -33px;
    top: auto;
}
.ui-datepicker-title .ui-datepicker-month, .ui-datepicker-title .ui-datepicker-year{
	color: #333;
    -moz-user-select: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 36px;
    line-height: 1.53846;
    padding: 7px 0 7px 11px;
    position: relative;
    white-space: nowrap;
}
.ui-datepicker {
    z-index: 1900 !important;
}