* {
  font-family:"Arial", "Microsoft JhengHei";
}

body {
	/*font-size:0.8rem !important;*/
	/*line-height:1.2 !important;*/
	background-color:#f4f6f9;
}

textarea {
  field-sizing: content; /* Automatically resizes height based on content */
  min-height: 4rem;      /* Optional: Sets an initial minimum height */
  resize: none;          /* Optional: Removes the user-resizable handle */
}

/*
.form-group .form-control {
    padding: 0.15rem;
    height: calc(1.5rem + 2px);
}
*/

.page-title {
    font-size: 1.2rem !important;
	color: #515861 !important;
	padding-left:10px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	overflow: hidden; /* auto */
}

/* Custom Select2 Styles */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #4a5568 !important;
	/* Dark gray */
	color: #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #f8f9fa !important;
	/* Light gray background */
	border: 1px solid #dee2e6 !important;
	/* Light gray border */
	color: #4a5568 !important;
	/* Dark gray text */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #4a5568 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	background-color: #e9ecef !important;
	color: #2d3748 !important;
}

/* Border color on focus */
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #4a5568 !important;
	box-shadow: 0 0 0 0.25rem rgba(74, 85, 104, 0.25) !important;
}

/* Border color when dropdown is open */
.select2-container--default.select2-container--open .select2-selection--multiple {
	border-color: #4a5568 !important;
}

/* Option hover state */
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #f8f9fa !important;
	color: #4a5568 !important;
}

.content {
	background: #f4f6f9;
}

.content-title {
	color: #28a745 !important;
	font-size: 1.4rem !important;
	font-weight:700;
}

.content-subtitle {
	color: #28a745 !important;
	font-size: 1.2rem !important;
	font-weight: bold !important;
}

.content-header {
    padding: 20px 1rem 10px 1rem;
}

.content-toolbar {
	background-color: #eee;
	padding:5px 0px;
}

.main-content {
	margin-right:.75rem !important;
	margin-left:.75rem !important;
}

#advancedSearch .card {
	/*
	margin-right:.75rem !important;
	margin-left:.75rem !important;
	*/
	min-width:300px;
	border-width:thin;
}

#advancedSearch .card-body {
	/*
	padding: .75rem .75rem;
	*/
}

#advancedSearch .card-header{
	background: #f8f9fa linear-gradient(180deg,#f9fafb,#f8f9fa) repeat-x!important;
}

#advancedSearch {
	margin-top: 1rem !important;
}

#advancedSearch label:not(.form-check-label):not(.custom-file-label) {
	font-weight: 400;
}

#control-drawer {
	width:800px;
}

#sideView {
	display:none;
}

.filter-drawer {
	width:400px;
}

@media (max-width:575.98px) {
	#advancedSearch .card {
		width:100% !important;
		margin-right:0rem !important;
		margin-left:0rem !important;
	}
}

@media screen and (max-width: 768px) {
    li.paginate_button.previous {
        display: inline;
    }
 
    li.paginate_button.next {
        display: inline;
    }
 
    li.paginate_button {
        display: none;
    }
}

.app-menu {
	padding: .5rem 0rem .5rem 0rem;
}

.app-menu .dropdown-item.active {
	/*background-color: white;*/
	background-color: transparent;
}

.app-menu .dropdown-item a.active {
	color: black !important;
	background-color: white;
	border-bottom: 2px solid green;
	border-radius: 0px;
	/*background-color: #007bff;*/
}
.app-menu .dropdown-menu a.active {
	color: white !important;
	background-color: #28a745 !important;
	border-bottom: none !important;
}
@media screen and (min-width:768px) {
	.app-menu .dropdown:hover>.dropdown-menu {
		display: block;
	}
}
@media screen and (max-width:768px) {
	.app-menu a {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

.app-menu a {
	color: rgba(0,0,0,.5);
}

.app-menu .active {
	color: black !important;
	/*color: white !important;*/
	/*background-color: #007bff;*/
	/*border-radius: .25rem;*/
	border-radius: 0px;
	border-bottom: 2px solid green;
}

.app-menu a:hover {
	color: black !important;
	/*color: white !important;*/
	/*background-color: #007bff !important;*/
	/*border-radius: .25rem !important;*/
	border-bottom: 2px solid gray;
	border-radius: 0px;
}

.app-menu .dropdown-menu {
	padding: 0 0;
}

.app-menu .dropdown-menu a:hover {
	color: white !important;
	background-color: #28a745 !important;
	border-bottom: none !important;
}

.app-menu .dropdown-item {
	padding: .5rem 1rem .5rem 1rem;
}

.app-spinners {
	position:fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color:rgba(0, 0, 0, 0.2);
}

.app-spinners .spinner-border {
	position:fixed;
	left: 50%;
	top: 50%;
}

.card.maximized-card {
	z-index:10000;
}

.pointer {
	cursor:pointer;
}

#editor {
	min-width: 400px;
}

#filter {
	min-width: 400px;
}

.nav-sidebar {
	font-size: 1rem;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link.active {
    box-shadow: none;
}

@media (min-width: 768px) {
	body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
	body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
	body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
	  margin-left: 300px;
	}
}

.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
	margin-left: -300px;
}
  
.main-sidebar, .main-sidebar::before {
	width: 300px;
}

.nav-sidebar .menu-is-opening>.nav-link i.right, .nav-sidebar .menu-is-opening>.nav-link svg.right, .nav-sidebar .menu-open>.nav-link i.right, .nav-sidebar .menu-open>.nav-link svg.right {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.brand {
	height:55px;
}

.note-editor .note-editing-area .note-editable {
	color: #212529;
}

.editor-textarea-autosize {
	min-height:50px;
}

td.highlight { /* for row and column highlight */
    background-color:#AAFFAA;
}

.breadcrumb {
	background-color: transparent;
	/*margin-top:1rem;
	margin-bottom:0rem;
	*/
}

.breadcrumb .dropdown:hover .dropdown-menu {
      display: block;
}

.max-width-checkbox {
	padding-right:5px !important;
	max-width:20px !important;
}

/* DataTables v1 */
.table-hover tbody tr:hover {
    background-color:#AAFFAA;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.1em;
}

/* DataTables v2 */
div.dt-container div.dt-info {
    padding-top: 0.1em;
	text-align:center;
}
table.dataTable.table.table-hover>tbody>tr:hover>* {
	background-color:#AAFFAA;
}
div.dt-container div.dt-search {
    text-align: right;
}
div.dt-container div.dt-paging ul.pagination {
    justify-content: flex-end;
}
/*
#itable_wrapper {
	padding:10px;
	background-color:#fff;
	background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
	box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
	border-width: thin;
	margin-bottom: 1rem;
}
*/