.text-logo {
	font-size: 5vw;
}

.custom-container {
	padding: 0px;
	height: 500px;
	overflow:hidden;
	margin-left:-2%;
}
.custom-container-paper {
	height: 495px;
}
.dashboard-card {
	width: 100%;
	height: 350px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px; /* Adds spacing between stacked cards */
	padding: 5px;
}

.case-viewer {
	height: 709px;
}

.text-center {
	text-align: center;
}
/* Ensuring consistent spacing */
.dashboard-grid {
	padding: 5px;
}

.call-list-title {
	position: relative;
	top: -31px;
	left: 31%;
}

.case-viwer-content {
	height: 512px;
	width: 100%;
	margin-left: -13%;
}
.custom-dialog-popup{
	height:230px;
}
.truncate-text {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}

.square-box {
	padding: 4px;
	border: 1px solid black;
	display: inline-block;
	text-align: center;
	width: 100%;
	height: 100%;
	border-radius: 0px;
	box-shadow: none;
	text-decoration: underline;
}

@media only screen and (min-width: 320px) {
	.custom-container {
		overflow-y: auto;
	}
	.dashboard-card-call-list {
		width: 96%;
		height: 265px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px; /* Adds spacing between stacked cards */
		padding: 5px;
	}

	.dashboard-card-call-back {
		width: 96%;
		height: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px; /* Adds spacing between stacked cards */
		padding: 5px;
	}
	.case-viewer {
		height: 475px;
		width: 96%;
		margin-left: 0%;
	}
	.case-viwer-content {
		height: 512px;
		width: 100%;
		margin-left: -5%;
	}
	.call-list-title {
		position: relative;
		top: 10px;
		left: 5%;
	}
}

@media only screen and (min-width: 375px) {
	.custom-container {
		overflow-y: auto;
	}
	.dashboard-card-call-list {
		width: 96%;
		height: 265px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px; /* Adds spacing between stacked cards */
		padding: 5px;
	}

	.dashboard-card-call-back {
		width: 96%;
		height: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px; /* Adds spacing between stacked cards */
		padding: 5px;
	}
	.case-viewer {
		height: 475px;
		width: 96%;
		margin-left: 0%;
	}
	.case-viwer-content {
		height: 512px;
		width: 100%;
		margin-left: 3%;
	}
	.call-list-title {
		position: relative;
		top: 10px;
		left: 5%;
	}
}

@media only screen and (min-width: 425px) {
	.custom-container {
		overflow-y: auto;
	}
	.dashboard-card-call-list {
		width: 96%;
		height: 265px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px; /* Adds spacing between stacked cards */
		padding: 5px;
	}

	.dashboard-card-call-back {
		width: 96%;
		height: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px; /* Adds spacing between stacked cards */
		padding: 5px;
	}
	.case-viewer {
		height: 512px;
		width: 96%;
		margin-left: 0%;
	}
	.case-viwer-content {
		height: 512px;
		width: 100%;
		margin-left: -13%;
	}
	.call-list-title {
		position: relative;
		top: 9px;
		left: 5%;
	}
}

@media only screen and (min-width: 768px) {
	.text-logo {
		font-size: 4vw;
	}

	.custom-container {
		overflow-y: auto;
	}

	.dashboard-card-call-list {
		width: 96%;
		height: 265px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px; /* Adds spacing between stacked cards */
		padding: 5px;
	}

	.dashboard-card-call-back {
		width: 96%;
		height: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px; /* Adds spacing between stacked cards */
		padding: 5px;
	}
	.case-viewer {
		height: 475px;
		width: 96%;
		margin-left: 0%;
	}
	.case-viwer-content {
		height: 486px;
		width: 100%;
		margin-left: -5%;
	}
	.call-list-title {
		position: relative;
		top: 12px;
		left: 2%;
	}
}

@media only screen and (min-width: 1024px) {
	.text-logo {
		font-size: 2vw;
	}

	.call-list-title {
		position: relative;
		top: 16px;
		left: 2%;
	}

	.dashboard-card-call-list {
		width: 127%;
		height: 285px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px; /* Adds spacing between stacked cards */
		padding: 5px;
	}

	.dashboard-card-call-back {
		width: 127%;
		height: 180px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px; /* Adds spacing between stacked cards */
		padding: 5px;
	}

	.case-viewer {
		height: 475px;
		width: 86%;
		margin-left: 13%;
	}
	.case-viwer-content {
		height: 512px;
		width: 100%;
		margin-left: -13%;
	}
	.text-center {
		text-align: center;
	}

	/* Ensuring consistent spacing */
	.dashboard-grid {
		padding: 2px;
	}

	.dashboard-card-right {
		margin-left: -23%;
		width: 131%;
	}
}

@media only screen and (min-width: 1280px) {
	.text-logo {
		font-size: 20px;
	}

	.call-list-title {
		position: relative;
		top: 0px;
		left: 2%;
	}
}

@media only screen and (min-width: 2560px) {
	.text-logo {
		font-size: 30px;
	}

	.call-list-title {
		position: relative;
		top: -31px;
		left: 29%;
	}
}

.h-100{
    height: 100%;
}

.h-90 {
    height: 90%;
}

.h-80 {
    height: 80%;
}

.h-70 {
    height: 70%;
}

.h-60 {
    height: 60%;
}

.h-50 {
    height: 50%;
}

.h-40 {
    height: 40%;
}

.h-30 {
    height: 30%;
}

.h-20 {
    height: 20%;
}

.h-10 {
    height: 10%;
}

.w-100 {
	width: 100%;
}

.w-90 {
	width: 90%;
}

.w-80 {
	width: 80%;
}

.w-70 {
	width: 70%;
}

.w-60 {
	width: 60%;
}

.w-50 {
	width: 50%;
}

.w-40 {
	width: 40%;
}

.w-30 {
	width: 30%;
}

.w-20 {
	width: 20%;
}

.w-10 {
	width: 10%;
}

.text-bold{
	font-weight:bold;
}

.input-label{
	min-width:80px;
	max-width: 80px;
}

.input-label-120{
	min-width:120px;
	max-width: 120px;
}

.mud-tabs-vertical .mud-tabs-toolbar-inner:has(.mud-tab)  {
	border-right: 1px solid var(--mud-palette-lines-default);
}

.strikeout {
    text-decoration: line-through;
    opacity: 0.6;
}

.mud-toolbar button .ft-menu{
    font-size: var(--fz-size-24);
}

.mud-toolbar .mud-table-pagination-actions .mud-icon-root.mud-svg-icon {
	fill: var(--mud-palette-action-default);
}

.mud-appbar, .mud-appbar[class*="mud-theme-"] {
    height: var(--mud-appbar-height);
    padding: var(--switch-medium-padding);
    box-shadow: var(--mud-elevation-0);
    background-color: var(--mud-palette-appbar-background)!important;
}

.mud-appbar.mud-theme-primary{
    border-bottom: 4px solid var(--mud-palette-primary)
}