@media (min-width: 768px) { .container { width: 100% !important; } }
@media (max-width: 767px) { .detail_view { padding: 0; } }
@media print {
	a[href]:after { content: "" !important; }
	.container { width: 98% !important; }
}

.rtl { direction: rtl !important; }
.ltr { direction: ltr !important; }
.uploadcase-scans .control-label {color: #cccccc; /* Default label color */}
.uploadcase-ptfirstname .control-label {color: #125d7c; /* Default label color */ text-transform: uppercase; /* Force uppercase */ font-size: 13px; /* Adjust size as needed */ font-weight: bold; /* Make it stand out */ text-align: LEFT; /* Center text */ display: block;}
.uploadcase-ptfirstname .form-control {color: #000000; /* Default text color */ font-weight: bold; /* Make text bold */ text-align: center; /* Center text */ display: block; min-height: 40px !important; font-size: 1.3em !important;}
.uploadcase-ptlastname .control-label {color: #125d7c; /* Default label color */ text-transform: uppercase; /* Force uppercase */ font-size: 13px; /* Adjust size as needed */ font-weight: bold; /* Make it stand out */ text-align: left; /* Center text */ display: block;}
.uploadcase-ptlastname .form-control {color: #000000; /* Default text color */ font-weight: bold; /* Make text bold */ text-align: center; /* Center text */ display: block; min-height: 40px !important; font-size: 1.3em !important;}
.uploadcase-ptsurgerydate .date-flex > select.form-control {color: #000000; /* Default text color */ text-transform: uppercase; /* Force uppercase */ min-height: 35px !important; font-weight: bold; /* Make text bold */ text-align: center; /* Center text */ display: block;}
.uploadcase-toothnumber1 .select2-container {background-color: #125d7c !important; font-size: 16px; color: #000000 !important; /* Default text color */ font-weight: bold; /* Make text bold */ text-align: center; /* Center text */ display: block;}
.uploadcase-toothnumber1 .select2-container-multi .select2-choices {background-color: #c4e3f3 !important; background-image: none;}
.uploadcase-toothnumber1 .select2-chosen {background-color: #c4e3f3 !important; background-image: none;}
.uploadcase-ptsurgerydate .control-label {color: #125d7c; /* Default label color */ text-transform: uppercase; /* Force uppercase */ font-size: 13px; /* Adjust size as needed */ font-weight: bold; /* Make it stand out */}
.uploadcase-toothnumber1 .control-label {color: #125d7c; /* Default label color */ text-transform: uppercase; /* Force uppercase */ font-size: 13px; /* Adjust size as needed */ font-weight: bold; /* Make it stand out */}
.uploadcase-procedureselect .control-label {color: #125d7c; /* Default label color */ text-transform: uppercase; /* Force uppercase */ font-size: 13px; /* Adjust size as needed */ font-weight: bold; /* Make it stand out */}
.uploadcase-indication .control-label {color: #125d7c; /* Default label color */ text-transform: uppercase; /* Force uppercase */ font-size: 13px; /* Adjust size as needed */ font-weight: bold; /* Make it stand out */}
.uploadcase-indication .form-control {color: #000000; /* Default label color */ text-transform: uppercase; /* Force uppercase */ font-size: 13px; /* Adjust size as needed */ font-weight: bold; /* Make it stand out */text-align: right; /* Center text */ display: block;}
.uploadcase-scans .control-label {color: #125d7c !important; /* Default label color */ text-transform: uppercase; /* Force uppercase */ font-size: 13px; /* Adjust size as needed */ font-weight: bold; /* Make it stand out */ }
input#caseactivity-sign_input {height: 50px;
    background-color: #c4e3f3;
    border-radius: 50px;
    border-color: #91bccd;
    width: 190px;}

.form-control::placeholder {
    color: #a0a0a0;
}
.userprofiles-drfirstname .control-label {color: #125d7c; /* Default label color */ text-transform: uppercase; /* Force uppercase */ font-size: 13px; /* Adjust size as needed */ font-weight: bold; /* Make it stand out */ }
.userprofiles-drfirstname .form-control {color: #000000; /* Default text color */ font-weight: bold; /* Make text bold */ text-align: left; /* Center text */ display: block; min-height: 30px !important; font-size: 1.2em !important;}
.userprofiles-drlastname .control-label {color: #125d7c; /* Default label color */ text-transform: uppercase; /* Force uppercase */ font-size: 13px; /* Adjust size as needed */ font-weight: bold; /* Make it stand out */ }
.userprofiles-drlastname .form-control {color: #000000; /* Default text color */ font-weight: bold; /* Make text bold */ text-align: left; /* Center text */ display: block; min-height: 30px !important; font-size: 1.2em !important;}
.userprofiles-phone .control-label {color: #125d7c; /* Default label color */ text-transform: uppercase; /* Force uppercase */ font-size: 13px; /* Adjust size as needed */ font-weight: bold; /* Make it stand out */ }
.userprofiles-phone .form-control {color: #000000; /* Default text color */ font-weight: bold; /* Make text bold */ text-align: left; /* Center text */ display: block;}
.userprofiles-clinicaddress .control-label {color: #125d7c; /* Default label color */ text-transform: uppercase; /* Force uppercase */ font-size: 13px; /* Adjust size as needed */ font-weight: bold; /* Make it stand out */ }
.userprofiles-clinicaddress .form-control {color: #000000; /* Default text color */ text-transform: uppercase; /* Force uppercase */ font-weight: bold; /* Make text bold */ text-align: left; /* Center text */ display: block;}
.userprofiles-cliniczip .control-label {color: #125d7c; /* Default label color */ text-transform: uppercase; /* Force uppercase */ font-size: 13px; /* Adjust size as needed */ font-weight: bold; /* Make it stand out */ }
.userprofiles-clinicname .control-label {color: #125d7c; /* Default label color */ text-transform: uppercase; /* Force uppercase */ font-size: 13px; /* Adjust size as needed */ font-weight: bold; /* Make it stand out */ }
.userprofiles-clinicname .form-control {color: #000000; /* Default text color */ text-transform: uppercase; /* Force uppercase */ font-weight: bold; /* Make text bold */ text-align: left; /* Center text */ display: block;}
.userprofiles-custom3 .form-control {color: #125d7c; /* Default text color */ text-transform: uppercase; /* Force uppercase */ font-weight: bold; /* Make text bold */ text-align: left; /* Center text */ display: block;}
.table .msotablegrid {border: none !important;}
.table .MsoNormalTable {border: none !important;}
.navbar-brand { text-transform: capitalize; }

table a, .table a { text-decoration: none !important; }

#children-tabs li a { display: block !important; }

.hidden { visibility: hidden !important; }

iframe { border: none; overflow: auto; }

.tab-content { padding: 10px 20px; border: 1px solid #125d7c; border-top: none; border-radius: 0 15px 5px 5px; }

#pc-loading { background: none repeat scroll 0 0 yellow; font-family: arial; left: 10px; margin-top: -10px; opacity: 0.85; position: absolute; top: 20px; width: 150px; }

.navbar a.btn { margin-left: 3px; margin-right: 3px; }

.view-on-click a.btn { max-width: 75px; }

/* prevent prototype conflicts */
li.dropdown { display: block !important; }

/* horizontal spacer */
.hspacer-xs { margin-left: 0.1em; margin-right: 0.1em; }
.hspacer-sm { margin-left: 0.2em; margin-right: 0.2em; }
.hspacer-md { margin-left: 0.4em; margin-right: 0.4em; }
.hspacer-lg { margin-left: 0.8em; margin-right: 0.8em; }

/* right spacer in ltr context */
.container:not(.theme-rtl) .rspacer-xs, .container-fluid:not(.theme-rtl) .rspacer-xs { margin-right: 0.1em; }
.container:not(.theme-rtl) .rspacer-sm, .container-fluid:not(.theme-rtl) .rspacer-sm { margin-right: 0.2em; }
.container:not(.theme-rtl) .rspacer-md, .container-fluid:not(.theme-rtl) .rspacer-md { margin-right: 0.4em; }
.container:not(.theme-rtl) .rspacer-lg, .container-fluid:not(.theme-rtl) .rspacer-lg { margin-right: 0.8em; }

/* right spacer in rtl context */
.theme-rtl .rspacer-xs { margin-left: 0.1em; }
.theme-rtl .rspacer-sm { margin-left: 0.2em; }
.theme-rtl .rspacer-md { margin-left: 0.4em; }
.theme-rtl .rspacer-lg { margin-left: 0.8em; }

/* left spacer in ltr context */
.container:not(.theme-rtl) .lspacer-xs, .container-fluid:not(.theme-rtl) .lspacer-xs { margin-left: 0.1em; }
.container:not(.theme-rtl) .lspacer-sm, .container-fluid:not(.theme-rtl) .lspacer-sm { margin-left: 0.2em; }
.container:not(.theme-rtl) .lspacer-md, .container-fluid:not(.theme-rtl) .lspacer-md { margin-left: 0.4em; }
.container:not(.theme-rtl) .lspacer-lg, .container-fluid:not(.theme-rtl) .lspacer-lg { margin-left: 0.8em; }

/* left spacer in rtl context */
.theme-rtl .lspacer-xs { margin-right: 0.1em; }
.theme-rtl .lspacer-sm { margin-right: 0.2em; }
.theme-rtl .lspacer-md { margin-right: 0.4em; }
.theme-rtl .lspacer-lg { margin-right: 0.8em; }

/* vertical spacer */
.vspacer-xs { margin-top: 0.1em; margin-bottom: 0.1em; }
.vspacer-sm { margin-top: 0.2em; margin-bottom: 0.2em; }
.vspacer-md { margin-top: 0.4em; margin-bottom: 0.4em; }
.vspacer-lg { margin-top: 0.8em; margin-bottom: 0.8em; }

/* top spacer */
.tspacer-xs { margin-top: 0.1em; }
.tspacer-sm { margin-top: 0.2em; }
.tspacer-md { margin-top: 0.4em; }
.tspacer-lg { margin-top: 0.8em; }

/* bottom spacer */
.bspacer-xs { margin-bottom: 0.1em; }
.bspacer-sm { margin-bottom: 0.2em; }
.bspacer-md { margin-bottom: 0.4em; }
.bspacer-lg { margin-bottom: 0.8em; }

div.datePicker { font-size: 1.3em; }
.always_shown { display: inline !important; }
.always-shown-block { display: block !important; }
.always-shown-inline { display: inline !important; }
.always-shown-inline-block { display: inline-block !important; }
.text-bold { font-weight: bold; }
.text-italic { font-style: italic; }

/* .form-control, .help-block .alert { width: 90% !important; } */
.input-group .form-control { width: 100% !important; }
.admin-area .form-inline .form-control { width: auto !important; }
.panel .btn { overflow: hidden; }

.select2-container .select2-choice { height: 2.4em; line-height: 2.2em; border: 1px solid #125d7c;}
.select2-container .select2-choice .select2-arrow b {background-color: #c4e3f3; background-position: 0 -0.1em; }
.select2-container-multi{
	border: 1px solid #125d7c;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.navbar ul.dropdown-menu { max-height: 90vh; overflow-y: auto; }

.date_combo { padding-right: 0.5em; }
/* .date_combo select { width: 100% !important; padding-left: 0; padding-right: 0; } */

img[src="blank.gif"] { max-height: 10px !important; }

/* fix for scrolling wide tables horizontally on iOS, https://stackoverflow.com/a/39073181/1945185 */
.table-responsive .table {
	max-width: none;
	-webkit-overflow-scrolling: touch !important;
}

td.uploadcase-casecreationdate { white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
td.uploadcase-casenumber { white-space: normal !important; max-width: 110px !important; min-width: 110px !important; overflow: hidden;  }
td.uploadcase-statusofcase { white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
td.uploadcase-ptfirstname { white-space: normal !important; max-width: 130px !important; min-width: 130px !important; overflow: hidden;  }
td.uploadcase-ptlastname { white-space: normal !important; max-width: 130px !important; min-width: 130px !important; overflow: hidden;  }
td.uploadcase-doctorname { white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
td.uploadcase-toothnumber1 { white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
td.uploadcase-caselastupdateddate { white-space: normal !important; max-width: 120px !important; min-width: 120px !important; overflow: hidden;  }
td.uploadcase-designer_id { white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }


/* fixes for glyph icons in some themes */
.glyphicon-camera:before { content: "\e046"; }
.glyphicon-lock:before { content: "\e033"; }
.glyphicon-eur:before { content: "\20ac"; }
.glyphicon-calendar:before { content: "\e109"; }
.glyphicon-bell:before { content: "\e123"; }
.glyphicon-wrench:before { content: "\e136"; }
.glyphicon-briefcase:before { content: "\e139"; }

.navbar-right {
	margin-right: 0 !important;
}

.no-caption .field-caption-tv {  display: none; }
.no-caption dd { margin-left: 0; margin-right: 0; }

.nav-tabs a img { margin: 0 0.25em; }

/* rotation classes */
.rotate90 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.rotate180 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.rotate270 { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }

/* compacting mobile borders for DV */
.detail_view .form-group hr { margin: 0 0 0.5em 0; border-top-style: dashed; }

/* tv tools button widths */
.tv-tools .btn { width: 5em; }

#spm_notification { direction: ltr !important; }
/* compact theme styles */
.container.theme-compact, .container-fluid.theme-compact { line-height: 1.6; font-size: 0.857em; }

.theme-compact { 
	.btn {
		font-size: 12px;
		padding: 4px 10px;
	}

	.btn-lg, .btn-group-lg > .btn {
		font-size: 15px;
		padding: 6px 15px;
	}

	.form-group {
		margin-bottom: 4px;
	}

	:not(.input-group-lg) > .form-control, :not(.input-group-lg) > .input-group-addon {
		font-size: 12px;
		height: auto;
		padding: 4px 6px;
	}

	.input-sm {
		border-radius: 3px;
		font-size: 12px;
		padding: 2px 6px;
	}

	select.input-sm {
		height: 25px;
		line-height: 25px;
	}

	.dropdown-menu {
		font-size: 12px;
	}

	.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: 4px;
	}

	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		line-height: 2;
	}

	h1, .h1 {
		font-size: 27px;
	}

	h2, .h2 {
		font-size: 24px;
	}

	h3, .h3 {
		font-size: 20px;
	}

	h4, .h4 {
		font-size: 16px;
	}

	.navbar {
		margin-bottom: 13px;
		min-height: 40px;
	}

	.navbar-fixed-bottom {
		margin-bottom: 0 !important;
	}

	.navbar-brand {
		font-size: 15px;
		height: 40px;
		padding: 12px;
	}

	.navbar-nav > li > a {
		padding-bottom: 9px;
		padding-top: 9px;
		line-height: 26px;
	}

	.navbar-text {
		margin-bottom: 12px;
		margin-top: 14px;
	}

	.page-header {
		margin: 20px 0 10px;
		padding-bottom: 0;
	}

	.navbar-nav > li > a { margin-top: 0; margin-bottom: 0; }

	.panel-heading {
		padding: 6px;
	}

	.panel-title {
		font-size: 14px;
	}

	#quick-search {
		min-width: 280px;
        margin: .5em 2em;
	}
/* Target only #quick-search, not all form-control elements */
:not(.input-group-lg) > #searchstring.form-control {
    border: 2px solid #c0d0e1 !important; /* Dark blue border */
    max-height: 45px !important; /* Taller input field */
    font-size: 1.1em !important; /* Larger text */
    font-weight: bold !important; /* Bold text */
    text-transform: uppercase !important; /* Uppercase text */
    color: #171d49 !important; /* Dark blue text */
    border-radius: 20px !important; /* Rounded corners */
    padding: 10px 15px !important; /* Better spacing */
    text-align: center !important; /* Center text horizontally */
    display: flex !important; /* Ensures vertical centering */
    align-items: center !important; /* Centers text vertically */
    justify-content: center !important; /* Ensures full centering */
}




	.profile-menu-icon > .icon { padding: 6px !important; }
}

/* Add `rtl-mirror` class to an element to horizontally flip it in rtl (e.g. arrow glyphs, ... etc) */
.theme-rtl .rtl-mirror {
	transform: scale(-1, 1);
}

/* theme-specific compact adjustments */
.theme-sandstone .theme-compact .btn {
	padding: 2.5px 10px;
}

/* file upload box formatting */
.upload-toolbox {
	overflow-x: hidden;
	font-size: 1.2rem;
	text-align: left;
	margin-bottom: 0;
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.theme-rtl .upload-toolbox {
	text-align: right;
}
.upload-toolbox input[type="file"] {
	display: inline-block;
}
.form-control-static.well {
	margin-bottom: 0;
}
.file-type-error, .file-size-error {
	margin-top: 1rem;
}
.clear-upload {
	cursor: pointer;
}

/* auto-complete matches */
.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
	font-weight: bold;
	background-color: rgba(255, 255, 0, 0.5);
}

/* continuous rotation animation */
.loop-rotate {
	animation: spin 2s linear infinite;
}
@keyframes spin { 100% { transform: rotate(360deg); } }

kbd {
	background-color: #eee;
	border-radius: 3px;
	border: 1px solid #b4b4b4;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
	color: #333;
	display: inline-block;
	font-size: .85em;
	font-weight: 700;
	line-height: 1;
	padding: 4px 8px;
	white-space: nowrap;
}

th:focus {
	outline: thin dotted;
}

.nav .dropdown-menu img {
	max-height: 1.25em;
}

.profile-menu li img {
	height: 1.5em !important;
	vertical-align: text-bottom;
	margin-left: -.4em;
}

/* web and email links in DV */
.detail_view a > .glyphicon-globe {
	vertical-align: top;
	font-size: x-large;
}
.detail_view a > .glyphicon-envelope {
	vertical-align: text-bottom;
	font-size: large;
}

.glyphicon-lg {
	font-size: 2em;
}

/* fix nicedit components' dimensions */
.has-nicedit > div { width: 100% !important; }
.has-nicedit .nicEdit-main { border: 1px solid #125d7c;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	width: 99% !important; }
.nicEdit-main { min-height: 6em !important; /* overflow: auto !important; */ }

/* hide empty email links */
a[href="mailto:"] { display: none; }

/* flex layout for lookup drop-downs and dates */
.lookup-flex, .date-flex {
	display: flex;
	justify-content: space-between;
	gap: .5em;
}
.lookup-flex > .select2-container {
	flex-grow: 1;
	width: auto !important;
}
.lookup-flex > .view_parent,
.lookup-flex > .add_new_parent {
	flex-basis: 3em;
}
.date-flex > .month-select {
	flex-grow: 4;
}
.date-flex > .year-select {
	flex-grow: 2;
}
.date-flex > .day-select {
	flex-grow: 1;
}
.date-flex > .btn {
	flex-basis: 3em;
}
.date-flex > select.form-control {
	width: auto; display: unset;
}

/* Classes that can be added to .glyphicon to variate icons */
.flip-horizontal { transform: scaleX(-1); }
.flip-vertical { transform: scaleY(-1); }

/* profile menu icon */
.profile-menu-icon > .icon {
	border: solid 1px #ccc; border-radius: 50%; padding: 6px !important;
}

.theme-journal .profile-menu-icon > .icon { padding: 6px !important; }
.theme-compact.theme-journal .profile-menu-icon > .icon { padding: 6px !important; }

.theme-paper .profile-menu-icon > .icon { padding: 6px !important; }
.theme-compact.theme-paper .profile-menu-icon > .icon { padding: 6px !important; }

.theme-readable .profile-menu-icon > .icon { padding: 6px !important; }
.theme-compact.theme-readable .profile-menu-icon > .icon { padding: 6px !important; }

.theme-sandstone .profile-menu-icon > .icon { padding: 6px !important; }
.theme-compact.theme-sandstone .profile-menu-icon > .icon { padding: 6px !important; }
.profile-menu-text { margin: 0 .25em; display: none; }

/* fix multi-choice layout in rtl */
.theme-rtl .select2-search-choice { direction: ltr; }
.theme-rtl .select2-container-multi .select2-choices li {
	float: right;
	margin-right: 5px;
	margin-left: 0;
}

/* child record info in tv */
.child-records-info > a {
	display: inline-block;
}
.child-records-info > a.children-count {
	text-align: right;
	width: calc(100% - 3em);
}
dd.child-records-info > a.children-count {
	max-width: 6em;
}
.child-records-info > a.new-child {
	text-align: center;
	width: 2.5em;
}
.update-children-count {
	height: .8em;
}

/* prevent right-aligned fields in non-default TV layouts from being too wide */
.container:not(.theme-rtl) .dl-horizontal dd.text-right,
.container:not(.theme-rtl) .dl-horizontal dd > div.text-right {
	max-width: 8em;
}
.theme-rtl .dl-horizontal dd.text-left,
.theme-rtl .dl-horizontal dd > div.text-left {
	max-width: 8em;
}
.theme-rtl .child-records-info {
	direction: ltr;
	text-align: right;
}
.sql-query-container {
	white-space: pre-wrap;
	word-break: break-word;
	direction: ltr;
	cursor: pointer;
	padding-top: 2em;
}
.sql-query-copier {
	position: absolute !important;
	top: 0 !important;
	right: 1em !important;
}
.theme-yeti {
	.bg-primary, .bg-primary a,
	.bg-primary.text-primary, .bg-primary .text-primary,
	.light-text {
		color: #fff;
	}

	.table-hover>tbody>tr.bg-primary:hover, .table-hover>tbody>tr:hover .bg-primary,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary,
	.dark-text {
		color: #222;
	}

	.table-hover>tbody>tr.bg-primary:hover a, .table-hover>tbody>tr:hover .bg-primary a,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary a,
	.dark-link {
		color: #008cba;
	}

	.progress{
		height: 2.5em;
	}

	.progress .progress-bar {
		line-height: 2;
		font-size: 1em;
	}
}

.theme-united {
	.bg-primary, .bg-primary a,
	.bg-primary.text-primary, .bg-primary .text-primary,
	.light-text {
		color: #fff;
	}

	.table-hover>tbody>tr.bg-primary:hover, .table-hover>tbody>tr:hover .bg-primary,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary,
	.dark-text {
		color: #333;
	}

	.table-hover>tbody>tr.bg-primary:hover a, .table-hover>tbody>tr:hover .bg-primary a,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary a,
	.dark-link {
		color: #dd4814;
	}

}

.theme-superhero {
	.bg-info, .bg-info a,
	.bg-warning, .bg-warning a,
	.bg-danger, .bg-danger a,
	.bg-success, .bg-success a,
	.bg-primary, .bg-primary a,

	.bg-info.text-info, .bg-info .text-info,
	.bg-warning.text-warning, .bg-warning .text-warning,
	.bg-danger.text-danger, .bg-danger .text-danger,
	.bg-success.text-success, .bg-success .text-success,
	.bg-primary.text-primary, .bg-primary .text-primary,

	.light-text {
		color: #ebebeb;
	}

	.dark-text {
		color: #ebebeb;
	}

	.dark-link {
		color: #df691a;
	}

}

.theme-spacelab {
	.bg-primary, .bg-primary a,
	.light-text {
		color: #fff;
	}

	.table-hover>tbody>tr.bg-primary:hover, .table-hover>tbody>tr:hover .bg-primary,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary,
	.dark-text {
		color: #666;
	}

	.table-hover>tbody>tr.bg-primary:hover a, .table-hover>tbody>tr:hover .bg-primary a,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary a,
	.dark-link {
		color: #3399f3;
	}

}

.theme-slate {
	.bg-danger, .bg-danger a,
	.bg-primary, .bg-primary a,
	.light-text {
		color: #fff;
	}

	.dark-text {
		color: #c8c8c8;
	}

	.dark-link {
		color: #fff;
	}

}

.theme-simplex {
	.bg-primary, .bg-primary a,
	.light-text {
		color: #fff;
	}

	.table-hover>tbody>tr.bg-primary:hover, .table-hover>tbody>tr:hover .bg-primary,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary,
	.dark-text {
		color: #777;
	}

	.table-hover>tbody>tr.bg-primary:hover a, .table-hover>tbody>tr:hover .bg-primary a,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary a,
	.dark-link {
		color: #d9230f;
	}

}

.theme-sandstone {
	.bg-primary, .bg-primary a,
	.light-text {
		color: #fff;
	}

	.table-hover>tbody>tr.bg-primary:hover, .table-hover>tbody>tr:hover .bg-primary,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary,
	.dark-text {
		color: #3e3f3a;
	}

	.table-hover>tbody>tr.bg-primary:hover a, .table-hover>tbody>tr:hover .bg-primary a,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary a,
	.dark-link {
		color: #93c54b;
	}

}

.theme-readable {
	.bg-primary, .bg-primary a,
	.light-text {
		color: #fff;
	}

	.table-hover>tbody>tr.bg-primary:hover, .table-hover>tbody>tr:hover .bg-primary,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary,
	.dark-text {
		color: #333;
	}

	.table-hover>tbody>tr.bg-primary:hover a, .table-hover>tbody>tr:hover .bg-primary a,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary a,
	.dark-link {
		color: #4582ec;
	}

}

.theme-paper {
	.bg-primary, .bg-primary a,
	.light-text {
		color: #fff;
	}

	.table-hover>tbody>tr.bg-primary:hover, .table-hover>tbody>tr:hover .bg-primary,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary,
	.dark-text {
		color: #666;
	}

	.table-hover>tbody>tr.bg-primary:hover a, .table-hover>tbody>tr:hover .bg-primary a,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary a,
	.dark-link {
		color: #2196f3;
	}

	.progress{
		height: 2em;
	}

	.progress .progress-bar {
		line-height: 2;
		font-size: 1em;
	}
}

.theme-journal {
	.bg-primary, .bg-primary a,
	.light-text {
		color: #fff;
	}

	.table-hover>tbody>tr.bg-primary:hover, .table-hover>tbody>tr:hover .bg-primary,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary,
	.dark-text {
		color: #777;
	}

	.table-hover>tbody>tr.bg-primary:hover a, .table-hover>tbody>tr:hover .bg-primary a,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary a,
	.dark-link {
		color: #eb6864;
	}

}

.theme-flatly {

	.bg-info, .bg-info a,
	.bg-warning, .bg-warning a,
	.bg-danger, .bg-danger a,
	.bg-success, .bg-success a,
	.bg-primary, .bg-primary a,

	.bg-info.text-info, .bg-info .text-info,
	.bg-warning.text-warning, .bg-warning .text-warning,
	.bg-danger.text-danger, .bg-danger .text-danger,
	.bg-success.text-success, .bg-success .text-success,
	.bg-primary.text-primary, .bg-primary .text-primary,

	.light-text {
		color: #fff;
	}

	.table-hover>tbody>tr.bg-primary:hover, .table-hover>tbody>tr:hover .bg-primary,
	.table-hover>tbody>tr.bg-success:hover, .table-hover>tbody>tr:hover .bg-success,
	.table-hover>tbody>tr.bg-warning:hover, .table-hover>tbody>tr:hover .bg-warning,
	.table-hover>tbody>tr.bg-info:hover, .table-hover>tbody>tr:hover .bg-info,
	.table-hover>tbody>tr.bg-danger:hover, .table-hover>tbody>tr:hover .bg-danger,

	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary,
	.table-striped>tbody>tr.bg-success:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-success,
	.table-striped>tbody>tr.bg-warning:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-warning,
	.table-striped>tbody>tr.bg-info:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-info,
	.table-striped>tbody>tr.bg-danger:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-danger,

	.dark-text {
		color: #3c3c3c;
	}

	.table-hover>tbody>tr.bg-primary:hover a, .table-hover>tbody>tr:hover .bg-primary a,
	.table-hover>tbody>tr.bg-success:hover a, .table-hover>tbody>tr:hover .bg-success a,
	.table-hover>tbody>tr.bg-warning:hover a, .table-hover>tbody>tr:hover .bg-warning a,
	.table-hover>tbody>tr.bg-info:hover a, .table-hover>tbody>tr:hover .bg-info a,
	.table-hover>tbody>tr.bg-danger:hover a, .table-hover>tbody>tr:hover .bg-danger a,

	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary a,
	.table-striped>tbody>tr.bg-success:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-success a,
	.table-striped>tbody>tr.bg-warning:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-warning a,
	.table-striped>tbody>tr.bg-info:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-info a,
	.table-striped>tbody>tr.bg-danger:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-danger a,

	.dark-link {
		color: #18bc9c;
	}

	.progress{
		height: 2em;
	}

	.progress .progress-bar {
		line-height: 2;
		font-size: 1em;
	}
}

.theme-darkly {

	.bg-info, .bg-info a,
	.bg-warning, .bg-warning a,
	.bg-danger, .bg-danger a,
	.bg-success, .bg-success a,
	.bg-primary, .bg-primary a,

	.bg-info.text-info, .bg-info .text-info,
	.bg-warning.text-warning, .bg-warning .text-warning,
	.bg-danger.text-danger, .bg-danger .text-danger,
	.bg-success.text-success, .bg-success .text-success,
	.bg-primary.text-primary, .bg-primary .text-primary,

	.light-text {
		color: #fff;
	}

	.progress{
		height: 2em;
	}

	.progress .progress-bar {
		line-height: 2;
		font-size: 1em;
	}

}

.theme-cyborg {
	.bg-info, .bg-info a,
	.bg-warning, .bg-warning a,
	.bg-danger, .bg-danger a,
	.bg-success, .bg-success a,
	.bg-primary, .bg-primary a,

	.bg-info.text-info, .bg-info .text-info,
	.bg-warning.text-warning, .bg-warning .text-warning,
	.bg-danger.text-danger, .bg-danger .text-danger,
	.bg-success.text-success, .bg-success .text-success,
	.bg-primary.text-primary, .bg-primary .text-primary,

	.light-text {
		color: #fff;
	}

}

.theme-cosmo {
	.bg-info, .bg-info a,
	.bg-warning, .bg-warning a,
	.bg-danger, .bg-danger a,
	.bg-success, .bg-success a,
	.bg-primary, .bg-primary a,

	.bg-info.text-info, .bg-info .text-info,
	.bg-warning.text-warning, .bg-warning .text-warning,
	.bg-danger.text-danger, .bg-danger .text-danger,
	.bg-success.text-success, .bg-success .text-success,
	.bg-primary.text-primary, .bg-primary .text-primary,

	.light-text {
		color: #fff;
	}

	.table-hover>tbody>tr.bg-primary:hover, .table-hover>tbody>tr:hover .bg-primary,
	.table-hover>tbody>tr.bg-success:hover, .table-hover>tbody>tr:hover .bg-success,
	.table-hover>tbody>tr.bg-warning:hover, .table-hover>tbody>tr:hover .bg-warning,
	.table-hover>tbody>tr.bg-info:hover, .table-hover>tbody>tr:hover .bg-info,
	.table-hover>tbody>tr.bg-danger:hover, .table-hover>tbody>tr:hover .bg-danger,

	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary,
	.table-striped>tbody>tr.bg-success:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-success,
	.table-striped>tbody>tr.bg-warning:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-warning,
	.table-striped>tbody>tr.bg-info:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-info,
	.table-striped>tbody>tr.bg-danger:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-danger,

	.dark-text {
		color: #333;
	}

	.table-hover>tbody>tr.bg-primary:hover a, .table-hover>tbody>tr:hover .bg-primary a,
	.table-hover>tbody>tr.bg-success:hover a, .table-hover>tbody>tr:hover .bg-success a,
	.table-hover>tbody>tr.bg-warning:hover a, .table-hover>tbody>tr:hover .bg-warning a,
	.table-hover>tbody>tr.bg-info:hover a, .table-hover>tbody>tr:hover .bg-info a,
	.table-hover>tbody>tr.bg-danger:hover a, .table-hover>tbody>tr:hover .bg-danger a,

	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary a,
	.table-striped>tbody>tr.bg-success:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-success a,
	.table-striped>tbody>tr.bg-warning:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-warning a,
	.table-striped>tbody>tr.bg-info:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-info a,
	.table-striped>tbody>tr.bg-danger:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-danger a,

	.dark-link {
		color: #2780e3;
	}

	.progress{
		height: 2em;
	}

	.progress .progress-bar {
		line-height: 2;
		font-size: 1em;
	}
}

.theme-cerulean {
	.bg-primary, .bg-primary a,
	.bg-primary.text-primary, .bg-primary .text-primary,
	.light-text {
		color: #fff;
	}

	.table-hover>tbody>tr.bg-primary:hover, .table-hover>tbody>tr:hover .bg-primary,
	.table-hover>tbody>tr.bg-success:hover, .table-hover>tbody>tr:hover .bg-success,
	.table-hover>tbody>tr.bg-warning:hover, .table-hover>tbody>tr:hover .bg-warning,
	.table-hover>tbody>tr.bg-info:hover, .table-hover>tbody>tr:hover .bg-info,
	.table-hover>tbody>tr.bg-danger:hover, .table-hover>tbody>tr:hover .bg-danger,

	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary,
	.table-striped>tbody>tr.bg-success:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-success,
	.table-striped>tbody>tr.bg-warning:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-warning,
	.table-striped>tbody>tr.bg-info:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-info,
	.table-striped>tbody>tr.bg-danger:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-danger,

	.dark-text {
		color: #555;
	}

	.table-hover>tbody>tr.bg-primary:hover a, .table-hover>tbody>tr:hover .bg-primary a,
	.table-hover>tbody>tr.bg-success:hover a, .table-hover>tbody>tr:hover .bg-success a,
	.table-hover>tbody>tr.bg-warning:hover a, .table-hover>tbody>tr:hover .bg-warning a,
	.table-hover>tbody>tr.bg-info:hover a, .table-hover>tbody>tr:hover .bg-info a,
	.table-hover>tbody>tr.bg-danger:hover a, .table-hover>tbody>tr:hover .bg-danger a,

	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary a,
	.table-striped>tbody>tr.bg-success:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-success a,
	.table-striped>tbody>tr.bg-warning:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-warning a,
	.table-striped>tbody>tr.bg-info:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-info a,
	.table-striped>tbody>tr.bg-danger:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-danger a,

	.dark-link {
		color: #2fa4e7;
	}

}

.theme-bootstrap {
	.bg-primary, .bg-primary a,
	.bg-primary.text-primary, .bg-primary .text-primary,
	.light-text {
		color: #fff;
	}

	.table-hover>tbody>tr.bg-primary:hover, .table-hover>tbody>tr:hover .bg-primary,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1), .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary,
	.dark-text {
		color: #333;
	}

	.table-hover>tbody>tr.bg-primary:hover a, .table-hover>tbody>tr:hover .bg-primary a,
	.table-striped>tbody>tr.bg-primary:nth-of-type(2n+1) a, .table-striped>tbody>tr:nth-of-type(2n+1) .bg-primary a,
	.dark-link {
		color: #337ab7;
	}

}

td.row .img-responsive {
	max-width: 100% !important;
}

.modal-top-spacer {
	height: 2rem;
}

/* Styling for detail view layout toobar and detail view columns */
.detail_view-layout {
	display: none !important;
	margin: 0 0 1em 0;
	text-align: right;
}
.detail_view-layout a {
	outline: none;
}
.theme-rtl .detail_view-layout {
	text-align: left;
}
.switch-to-single-column-layout, .switch-to-double-column-layout, .switch-to-triple-column-layout {
	display: none;
}

@media (min-width: 1200px) {
	.detail_view-layout {
		display: block;
	}
	.switch-to-single-column-layout, .switch-to-double-column-layout {
		display: inline-block;
	}
	.double-column-layout {
		width: 50%;
		float: left;
		padding: 0 1em 0 0;
	}
	.theme-rtl .double-column-layout {
		float: right;
		padding: 0 0 0 1em;
	}
}

@media (min-width: 1700px) {
	.switch-to-triple-column-layout {
		display: inline-block;
	}
	.triple-column-layout {
		width: 33.33%;
		float: left;
		padding: 0 1em 0 0;
	}
	.theme-rtl .triple-column-layout {
		float: right;
		padding: 0 0 0 1em;
	}
}

.form-group > .col-lg-9:not(:has(.datetimepicker)) {
	overflow-x: auto;
}

/* pagination section */
.pagination-section {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1em;
}
.pagination-section > div {
	flex-grow: 1;
}
.pagination-section > div:not(:last-child):not(:first-child) {
	text-align: center;
}
.pagination-section > div:last-child {
	text-align: right;
}
.uploadcase-ptfullname{ max-width: 250px; min-width: 200px; white-space: normal !important; }
.fileupnow-file_name{ max-width: 400px; min-width: 400px; white-space: normal !important; }
.fileupnow-uploaded_on{ max-width: 50px; min-width: 50px; white-space: normal !important; }
.fileupnow-uploadfile{ max-width: 70px; min-width: 70px; white-space: normal !important; }
.fileupnow #view_on_click{ display: none !important; }
.meta_details-image{ min-width: 400px; white-space: normal !important; }
.caseactivity-date{ max-width: 100px; min-width: 100px; white-space: normal !important; }

.create_invoice-tracking{ max-width: 270px; min-width: 270px; white-space: normal !important; }
.create_invoice-trackingcom{ max-width: 100px; min-width: 100px; white-space: normal !important; }
.create_invoice-date{ max-width: 100px; min-width: 100px; white-space: normal !important; }
.create_invoice-arrivaldate{ max-width: 100px; min-width: 100px; white-space: normal !important; }
.uploadcase-casecreationdate{ max-width: 110px; min-width: 110px; white-space: normal !important; }
.table .uploadcase-toothnumber1{ max-width: 110px; min-width: 110px; white-space: transparent !important; }
/* Ensure the cell is the relative container */
.table .uploadcase-toothnumber1 {
	position: relative;  /* if not already inline-styled */
	padding: 0;          /* remove default padding if desired */
  }
  /* Style & position the icon via its ID */
  #bg-tooth-icon {
	position: absolute;
	top: 10px;            /* adjust vertical offset */
	left: 35px;           /* adjust horizontal offset */
	width: 40px;         /* icon size */
	height: 40px;
	opacity: 0.3;        /* optional: make it semi-transparent behind numbers */
	z-index: 1;          /* place behind the numbers */
  }
  
  /* Bring numbers above the icon */
  .table .uploadcase-toothnumber1 .tooth-wrap,
  .table .uploadcase-toothnumber1 .tooth-num {
	position: relative;
	z-index: 2;
  }
  /* Your existing 4-per-row styling */
  .table .uploadcase-toothnumber1 .tooth-wrap {
	display: flex;
	flex-wrap: wrap;
	max-width: 110px;
  }
  
  .table .uploadcase-toothnumber1 .tooth-num {
	width: 25%;
	box-sizing: border-box;
	text-align: center;
  }
  
  
.uploadcase-designer_id{ max-width: 100px; min-width: 100px; white-space: normal !important; }
.uploadcase-doctor{ max-width: 150px; min-width: 150px; white-space: normal !important; }
.table .meta_details-date{ max-width: 80px; min-width: 80px; white-space: normal !important; }
.gtbulletin-date{ max-width: 90px; min-width: 90px; white-space: normal !important; }
#drcomments{ padding: 0 0 100px 0; margin: 0 0 20px 0 !important; }


.btn-container {
    text-align: center; /* Center the buttons horizontally within the container */
}

.btn-wide,
.btn-side {
    display: inline-block; /* Allow buttons to sit side by side */
    vertical-align: middle; /* Align buttons vertically */
	margin-bottom: 12px;
}

.btn-wide {
    width: 250px; /* Adjust the width as needed */
    text-align: center; /* Ensure content inside the button is centered */
    margin-bottom: 12px; /* Add margin below the button */
}
td.uploadcase-ptfullname {
    font-weight: bold;
}
td.uploadcase-doctor {
    font-weight: bold;
}
td.uploadcase-doctorname { 
    font-weight: normal; /* Ensure text is not bold initially */
    text-align: right;   /* Align text to the right */
    transition: all 1.5s ease; /* Smooth transition for hover effect */
}
td.uploadcase-doctorname:hover {
    font-weight: bold;    /* Make text bold on hover */
    font-size: 1.2em;     /* Enlarge text slightly */
}

ul.nav.nav-tabs > li > a#tab_meta_details-caselink {
    transition: all 0.3s ease-in-out; /* Add smooth transitions to default state */
}

ul.nav.nav-tabs > li.active > a#tab_meta_details-caselink {
    background: linear-gradient(90deg, #c9302c, #e74c3c, #ff6b6b); /* Gradient with vibrant red tones */
    background-size: 300% 300%; /* Large enough gradient for animation */
    color: white !important; /* White text */
    font-size: 15px; /* Larger font for emphasis */
    font-weight: bold; /* Bold text for prominence */
    border: none; /* Remove default border */
    border-radius: 8px; /* Subtle rounded corners */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* Smooth shadow effect */
    text-align: center; /* Center text */
    text-transform: uppercase; /* Capitalize button text */
    cursor: pointer; /* Pointer cursor on hover */
    transition: all 0.3s ease-in-out; /* Smooth transitions */
    margin-bottom: 0px;
    animation: gradientMove 6s infinite linear, periodicLift 5s infinite ease-in-out; /* Apply gradient and periodic lift animation */
}

/* Hover Effect - Pause Periodic Animation */
ul.nav.nav-tabs > li.active > a#tab_meta_details-caselink:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); /* Stronger shadow on hover */
    animation: gradientMove 6s infinite linear; /* Remove periodicLift during hover */
}

/* Active State - Simulated Press */
ul.nav.nav-tabs > li.active > a#tab_meta_details-caselink:active {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Reduce shadow */
}

/* Gradient Move Animation */
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Periodic Lift Animation */
@keyframes periodicLift {
    0%, 80% {
        transform: translateY(0); /* Default state */
    }
    90% {
        transform: translateY(-2px); /* Lift slightly */
    }
    100% {
        transform: translateY(0); /* Back to default */
    }
}
ul.nav.nav-tabs > li.active > a#tab_caseactivity-patientID {
	background: linear-gradient(45deg, #c4e3f3, #6faed6, #00affa, rgb(0, 100, 194)); /* New gradient colors */
    background-size: 300% 300%; /* Large enough gradient for animation */
    color: white !important; /* White text */
    font-size: 15px; /* Larger font for emphasis */
    font-weight: bold; /* Bold text for prominence */
    border: none; /* Remove default border */
    border-radius: 8px; /* Subtle rounded corners */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* Smooth shadow effect */
    text-align: center; /* Center text */
    text-transform: uppercase; /* Capitalize button text */
    cursor: pointer; /* Pointer cursor on hover */
    transition: all 0.3s ease-in-out; /* Smooth transitions */
    margin-bottom: 0px;
    animation: gradientMove 6s infinite linear, periodicLift 5s infinite ease-in-out; /* Apply gradient and periodic lift animation */
}
ul.nav.nav-tabs > li.active > a#tab_create_invoice-casept {
	background: linear-gradient(45deg, #c4e3f3, #6faed6, #00affa, rgb(0, 100, 194)); /* New gradient colors */
    background-size: 300% 300%; /* Large enough gradient for animation */
    color: white !important; /* White text */
    font-size: 15px; /* Larger font for emphasis */
    font-weight: bold; /* Bold text for prominence */
    border: none; /* Remove default border */
    border-radius: 8px; /* Subtle rounded corners */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* Smooth shadow effect */
    text-align: center; /* Center text */
    text-transform: uppercase; /* Capitalize button text */
    cursor: pointer; /* Pointer cursor on hover */
    transition: all 0.3s ease-in-out; /* Smooth transitions */
    margin-bottom: 0px;
    animation: gradientMove 6s infinite linear, periodicLift 5s infinite ease-in-out; /* Apply gradient and periodic lift animation */
}