.dataTable tbody {font-size:12px;}
/*.dataTable thead {background:#395a99;color:white}
.dataTable tfoot {background:#395a99;color:white}*/
.dataTable th { text-align:left; }
.dataTable th:nth-child(11) { text-align:right; }
.dataTable th:nth-child(12) { text-align:right; }
.dataTable th:nth-child(13) { text-align:right; }
.dataTable td:nth-child(11) { text-align:right ; }
.dataTable td:nth-child(12) { text-align:right; }
.dataTable td:nth-child(13) { text-align:right; }
.dataTable td { white-space:nowrap; }	
.dataTable th { white-space:nowrap; }

.table > thead > tr > th {
	border-bottom: 1px solid black;	
}

.table2 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table2 > thead > tr > th,
.table2 > tbody > tr > th,
.table2 > tfoot > tr > th,
.table2 > thead > tr > td,
.table2 > tbody > tr > td,
.table2 > tfoot > tr > td {
  border-top: 1px solid #e7eaec;
  line-height: 1.42857;
  padding: 8px;
  vertical-align: top;
}

[data-bs-theme="dark"] .table2 > thead > tr > th,
[data-bs-theme="dark"] .table2 > tbody > tr > th,
[data-bs-theme="dark"] .table2 > tfoot > tr > th,
[data-bs-theme="dark"] .table2 > thead > tr > td,
[data-bs-theme="dark"] .table2 > tbody > tr > td,
[data-bs-theme="dark"] .table2 > tfoot > tr > td {
  border-top: 1px solid var(--phoenix-border-color-translucent);
}
[data-bs-theme="dark"] .table2 > thead > tr > th {
  border-bottom: 2px solid var(--phoenix-border-color-translucent);
}


.table3 {
	width: 100%;
	border-collapse: collapse; 
}
.table3 td, th {
	padding: 6px;
	vertical-align: top;
	border-bottom: 1px solid #ccc; 
}
.table3 th {
	text-align: left;
	/* background-color: #f4f4f4;  */
}

.table_thin {
    width: 100%;
    max-width: 100%;
	font-size: 13px;
}

.table_thin > thead > tr > th,
.table_thin > tbody > tr > th,
.table_thin > tfoot > tr > th,
.table_thin > thead > tr > td,
.table_thin > tbody > tr > td,
.table_thin > tfoot > tr > td {
  border-top: 1px solid #e7eaec; 
  line-height: 1.42857;
  padding: 4px;
  vertical-align: top;
}

/* INVOICE */
.invoice-table tbody > tr > td:last-child,
.invoice-table tbody > tr > td:nth-child(8),
.invoice-table tbody > tr > td:nth-child(7),
.invoice-table tbody > tr > td:nth-child(6),
.invoice-table thead > tr > th:last-child,
.invoice-table thead > tr > th:nth-child(8),
.invoice-table thead > tr > th:nth-child(7),
.invoice-table thead > tr > th:nth-child(6) {
  text-align: right;
}
.invoice-table td{
    padding: .5rem .25rem; 
}
.invoice-total > tbody > tr > td{
  padding: 8px;
}
.invoice-total > tbody > tr > td:first-child {
  text-align: right;
}
.invoice-total > tbody > tr > td {
  border: 0 none;
}
.invoice-total > tbody > tr > td:last-child {
  border-bottom: 1px solid #DDDDDD;
  text-align: right;
  width: 15%;
}

/* notification bubbles */
#noti_Container {
    position:relative;
    /*border:1px solid blue;*/
    width:38px;
    height:16px;
}
.noti_bubble {
    position:absolute;
    top: -6px;
    right:-6px;
    padding:1px 2px 1px 2px;
    background-color:red;
    color:white;
    font-weight:bold;
    font-size:0.75em;
    
    border-radius:30px;
    box-shadow:1px 1px 1px gray;
}
	
/* Example custom styles to match Phoenix theme */
table.dataTable th, table.dataTable td {
    padding: 1rem; /* Adjust padding to match Phoenix theme */
    text-align: left; /* Center align text */
}

/* Custom DataTables sorting icons */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    display: none;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 8px;
    opacity: 0.5;
}

table.dataTable thead .sorting:after {
    content: "\f0dc"; /* FontAwesome icon for sorting */
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de"; /* FontAwesome icon for sorting ascending */
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd"; /* FontAwesome icon for sorting descending */
}

/*** add clear x back for search fields ***/
input[type=search] {
  -webkit-appearance: searchfield;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none; /* Remove default styling */
  height: 14px;
  width: 14px;
  /* background: url('delete-black.png') no-repeat center center; */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777' stroke='%23777' stroke-width='2'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");

  /* Add other styles as needed */
}

/* PAGINATIN */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--phoenix-pagination-active-bg);
  border-color: var(--phoenix-pagination-active-border-color);
  color: var(--phoenix-pagination-active-color);
  cursor: default;
  z-index: 2;
}

.pagination > li > a,
.pagination > li > span {
  /* background-color: #FFFFFF;
  border: 1px solid #DDDDDD; */
  color: inherit; 
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 4px 10px;
  position: relative;
  text-decoration: none;
}

div.dataTables_wrapper div.dataTables_paginate {
  float: right;
  font-size: 14px;
}

div.dataTables_wrapper div.dataTables_info {
  margin-top: 10px;
  font-size: 14px;
}

div.dataTables_wrapper div.dataTables_length, div.dataTables_filter label  {
  font-size: 14px;
}

/* Custom CSS to make length menu and search box inline */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
	display: inline-block;
	margin-right: 20px;
}

.dataTables_wrapper .dataTables_filter {
	float: right;
}

.dataTables_wrapper .dataTables_length select {
	display: inline-block;
	width: auto;
}

@media (max-width: 1000px) {
  /* .dataTables_filter, .dataTables_length { display: none; } */  
  .dataTables_wrapper .dataTables_filter { margin-top: 0px; float: none; display: block; margin-right: 0px;}
  .dataTables_wrapper .dataTables_length, .DTTT_container, #search_box { display: none; }
  .dataTables_wrapper .dataTable td { white-space:normal; }	
  
  /*.dataTable tbody {font-size:15px;}*/
}

/* PROFILE */
.profile-content {
  border-top: none !important;
}
.profile-stats {
  margin-right: 10px;
}
.profile-image {
  width: 120px;
  float: left;
}
.profile-image img {
  width: 96px;
  height: 96px;
}
.profile-image-sm img {
  width: 56px;
  height: 56px;
}
.profile-info {
  margin-left: 120px;
}

/* MICROPHONE ICONE */
.red-color {
	color: red !important;
}

body {
    /*
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	*/
	font-size: 13px;
}

@media (max-width: 768px) {
  .hide-sm {
    display: none;
  }
}

.float-right {
    float: right!important;
}

.pull-right {
    float: right!important;
}

.label-right {
    text-align: right;
	font-size: 13px;
	font-weight: bold;
	padding-right:  1.5rem;
}

@media (min-width: 900px) {
  .lbl-right {
    text-align: right;
  }
}


.lbl-right {
font-size: 13px;
font-weight: bold;
padding-right:  1.5rem;
opacity: 0.7;
}

@media (min-width: 900px) {
  .control-label {
    text-align: right;
  }
}

.control-label {
	margin-top: 10px;
	font-size: 13px;
	font-weight: bold;
	padding-right:  1.5rem;
	opacity: 0.7;
}

.tab-pane.active {
	border: 1px solid #ddd; /* Adjust the color and thickness as needed */
	padding: 20px; /* Optional: add padding inside the border */
}

/* Dark mode override */
[data-bs-theme="dark"] .tab-pane.active {
  border: 1px solid var(--phoenix-border-color-translucent);
}	

.card-body .nav-link {
	padding: 12px;
	margin-bottom: -1px; 
}

.card-body .nav-link.active {
	border-top: 1px solid #ddd;    /* Border at the top */
	border-left: 1px solid #ddd;   /* Border on the left */
	border-right: 1px solid #ddd;  /* Border on the right */
	border-bottom: 1px solid var(--phoenix-card-bg); /* Adapts to background color */
}

/* Dark mode override */
[data-bs-theme="dark"] .card-body .nav-link.active {
  border-top: 1px solid var(--phoenix-border-color-translucent);
  border-left: 1px solid var(--phoenix-border-color-translucent);
  border-right: 1px solid var(--phoenix-border-color-translucent);
  border-bottom: 1px solid var(--phoenix-card-bg);
}

.table_patient {
	font-size: 13px;
} 
.table_patient td { 
	white-space:nowrap; 
	padding: 8px;
} 
.table_patient tr:last-child td {
  border-bottom: none;
}
h2 {
	font-size: 22px;
} 
h2 a{
	color: gray;
} 

.table_patient a{
	color: gray;
	font-size: 13px;
} 

.scrollable-menu {
	height: auto;
	max-height: 300px; /* Adjust this value as needed */
	overflow-x: hidden;
	overflow-y: auto;
}


#patient-list {
	position: absolute;
	z-index: 1000; /* Ensure it appears above other elements */
	width: 93%; /* Match the width of the input */
	display: none; /* Hide by default */
	max-height: 200px; /* Optional: Limit height with scrolling */
	overflow-y: auto; /* Scroll if too many items */
	background-color: white; /* Ensure visible background */
	border: 1px solid #ccc; /* Optional: Border for better visibility */
}
#patient-list .list-group-item {
	border: none; /* Removes the separator border */
}

.content {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-top: 84px !important;
}

/* Large dropdowns should scroll instead of growing indefinitely */
.scrollable-select {
        max-height: 240px;
        overflow-y: auto;
}

/* Highlight row in fax inbox when action links are clicked */
.fax-row-highlight {
        background-color: #d1e7dd !important; /* Bootstrap success bg */
}

/* Ensure FullCalendar grid lines match Phoenix theme colors */
.fc-theme-standard {
  --fc-border-color: var(--phoenix-border-color);
}



/* Summernote x Phoenix theme */
.note-editor.note-frame {
  background: var(--phoenix-card-bg);
  border: 1px solid var(--phoenix-border-color-translucent);
  color: var(--bs-body-color);
}

.note-editor .note-toolbar,
.note-editor .note-popover .popover-content {
  background: var(--phoenix-card-bg);
  border-bottom: 1px solid var(--phoenix-border-color-translucent);
}

/* Buttons in toolbar */
.note-editor .note-toolbar .btn,
.note-editor .note-popover .btn {
  padding: var(--phoenix-pagination-padding-y) var(--phoenix-pagination-padding-x);
  font-size: var(--phoenix-pagination-font-size);
  color: var(--phoenix-pagination-color);
  background-color: var(--phoenix-pagination-bg);
  border: var(--phoenix-pagination-border-width) solid var(--phoenix-pagination-border-color);
  border-radius: var(--phoenix-pagination-border-radius);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.note-editor .note-toolbar .btn:hover,
.note-editor .note-popover .btn:hover {
  color: var(--phoenix-pagination-hover-color);
  background-color: var(--phoenix-pagination-hover-bg);
  border-color: var(--phoenix-pagination-hover-border-color);
}
.note-editor .note-toolbar .btn:focus,
.note-editor .note-popover .btn:focus {
  color: var(--phoenix-pagination-focus-color);
  background-color: var(--phoenix-pagination-focus-bg);
  box-shadow: var(--phoenix-pagination-focus-box-shadow);
}
.note-editor .note-toolbar .btn.active,
.note-editor .note-toolbar .btn:active,
.note-editor .note-popover .btn.active,
.note-editor .note-popover .btn:active {
  color: var(--phoenix-pagination-active-color);
  background-color: var(--phoenix-pagination-active-bg);
  border-color: var(--phoenix-pagination-active-border-color);
}
.note-editor .note-toolbar .btn.disabled,
.note-editor .note-toolbar .btn:disabled,
.note-editor .note-popover .btn.disabled,
.note-editor .note-popover .btn:disabled {
  color: var(--phoenix-pagination-disabled-color);
  background-color: var(--phoenix-pagination-disabled-bg);
  border-color: var(--phoenix-pagination-disabled-border-color);
}

/* Editor surface */
.note-editor .note-editing-area .note-editable {
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
}
.note-editor .note-editing-area .note-placeholder {
  color: var(--bs-secondary-color);
}

/* Code view */
.note-editor .note-codable {
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  border-color: var(--phoenix-border-color-translucent);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

/* Status bar / resizer */
.note-editor .note-statusbar {
  background: transparent;
  border-top: 1px solid var(--phoenix-border-color-translucent);
}
.note-editor .note-resizebar .note-icon-bar {
  background: var(--bs-border-color);
}

/* Dropdown menus (inherit Bootstrap variables) */
.note-editor .dropdown-menu {
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  border-color: var(--phoenix-border-color-translucent);
}
.note-editor .dropdown-menu .dropdown-item {
  color: var(--bs-body-color);
}
.note-editor .dropdown-menu .dropdown-item:hover {
  background: var(--bs-tertiary-bg);
}