select {display:inline-block !important}

.page-header {margin: 1.5rem 0 -10px 0;}

div.brand-logo a {font-size:18px; margin: 0 0 0 15px;}

.nav-wrapper i{font-size:22px;}


#_mainContainer .dataTables_wrapper .dataTables_filter input {margin-bottom:1rem; margin-left: 0em; height: 2rem; border: 1px solid #ccc;}

._dataTable {font-size:13px;}
#_mainContainer ._dataTable th {background-color:#f1f1f1}
table._dataTable thead th, table._dataTable thead td {border-bottom: 2px solid #3f51b5;}
table.dataTable tfoot th, table.dataTable tfoot td {border-top: 2px solid #3f51b5;}

._dataTable td i{font-size:18px;}
._dataTable td a i{font-size:15px;}

#_mainContainer ._dataTable td {border-bottom:1px solid #ccc; padding: 5px 10px;}
table._dataTable tbody tr {background-color: #ffffff;}
	table._dataTable tbody tr.odd, table._dataTable.display tbody tr.odd { background-color: #f9f9f9;}
	table._dataTable tbody tr:hover {background-color: #f6f6f6;}
	
	.remark-note {max-width:250px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
	
#_mainContainer ._dataTable td .btn {height: 24px; line-height: 24px; padding: 0 0.5rem; font-size: 12px;}

#_mainContainer .dataTables_length label {white-space:nowrap}
#_mainContainer .dataTables_length select { height: 2rem;}

.mb0{margin-bottom:0;}

._login-form {padding:20px; border: 1px solid #EEE; margin:0px auto; max-width:350px;}
._login-form label {text-align: left;}
.input-field .prefix{font-size: 20px; top: 18px;}

.modal .modal-header{ margin: 0 0 5px 0; padding: 10px 20px; background-color: #3f51b5; color: #ffffff; font-size:20px; font-weight:500;}
.modal .input-field{margin-top:0;}
.modal.sm-modal{width:30% !important;}
.modal.md-modal{top:15% !important;}

.last-login {font-size:12px; font-weight:bold; padding:5px; border-left:5px solid #E1B122; background:rgba(229,229,229,1.00); margin:30px 0;}
.last-login ._adminRole{text-transform: uppercase;}
._responsive-table {overflow:auto; width:100%;}

#_viewCustomer th, #_viewDSECustomer th{width: 180px;}
#_viewCustomer th, #_viewCustomer td, #_viewDSECustomer th, #_viewDSECustomer td{padding:10px 5px; font-size:14px;}
#_viewCustomer .modal-footer,  #_viewDSECustomer .modal-footer{padding:0px 24px;}

#_viewCustomer.modal .modal-content{padding:5px 15px 10px;}

.btn-xs{padding: 5px 10px; height: inherit; line-height: 20px; font-size: 13px;}
.btn-xs i{font-size: 15px;}
/*-------------
	Badge
-------------*/
.icw-badge{font-size: 13px; padding: 3px 5px; border-radius: 2px; color:#ffffff; white-space: nowrap;}

.log-btn{padding: 5px 8px; border-radius: 3px; background-color: #ffa726; font-size: 12px; color: #fff; margin-top: -5px;}
.log-btn:hover{}

._dataTable th .no-wrap{display:flex; white-space: nowrap;}
._dataTable th .no-wrap i{margin-left:0;}


@media only screen and (min-width: 993px){
.container {width: 98%;max-width:1880px;}
}

@media (max-width:767px){
	div.brand-logo a{padding:5px 7px; font-size:13px; height:inherit; line-height:18px; margin: 0 5px 0 5px; }
	
	.nav-wrapper ul li{font-size:13px;}
	.nav-wrapper ul li A{padding:0 10px;}
	
	nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons{font-size:15px;     margin-right: 5px;}
	
	.page-header{overflow:hidden;}
	
	.btn-small{padding: 5px 7px; height: inherit; line-height: 15px; font-size: 13px;}
}