h1:focus {
	outline: none;
}


@keyframes slide {
	0% {
		transform: translateX(-25%);
	}

	100% {
		transform: translateX(25%);
	}
}

.mud-wasm {
	animation: slide 3s ease-in-out infinite alternate;
	background-image: linear-gradient(225deg, hsl(223deg 5% 27%) 1%, hsl(112deg 27% 48%) 51%, hsl(113deg 52% 72%) 49%, hsl(198deg 15% 66%) 99%);
	bottom: 0;
	left: -50%;
	opacity: .5;
	position: fixed;
	right: -50%;
	top: 0;
	z-index: -1
}

.mud-wasm-cont {
	left: 50%;
	padding: 10vmin;
	position: fixed;
	text-align: center;
	top: 50%;
	transform: translate(-50%,-50%)
}

.mud-dialog-fullscreen {
	overflow-y: auto !important;
}

.selected-green {
	background-color: #00803918 !important
}

.selected-red {
	background-color: #f5403c14 !important
}

.selected-middle-court-card {
	background-color: #00000026 !important
}

/*Juror sub grid start*/

.mud-button-close {
	top: 11px !important;
}

.my-1 {
	margin-bottom: -17px !important;
}

.nav-menu-jurylist .mud-nav-group button div{
    opacity: 50%;
}

.nav-menu-jurylist .mud-nav-link {
	padding-inline-end: 30px !important;
	padding-inline-start: 0 !important;
	font-size: var(--mud-typography-button-size);
}

.nav-menu-jurylist .mud-nav-link .mud-nav-link-text {
	width: 160px;
}

.mud-nav-group .mud-collapse-container{
	width: 210px;
	max-height: 104px;
}

.nav-menu-jurylist .mud-nav-group button{
	height: 40px;
    border-radius: var(--mud-default-borderradius);
    border-color: var(--mud-palette-lines-inputs);
    border-width: 1px;
    border-style: solid;
    transition: border-width, border-color 200ms cubic-bezier(.4,0,.2,1) 0ms;
}

.nav-menu-jurylist .mud-nav-group button:hover{
	border-color: var(--mud-palette-action-default);
}

.nav-menu-jurylist .mud-nav-group button:focus-within, .nav-menu-jurylist .mud-nav-group button:active{
	border-width: 2px;
    border-color: var(--mud-palette-primary);
	background-color: transparent;
}

.nav-menu-jurylist .mud-nav-link-expand-icon {
	margin-right: -40px !important;
}

.nav-menu-jurylist .mud-collapse-container {
	position: absolute !important;
    background-color: var(--mud-palette-surface);
    border-radius: var(--mud-default-borderradius);
    transition: box-shadow 300ms cubic-bezier(.4,0,.2,1) 0ms;
}

.nav-menu-jurylist .mud-collapse-container .mud-nav-item{
	height: 52px;
    display: flex;
    align-items: center;
	color: var(--mud-palette-text-primary);
}

.nav-menu-jurylist .mud-nav-group .mud-collapse-container .mud-collapse-wrapper .mud-collapse-wrapper-inner .mud-navmenu .mud-nav-item .mud-nav-link .mud-nav-link-text{
	font-size: var(--mud-typography-body1-size);
    font-family: var(--mud-typography-body1-family);
    font-weight: var(--mud-typography-body1-weight);
    line-height: var(--mud-typography-body1-lineheight);
    letter-spacing: var(--mud-typography-body1-letterspacing);
    text-transform: var(--mud-typography-body1-text-transform);
}

/*Juror sub grid end*/

.mud-dialog {
	overflow: hidden !important;
}

.petitChips {
	background-color: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent) !important;
	color: var(--mud-palette-text-primary);
}

.grandChips {
	background-color: color-mix(in srgb, var(--mud-palette-info) 18%, transparent)!important;
	color: var(--mud-palette-text-primary);
}
/* address this to show progress on the juror page */


.border-error {
	border-color: #FF0000 !important;
	color: #FF0000 !important;
}

@media only screen and (max-width: 912px) {

	/* For mobile phones: */
	.showProgressCustom {
		margin-top: 30px;
	}
}

/* Dashboard Table */
#tableJuryList .mud-table-container{
	height: 100%;
}

/*Agenda & Calender Section Below*/
.mud-picker.mud-picker-inline.mud-picker-input-button.mx-1 .mud-button-root.mud-button.mud-button-filled.mud-button-filled-primary.mud-button-filled-size-medium.mud-ripple {
	font-size: var(--mud-typography-h3-size);
    font-family: var(--mud-typography-h3-family);
    font-weight: var(--mud-typography-h3-weight);
    line-height: var(--mud-typography-h3-lineheight);
    letter-spacing: var(--mud-typography-h3-letterspacing);
    text-transform: var(--mud-typography-h3-text-transform);
    position: absolute !important;
    left: 0;
    width: 380px;
    display: flex;
    justify-content: flex-start;
    background-color: transparent;
    box-shadow: none;
    color: var(--mud-palette-text-primary);
    pointer-events: none;
    padding: 0;
    margin: 0;
}

.mud-cal-toolbar button:nth-child(1), .mud-cal-toolbar button:nth-child(2){
	box-shadow: none;
}

.mud-picker.mud-picker-inline.mud-picker-input-button.mx-1 {
	position: relative;
    left: 0 !important;
	pointer-events: none !important;
}

.mud-drop-container.mud-cal-month-view.mud-cal-month-fixed-height td {
	vertical-align: middle !important;
	text-align: center !important;
	padding-left: 6px !important;
}

.mud-calendar * {
	border: none !important;
}

.mud-drop-item {
	display: inline-block !important;
}

.mud-cal-month-cell[style*="border:1px solid var(--mud-palette-primary)"] {
	width: 90% !important;
	border-radius: 6px !important;
	background-color: transparent;
	box-sizing: border-box !important;
	border: 2px solid grey !important;
}

.mud-cal-toolbar {
	position: relative !important;
	margin-bottom: 40px !important;
}

	.mud-cal-toolbar .mud-picker.mud-picker-inline {
		left: 185px !important;
		white-space: nowrap !important;
	}

	.mud-cal-toolbar button:nth-child(1) {
		position: absolute !important;
		right: 65px !important;
	}

	.mud-cal-toolbar button:nth-child(2) {
		position: absolute !important;
		right: 15px !important;
	}

.mud-drop-zone.mud-cal-month-dropzone {
	overflow: hidden !important;
}

.mud-drop-zone.mud-cal-month-dropzone:hover {
	border: 1px solid rgba(0,255,0,0.75);
	background-color: rgba(0,255,0,0.05);
	border-radius: 6px!important;
}
.mud-drop-zone.mud-cal-month-dropzone:active{
	border-radius: 6px!important;
}

.mud-drop-zone.mud-cal-month-dropzone:focus{
	border-radius: 6px!important;
}

.mud-cal-month-cell-title {
	background-color:transparent!important;
	padding: 0px !important;
}

.mud-cal-month-cell-title:hover {
	background-color: transparent!important;
}
.grayed-out {
	background-color: rgba(0,0,0,0.25) !important;
	border-radius: 6px;
}

.mud-typography.mud-typography-body1.mud-typography-align-center.mx-auto {
	border-radius: 35% !important;
	margin-right: 3px !important;
}

.selected-date {
	position: relative !important;
	border-radius: 6px !important;
	box-sizing: border-box !important;
	border: 1px solid var(--mud-palette-primary) !important;
	background-color: var(--mud-palette-primary-hover)!important;
}

.mud-ripple-icon.mud-icon-button-size-small {
	margin-left: -4px !important;
}

.mud-cal-month-link {
	width: 95% !important;
}

/*To select the radio button when click on the label. As this common for the project*/
.rdoSortFilter .mud-radio-content {
	position: absolute;
	padding-left: 30px;
}

.rdoSortFilter .mud-radio .mud-radio-dense {
	padding-right: 102px;
}

.rdoSortFilter .mud-icon-button:hover,
.mud-icon-button:focus-visible {
	background-color: transparent !important;
}
/*End*/

/*Set the height to utilize the full screen of the bod*/
html, body, #app {
	height: 100%
}

.mud-main-content {
	height: 99%
}

.mud-container {
	height: 100%
}
/*End*/

/*Juror page*/
/*Add this css for show the dropdown of juror status form the jury list*/
.pophover {
	height: 580px;
	width: 150px !important;
	max-width: 150px !important;
	max-height: 580px !important;
}
/*End*/

/* Client Mudchip css*/
.mud-ripple-icon.mud-icon-button-size-small {
	margin-left: 1px !important;
}
/*End*/

.pdfviewer {
	height: 900px;
	min-height: 900px;
}

/* Authentication layout*/
.authimage {
	height: 550px;
}
@media only screen and (max-width: 720px) {

	/* For mobile phones: */
	.authimage {
		height: 328px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {

	/* For mobile phones: */
	.authimage {
		height: 368px;
	}
}

.mud-grid-item.mud-grid-item-xs-8.mud-grid-item-sm-8.mud-grid-item-lg-8 .mud-paper.mud-card{
	margin:0!important;
}