/* /Feature/Admin/PopupUserActivity.razor.rz.scp.css */

.uacttable[b-x3opt294z1] {
}

	.uacttable tr[b-x3opt294z1] {
	}

.uaitmlabel[b-x3opt294z1] {
	padding: 4px;
	font-weight: bold;
	text-align: right;
}

.uaitmdat1[b-x3opt294z1] {padding: 4px;}

.uaitmdat2[b-x3opt294z1] {
	padding: 4px;
}

[b-x3opt294z1] .formnavlink {font-size:inherit;}
/* /Feature/Admin/SystemHealth.razor.rz.scp.css */

.tbldbinfo[b-479i7apheb] {width:400px; padding: 1px 2px 1px 10px; font-size: smaller;}

.tbldbinfo legend[b-479i7apheb] {font-weight:bold;}

.tddbinfl[b-479i7apheb] {font-weight: bold; padding-right: 7px;}


.tlogc[b-479i7apheb]  .toggleheading {
	padding: 2px;
	border-bottom: 2px solid hsl(0, 0%, 60%);
}

[b-479i7apheb] .tlogentry {
	border-bottom: 1px solid hsl(0, 0%, 60%);
padding-left: 2px;
}

	[b-479i7apheb] .tlogentry:hover {
		background-color: hsl(0, 0%, 90%);
	}

.toggles [disabled] + label[b-479i7apheb],
.toggles [disabled]:hover + label[b-479i7apheb] {
	color: #999;
}

.toggles [type="checkbox"][b-479i7apheb] {
	position: absolute;
	top: auto;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	white-space: nowrap;
}

	.toggles [type="checkbox"] + label[b-479i7apheb] {
		display: block;
		position: relative;
		padding: 0.5em;
		padding-left: 4em;
		max-width: calc(100% - 2em);
	}

	.toggles [type="checkbox"]:focus + label[b-479i7apheb],
	.toggles [type="checkbox"]:hover + label[b-479i7apheb] {
		color: #00f;
	}

		.toggles [type="checkbox"]:focus + label[b-479i7apheb]::before,
		.toggles [type="checkbox"]:hover + label[b-479i7apheb]::before {
			box-shadow: 0 0 0.5em #333;
		}

		.toggles [type="checkbox"]:focus + label[b-479i7apheb]::after,
		.toggles [type="checkbox"]:hover + label[b-479i7apheb]::after {
			background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='50' fill='rgba(0,0,0,.25)'/%3E%3C/svg%3E");
			background-size: 30%;
			background-repeat: no-repeat;
			background-position: center center;
		}

	.toggles [type="checkbox"] + label[b-479i7apheb]::before,
	.toggles [type="checkbox"] + label[b-479i7apheb]::after {
		content: "";
		position: absolute;
		height: 1.5em;
		transition: all 0.25s ease;
	}

	.toggles [type="checkbox"] + label[b-479i7apheb]::before {
		left: 0;
		top: 0.2em;
		width: 3em;
		border: 0.2em solid #767676;
		background: #767676;    /*gray*/
		border-radius: 1.1em;
	}

	.toggles [type="checkbox"] + label[b-479i7apheb]::after {
		left: 0;
		top: 0.2em;
		background-color: #fff;
		background-position: center center;
		border-radius: 50%;
		width: 1.5em;
		border: 0.12em solid #767676;
	}

	.toggles [type="checkbox"]:checked + label[b-479i7apheb]::after {
		left: 1.6em;
		border-color: #36a829;
		/*color: hsl(210,40%,40%);*/ /*#36a829*/
	}

	.toggles [type="checkbox"]:indeterminate + label[b-479i7apheb]::after {
		left: 0.8em;
	}

	.toggles [type="checkbox"]:indeterminate + label[b-479i7apheb]::before {
		background-color: #ddd;
	}

	.toggles [type="checkbox"]:checked + label[b-479i7apheb]::before {
		background-color: hsl(210,40%,40%);
		border-color: #36a829;
	}

	.toggles [type="checkbox"][disabled] + label[b-479i7apheb]::before {
		background-color: transparent;
		border-color: #ddd;
	}

	.toggles [type="checkbox"][disabled] + label[b-479i7apheb]::after {
		border-color: #ddd;
	}

.toggles [disabled]:hover + label[b-479i7apheb] {
	color: #999; /* case for CSS custom property if not supporting IE/Edge */
}

.toggles [type="checkbox"][disabled]:hover + label[b-479i7apheb]::before {
	box-shadow: none;
}

.toggles [type="checkbox"][disabled]:hover + label[b-479i7apheb]::after {
	background-image: none;
}

/* Put toggles on the right like the iOS the kids like */

.toggles.flip [type="checkbox"] + label[b-479i7apheb]::before,
.toggles.flip [type="checkbox"] + label[b-479i7apheb]::after {
	left: auto;
	right: 0;
}

.toggles.flip [type="checkbox"] + label[b-479i7apheb]::after {
	left: auto;
	right: 1.6em;
}

.toggles.flip [type="checkbox"]:checked + label[b-479i7apheb]::after {
	right: 0;
}

.toggles.flip [type="checkbox"]:indeterminate + label[b-479i7apheb]::after {
	right: 0.8em;
}

.toggles.flip [type="checkbox"] + label[b-479i7apheb] {
	padding-left: 0;
	padding-right: 4em;
}
/* /Feature/Events/EventCalendarView.razor.rz.scp.css */
/*Component top-level container div for all views 
where row 1 is .calendarviewtitle, 
row 2 is .calendarviewnavheader,
row 3 is .calendarviews (main content,
and row 4 is the hidden .calstats section with date math
*/
.calendarviewouter[b-prkxy6240g] {
	height: 100%;
	overflow: hidden;
	display: grid;
	grid-template-rows: auto auto 1fr auto;
}

/*Component calendar title bar - contains name of the current calendar and, if enabled, the breadcrumb button*/
.calendarviewtitle[b-prkxy6240g] {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 3px;
	padding-left: 4px;
	padding-top: 6px;
	padding-bottom: 3px;
	background-color: var(--cb_gridhd, hsl(210,40%,90%));
}

	.calendarviewtitle h3[b-prkxy6240g] {
		color: hsl(0,0%,30%);
	}

/*Navigation header - contains buttons for switching views AND the current cal view title (day/month)*/
.calendarviewnavheader[b-prkxy6240g] {
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-gap: 3px;
	border-bottom: 1px solid hsl(0,0%,40%);
	background-color: #f9f9f9;
	font-weight: bold;
	font-size: 24px;
	padding: 5px;
	position: relative;
}

.calnav_left[b-prkxy6240g] {
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap: 3px;
}

.calnav_center[b-prkxy6240g] {
	text-align: center;
	display: grid;
	grid-template-columns: 1fr auto auto 1fr;
	grid-gap: 8px;
}

.calnav_right[b-prkxy6240g] {
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap: 3px;
}

.calbtnnav[b-prkxy6240g] {
	border: none;
	outline: none;
	background-color: inherit;
	padding: 2px 3px;
}

.calnav_mpick[b-prkxy6240g] {
font-size:20px;
font-weight:bold;
}


/*Main view content area (wraps .wdview-daily/weekly and .monthly )*/
.calendarviews[b-prkxy6240g] {
	border: 1px solid hsl(0,0%,40%);
	height: 100%;
	overflow: hidden;
	position: relative;
}


/*Added/removed during drag operations to highlight the drop target*/
.evdragover[b-prkxy6240g] {
	border-color: var(--nb_top);
	box-shadow: 0px 0px 2px 2px var(--nb_menbtn) inset;
}

/*=======================================*/
/*  DAILY/WEEKLY VIEWS (SHARED LAYOUT)   */
/*=======================================*/

/*Outer div for the daily/weekly layout*/
.wdview[b-prkxy6240g] {
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-rows: auto auto 1fr;
}


/*Daily/weekly view day headings*/
.wdhead[b-prkxy6240g] {
	padding: 5px;
	font-weight: bold;
	font-size: 20px;
	border: 1px solid hsl(0,0%,40%);
	text-align: center;
	background-color: var(--nb_left);
	color: hsl(0,0%,40%);
}

	.wdhead.Week[b-prkxy6240g] {
		display: grid;
		grid-template-columns: 120px repeat(7, 1fr);
		align-items: center;
		overflow-y: scroll;
		padding: 0;
		/*font-size: 22px;*/
	}

		.wdhead.Week[b-prkxy6240g]::-webkit-scrollbar, .wdhead.Week[b-prkxy6240g]::-webkit-scrollbar-track {
			/*we do this to hide the scrollbar we added above BUT then make it invisible - so we have proper alignment with rest of columns*/
			background: transparent;
		}

/*Column heading in weekly view (button)*/
.wdcolhead[b-prkxy6240g] {
	font-weight: bold;
	font-size: 18px;
	color: hsl(0,0%,40%);
	background-color: var(--nb_left);
	border: 1px solid hsl(0,0%,90%);
}
	.wdcolhead:active[b-prkxy6240g], .wdcolhead:focus[b-prkxy6240g] {
		background-color: var(--nb_left);
		border: 1px solid hsl(0,0%,50%);
		outline: 1px solid hsl(0,0%,50%);
	}


/*Rows and cells in daily/weekly views*/
.wdallday[b-prkxy6240g] {
	display: grid;
	height: 60px;
	overflow-y: scroll;
}

	.wdallday.Day[b-prkxy6240g] {
		grid-template-columns: 120px 1fr;
		resize: vertical;
	}

	.wdallday.Week[b-prkxy6240g] {
		grid-template-columns: 120px repeat(7,1fr);
		resize: vertical;
		border-bottom: 1px solid hsl(0,0%,40%);
	}


.alldayevents[b-prkxy6240g] {
	/*	overflow-y: scroll;*/
}

.hourwrap[b-prkxy6240g] {
	height: 100%;
	overflow-y: auto;
	position: relative;
}

.timewrap[b-prkxy6240g] {
	display: grid;
	grid-template-columns: 120px 1fr;
	height: 30px;
	position: relative;
}

	.timewrap.Day[b-prkxy6240g] {
		grid-template-columns: 120px 1fr;
	}

	.timewrap.Week[b-prkxy6240g] {
		grid-template-columns: 120px repeat(7,1fr);
	}

.timeslot[b-prkxy6240g], .timedevents[b-prkxy6240g], .alldayevents[b-prkxy6240g] {
	position: relative;
	border-width: 1px;
	border-style: solid;
}

	.timeslot.tsad[b-prkxy6240g], .alldayevents.tsad[b-prkxy6240g] {
		border-bottom-color: hsl(0,0%,40%);
	}

	.timeslot.ts1[b-prkxy6240g], .timedevents.ts1[b-prkxy6240g] {
		border-bottom-color: hsl(0,0%,90%);
	/*	border-top-color: hsl(0,0%,40%);*/
	}

	.timeslot.ts2[b-prkxy6240g], .timedevents.ts2[b-prkxy6240g] {
		border-bottom-color: hsl(0,0%,50%);
	}

	.timeslot.ts1[b-prkxy6240g], .timeslot.ts2[b-prkxy6240g], .timeslot.tsad[b-prkxy6240g] {
		/*	border-left-color: hsl(0,0%,40%);*/
		border-right-color: hsl(0,0%,90%);
	}

	.timedevents.ts1[b-prkxy6240g], .timedevents.ts2[b-prkxy6240g], .alldayevents.tsad[b-prkxy6240g] {
		border-right-color: hsl(0,0%,90%);
	}

	.timedevents.today[b-prkxy6240g], .alldayevents.today[b-prkxy6240g] {
		background-color: var(--nb_left);
	}


/*Button for individual event in daily/weekly views - events with start times*/
.wdevent[b-prkxy6240g] {
	display: block;
	padding: 2px;
	position: absolute;
	background: var(--nb_menbtn, hsl(210,40%,60%));
	color: white;
	min-height: 40px;
	z-index: 1;
	border: 1px solid hsl(0,0%,50%);
	width: 100%;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
}

	.wdevent > span[b-prkxy6240g] {
		position: absolute;
		top: 2px;
		width: 98%;
	}

/*Button for individual event in daily/weekly views - all day events*/
.wdadevent[b-prkxy6240g] {
	padding: 4px;
	background: var(--nb_menbtn, hsl(210,40%,60%));
	color: white;
	/*margin-right: 2px;*/
	width: 100%;
	margin-bottom: 1px;
	text-align: left;
	border: 1px solid hsl(0,0%,50%);
}

	.wdevent[draggable=true][b-prkxy6240g], .wdadevent[draggable=true][b-prkxy6240g] {
		cursor: grab;
	}

/*Daily/weekly view - first column cells with the time slots*/
.timeslot[b-prkxy6240g] {
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	color: hsl(0,0%,40%);
	background-color: var(--nb_left);
	position: relative;
	display: grid;
	align-items: center;
}

	.timeslot > span[b-prkxy6240g] {
		vertical-align: middle;
	}


/*=======================================*/
/*  MONTHLY VIEW                         */
/*=======================================*/

/*Monthly calendar container*/
.monthly[b-prkxy6240g] {
	display: inline;
	height: 100%;
}

/*Day name header row in monthly calendar*/
.mondaylabels[b-prkxy6240g] {
	background-color: var(--nb_left);
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	overflow-y: scroll;
}

/*Cells with day names in .mondaylabels row*/
.mdayhead[b-prkxy6240g] {
	text-align: center;
	font-size: larger;
	padding: 3px;
	border: 1px solid hsl(0,0%,60%);
}

/*Monthly daily event content grid*/
.mboxlayout[b-prkxy6240g] {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	height: 100%;
	overflow-y: scroll;
}

/*Day grid cell*/
.mdaybox[b-prkxy6240g] {
	height: 180px;
	padding: 3px;
	border: 1px solid hsl(0,0%,60%);
	position: relative;
	overflow: hidden;
}

	.mdaybox.today[b-prkxy6240g] {
		background-color: var(--nb_left);
	}

	/*For the days in the calendar grid that fall before and after the current month, we lighten the text*/
	.mdaybox.outmon[b-prkxy6240g] {
		color: hsla(0,0%,60%);
	}

	/*Day number button in monthly grid cells*/
	.mdaybox .mdaynum[b-prkxy6240g] {
		padding-bottom: 1px;
		position: relative;
		display: block;
		width: 100%;
		text-align: right;
	}

.mdaybtn[b-prkxy6240g] {
	color: inherit;
	background-color: inherit;
	border-radius: 3px;
	border: 1px solid hsl(0,0%,90%);
	outline: 1px solid hsl(0,0%,90%);
}

	.mdaybtn:hover[b-prkxy6240g] {
		background-color: var(--nb_left);
	}

	.mdaybtn:active[b-prkxy6240g], .mdaybtn:focus[b-prkxy6240g] {
		background-color: var(--nb_left);
		border: 1px solid hsl(0,0%,50%);
		outline: 1px solid hsl(0,0%,50%);
	}


/*Individual event buttons in monthly calendar*/
.moncalevent[b-prkxy6240g] {
	color: inherit;
	font-size: 14px;
	position: relative;
	display: block;
	margin-bottom: 2px;
	padding: 2px;
	background: none;
	border: 1px solid transparent;
	width: 100%;
	text-align: left;
}

	.moncalevent:hover[b-prkxy6240g] {
		border: 1px solid hsl(0,0%,75%);
	}

	.moncalevent:active[b-prkxy6240g], .moncalevent:focus[b-prkxy6240g] {
		border: 1px solid hsl(0,0%,50%);
		outline: 1px solid hsl(0,0%,50%);
	}

	.moncalevent[draggable=true][b-prkxy6240g] {
		cursor: grab;
	}
/* /Feature/HomeTiles/ActiveBatches.razor.rz.scp.css */
.batches-container[b-qo74iz0d1o] {
    display: grid;
    grid-template-columns: [col]80% [col]20%;
}
.batches-viewall[b-qo74iz0d1o] {
    margin-top: 20px;
    font-weight: bold;
    color: hsl(210,40%,40%);
}
.batches-viewall > a[b-qo74iz0d1o] {
        text-decoration: none;
        color: hsl(210,40%,40%);
}
/* /Feature/HomeTiles/AddTileModal.razor.rz.scp.css */
.add-modal-select[b-rulrivr3ri] {
    width: 98%;
    padding-left: 5px;
    border-radius: 5px;
}
.tiles-select-list[b-rulrivr3ri] {
    width: 98%;
    padding: 15px;
    border-radius: 5px;
}
.search-input[b-rulrivr3ri] {
        border: 1px solid #e0e1e4;
        position: relative;
        padding-bottom: 0.2em;
}
.search-input div[b-rulrivr3ri] {
       padding-top : 2px;
    }
.search-input-block[b-rulrivr3ri] {
    display: grid;
    grid-template-columns: [col]18px [col]1fr [col]22px;
    grid-gap: 4px;
}
.search-input a[b-rulrivr3ri] {
        padding-left: 2px;
        padding-right: 5px;
        cursor: default;
 }
input[type="text"]:focus[b-rulrivr3ri] {
    border: 1px solid #406f9d;
}
.search-clear[b-rulrivr3ri] {
    font-size: 24px;
    background: white;
    border: none;
    outline: none;
    color: grey;
    cursor: pointer;
}
.tiles-select-list input[type="text"][b-rulrivr3ri] {
    width: 100%;
    border: none;
    outline: 0;
    line-height: 1.4em;
    margin: 0;
}
.items-block[b-rulrivr3ri] {
    border: 1px solid #e0e1e4;
    border-top: none;
    height: 20vh;
    overflow-y: auto;
}
.tiles-select-list ul.items[b-rulrivr3ri] {
        padding: 2px;
        margin: 0;
    }
    
.tiles-select-list ul.items li[b-rulrivr3ri] {
        list-style: none;
 }

.add-modal-select > option[b-rulrivr3ri] {
    padding-bottom: 3px;
}
.btn-container[b-rulrivr3ri]{
    padding:10px;
}
.primary-btn[b-rulrivr3ri] {
        color: white;
        background: rgb(57, 107, 158);
        border: 1px solid rgb(57, 107, 158);
}
.secondary-btn[b-rulrivr3ri] {
    color: rgb(57, 107, 158);
    background: white;
    border: 1px solid #6c757d;
}
.btn[b-rulrivr3ri] {
    border-radius: 0.25rem;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
/* /Feature/HomeTiles/Announcements.razor.rz.scp.css */
p[b-l867xsdxuv] {
    margin: 0px !important;
}

.annoucement-container[b-l867xsdxuv] {
    height: 100%;
}

    .annoucement-container > div[b-l867xsdxuv] {
        position: relative;
        height: 100%;
    }

.announcement-grid[b-l867xsdxuv] {
    display: grid;
    grid-template-columns: [col]20% [col]80%;
    grid-template-rows: 1fr 25px;
    justify-content: center;
    position: relative;
    height: 99%;
}

.calendar-list[b-l867xsdxuv] {
    border: 1px solid gainsboro;
    width: 60px;
    vertical-align: middle;
    margin-right: 10px;
    float: left;
    clear: both;
}

    .calendar-list span[b-l867xsdxuv] {
        display: block;
        padding: 2px;
        text-align: center;
        font-weight: 700;
    }

.month[b-l867xsdxuv] {
    background: var(--nb_top, hsl(210,40%,40%));
    color: white;
}

.day[b-l867xsdxuv] {
    color: var(--nb_top, hsl(210,40%,40%));
}

.priority-row[b-l867xsdxuv] {
    font-size: small;
    font-weight: bold;
}

.body-row[b-l867xsdxuv] {
    overflow-y: auto;
}

.annoucement-content[b-l867xsdxuv] {
    overflow-y: auto;
    position: absolute;
    height: 80%;
}

body-row > p[b-l867xsdxuv] {
    margin: 0px;
}

.text-wrap[b-l867xsdxuv] {
    position: relative;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.text-clamp-1[b-l867xsdxuv] {
    -webkit-line-clamp: 1;
}

.text-clamp-2[b-l867xsdxuv] {
    -webkit-line-clamp: 2;
}

.name-row[b-l867xsdxuv] {
    color: hsla(0, 0%, 38%, 1);
    font-size: small;
}

.priority-1[b-l867xsdxuv] {
    color: hsl(4, 74%, 45%);
}

.priority-2[b-l867xsdxuv] {
    color: hsl(0, 74%, 57%);
}

.priority-3[b-l867xsdxuv] {
    color: hsl(33, 93%, 51%);
}

.priority-4[b-l867xsdxuv] {
    color: hsl(113, 62%, 25%);
}

.priority-5[b-l867xsdxuv] {
    color: hsl(33, 93%, 51%);
}
/* /Feature/HomeTiles/Controls/Settings.razor.rz.scp.css */
.tile-setting[b-6d2aaeq9pb] {
    z-index: 1;
    grid-row: 1/1;
    grid-column: 1/4;
}
.tile-options-grid-container[b-6d2aaeq9pb] {
    display: grid;
    grid-template-columns: [col]1fr [col]1fr;
    grid-gap: 4px;
    background: white;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    padding-bottom: 10px;
    height: auto;
}
.tile-option-title-row[b-6d2aaeq9pb] {
    grid-column: col / span 2;
    /*text-align: center;*/
    border-bottom: 1px solid silver;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
    /*color: white;
    background-color: hsl(210,40%,40%);*/
}
.tile-option-item[b-6d2aaeq9pb] {
    padding-left: 5px;
    padding-right: 5px;
}
.tile-option-item > select[b-6d2aaeq9pb] {
    width: 100%;
}
.tile-option-item-sel[b-6d2aaeq9pb] {
    float: right;
}
.tile-option-last-row[b-6d2aaeq9pb] {
    grid-column: col / span 2;
}
.tile-option-last-row > select[b-6d2aaeq9pb] {
    width: 95%;
}
.btn[b-6d2aaeq9pb] {
    border-radius: 0.25rem;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    margin-right: 10px;
}
.primary-btn[b-6d2aaeq9pb] {
    color: white;
    background: rgb(57, 107, 158);
    border: 1px solid rgb(57, 107, 158);
}

.secondary-btn[b-6d2aaeq9pb] {
    color: white;
    background: #6c757d;
    border: 1px solid #6c757d;
}
.helper-text[b-6d2aaeq9pb] {
    color: hsla(0, 0%, 38%, 1);
    font-size: small;
}
/* /Feature/HomeTiles/Controls/TextSlider.razor.rz.scp.css */
.slider-content[b-bjdn3jgmrf] {
    display: grid;
    grid-template-columns: [col]1fr [col]1fr [col]1fr;
    justify-items: right;
}
.page-num[b-bjdn3jgmrf] {
    color: hsla(0, 0%, 38%, 1);
    font-size: small;
}
.nav-container[b-bjdn3jgmrf] {
    display: grid;
    grid-template-columns: [col]20px [col]20px;
}
.btn-image[b-bjdn3jgmrf] {
    background: none;
    border: none;
    padding: 0px;
}
/* /Feature/HomeTiles/Controls/TileHeader.razor.rz.scp.css */
.tile-content-header-row[b-x06i6n9abx] {
    grid-row: 1/2;
    grid-column: 1/4;
}
.tile-title[b-x06i6n9abx] {
    border-bottom: 1px solid #CDCDCD;
    padding-bottom: 5px;
}
.tile-title-block[b-x06i6n9abx] {
    display: grid;
    grid-template-columns: [col]1fr [col]24px;
    grid-gap: 4px;
}
.tile-title-lbl[b-x06i6n9abx] {
    font-weight: bold;
    color: var(--nb_top, hsl(210,40%,40%));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow:hidden;
}
.col-tile-setting[b-x06i6n9abx] {
    display: none;
}
/* /Feature/HomeTiles/CustomTiles.razor.rz.scp.css */
.count-layout[b-utecuc4zfe] {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    position: relative;
    padding-top: 7%;
}
.count-static[b-utecuc4zfe] {
    display: inline-block;
    font-size: 60px;
    color: hsla(196, 97%, 28%, 1);
}
.group-by-layout[b-utecuc4zfe] {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.grp-row-container[b-utecuc4zfe] {
    display: grid;
    grid-template-columns: [col]80% [col]20%;
}
.multi-count-tile[b-utecuc4zfe] {
    border: 1px solid #cdcdcd;
    border-radius: 5px;
}
.multi-count-box[b-utecuc4zfe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(35px, 120px));
    justify-content: center;
    grid-gap: 10px;
    margin: 10px;
}
.multi-count-row1[b-utecuc4zfe] {
    text-align: center;
    padding: 7px 0px 10px 0px;
}
.multi-count[b-utecuc4zfe] {
    font-size: 22px;
    font-weight: bold;
    color: hsla(179, 55%, 42%, 1)
}
.multi-count-row2[b-utecuc4zfe] {
    text-align: center;
    padding-bottom: 6px;
}
.multi-count-label[b-utecuc4zfe] {
    font-size: small;
    font-weight: bold;
    color: hsla(287, 1%, 40%, 1)
}
.pivot-col-name[b-utecuc4zfe] {
    font-weight: bold;
    border: 1px solid hsla(0, 0%, 80%, 1);
    border-top: none;
    border-left: none;
}
.pivot-cell[b-utecuc4zfe] {
    padding: 0px 4px 0px 4px;
    border: 1px solid hsla(0, 0%, 80%, 1);
    border-top: none;
    border-left: none;
    text-align: end;
}
.pivot-cell-left[b-utecuc4zfe] {
    text-align: left;
}
.print[b-utecuc4zfe] {
    text-align: right;
}
/* /Feature/HomeTiles/Dashboard.razor.rz.scp.css */
.dashboard-container[b-7sgkyli058] {
    display: grid;
    grid-template-columns: [col]95%;
    grid-template-rows: 25px 86%;
    justify-content: center;
    position: relative;
    height: 99%;
}
.comp-graph[b-7sgkyli058] {
    overflow-y: auto;
    height: 87%;
}
.bar-legend-container[b-7sgkyli058] {
    padding: 7px;
    height: auto;
    width: 170px;
    float: right;
    position: absolute;
}
.legend-text[b-7sgkyli058] {
    font-size: small;
}
.pie-lgnd-container[b-7sgkyli058] {
    display: grid;
    grid-template-columns: [col]5% [col]95%;
    grid-gap: 8px;
}
.slider-row[b-7sgkyli058] { 
    padding-left: 15%; 
}
.dot[b-7sgkyli058] {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}
.pie-lgnd-font[b-7sgkyli058] {
    font-size: small;
}
/* /Feature/HomeTiles/ENewsLetter.razor.rz.scp.css */
.letter-viewall[b-v8jlx1xj4t] {
    margin-top: 10px;
    font-weight: bold;
    float: right;
}
.letter-viewall > a[b-v8jlx1xj4t] {
        text-decoration: none;
        color: hsl(210,40%,40%);
    }
.count[b-v8jlx1xj4t] {
        color: hsl(210,40%,40%);
        font-weight: bold;
}
.font-bold[b-v8jlx1xj4t] {
    font-weight: bold;
}
.letter-container[b-v8jlx1xj4t] {
    display: grid;
    grid-template-columns: [col]30px [col]90%;
}
.finish-container[b-v8jlx1xj4t] {
    display: grid;
    grid-template-columns: [col]83% [col]17%;
}
/* /Feature/HomeTiles/MediaCenter.razor.rz.scp.css */
.pdng-container[b-yq4clz1k42] {
    display: grid;
    grid-template-columns: [col] 20px [col] 80%;
    padding-left: 10px;
    padding-bottom: 25px;
}
.pad-3[b-yq4clz1k42] {
    padding-top: 3px;
}
.cir-disc[b-yq4clz1k42] {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    background-color: hsla(21, 100%, 70%, 1);
}
.msg-font[b-yq4clz1k42] {
    color: hsla(21, 100%, 50%, 1);
    font-weight: bold;
    font-size: 21px;
    padding-right: 5px;
}
.msg-lbl[b-yq4clz1k42] {
    font-size: small;
    color: hsla(0, 0%, 38%, 1);
    font-weight: bold;
}
/* /Feature/HomeTiles/MyAlerts.razor.rz.scp.css */
/*.alert-container {
    height: 100%;
}
.sender-row {
    font-size: small;
    color: grey;
}
.body-row {
    padding-top: 10px;
}
.text-wrap {
    position: relative;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    
    overflow: hidden;
}
.text-clamp-1 {
    -webkit-line-clamp: 1;
}
.text-clamp-2 {
    -webkit-line-clamp: 2;
}*/
.myalert-container[b-df6p1rk5b9] {
    overflow-y: auto;
    height: 100%;
}
.count-container[b-df6p1rk5b9] {
    display: grid;
    grid-template-columns: [col]80% [col]20%;
}
/* /Feature/HomeTiles/MyCalendar.razor.rz.scp.css */
.calendar-body-scroll[b-9rkut839fr] {
    overflow-y: auto;
    height: 70%;
}
.calendar-container[b-9rkut839fr] {
    display: grid;
    grid-template-columns: [col]90px [col]68%;
}
.calendar-row[b-9rkut839fr] {
    font-size: smaller;
    padding: 2px 0px 9px 0px;
}
.no-data[b-9rkut839fr] {
    margin-top: 30px;
    height: 55%;
}
.no-data-inactive[b-9rkut839fr] {
    height: 85%;
}
.date-container[b-9rkut839fr] {
    display: grid;
    grid-template-columns: [col]25% [col]50% [col]25%;
}

.back-col[b-9rkut839fr] {
    text-align: right;
}

.date-col[b-9rkut839fr] {
    text-align: center;
    color: hsl(210,40%,40%);
}
.hidden[b-9rkut839fr] {
    display: none;
}
.btn-image[b-9rkut839fr] {
    background: none;
    border:none;
    padding: 0px;
}
/* /Feature/HomeTiles/MyDueServices.razor.rz.scp.css */
.service-container[b-3yb4571j7r] {
    display: grid;
    grid-template-columns: [col]3% [col]97%;
}
.due-date[b-3yb4571j7r] {
    color: hsla(0, 0%, 38%, 1);
    font-size: small;
    display: grid;
    grid-template-columns: [col]75% [col]25%;
    padding-bottom: 10px;
}
.history-data[b-3yb4571j7r] {
    display: grid;
    grid-template-columns: [col]5% [col]90%;
}
.hist-icn[b-3yb4571j7r]{
    padding-top:3px;
}
/* /Feature/HomeTiles/MyOpenServices.razor.rz.scp.css */
.services-body-scroll[b-ssg0pbvq94] {
    overflow-y: auto;
    height: 85%;
}
.service-container[b-ssg0pbvq94] {
    display: grid;
    grid-template-columns: [col]3% [col]97%;
}

.create-date[b-ssg0pbvq94] {
    color: hsla(0, 0%, 38%, 1);
    font-size: small;
}
.servicebytype-container[b-ssg0pbvq94] {
    display: grid;
    grid-template-columns: [col]80% [col]20%;
}
.service-viewall[b-ssg0pbvq94] {
    text-decoration: none;
    color: hsl(210,40%,40%);
    font-weight: bold;
}
/* /Feature/HomeTiles/MyRecentRecords.razor.rz.scp.css */
.records-container[b-if678fu7ku] {
    display: grid;
    grid-template-columns: [col]5% [col]95%;
    grid-template-rows: 30px 76%;
    justify-content: center;
    position: relative;
    height: 99%;
}
.module-box[b-if678fu7ku] {
    text-align: center;
}
.module-name[b-if678fu7ku] {
    padding-left: 10px;
}
.module-body[b-if678fu7ku] {
    grid-column: 1 / span 2;
}
.module-body-scroll[b-if678fu7ku] {
    overflow-y: auto;
    position: absolute;
    height: 75%;
    width: 100%;
}
.time-post[b-if678fu7ku] {
    color: hsla(0, 0%, 38%, 1);
    font-size: small;
    display: grid;
    grid-template-columns: [col]75% [col]25%;
    padding-bottom: 10px;
}
.title-container[b-if678fu7ku] {
    display: grid;
    grid-template-columns: [col]3% [col]97%;
}
.slider-row[b-if678fu7ku] {
    display: grid;
    grid-template-columns: [col]20% [col]80%;
}
.title[b-if678fu7ku] {
    display: inline-block;
    color: hsla(218, 85%, 43%, 1);
    text-decoration: none;
}

/* /Feature/HomeTiles/MyTasks.razor.rz.scp.css */
.task-container[b-o2ew508n2l] {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    position: relative;
    padding-top: 7%;
}
.task-title[b-o2ew508n2l] {
    text-decoration: none;
    color: hsl(210,40%,40%);
    font-size: 16px;
    font-weight: bold;
}
/* /Feature/HomeTiles/MyWorkSummary.razor.rz.scp.css */
.summary-container ul[b-88t94vrhzr] {
    list-style-type: none;
    margin: 0px;
}

.summary-count[b-88t94vrhzr] {
    float: right;
    padding-right: 40px;
}

.universe-container[b-88t94vrhzr] {
    display: grid;
    grid-template-columns: [col]80% [col]20%;
}
.universe-container > div a[b-88t94vrhzr] {
    background-color: pink;
}
.summary-link:hover[b-88t94vrhzr] {
    text-decoration: underline;
}
.active-file-link[b-88t94vrhzr] {
    display: inline-block;
    color: hsla(218, 85%, 43%, 1);
    text-decoration: none;
}
/* /Feature/HomeTiles/NewSubscribers.razor.rz.scp.css */
.legend[b-zry08p979s] {
    font-size: small;
    padding-top: 5px;
}

.bar-color[b-zry08p979s] {
    background-color: hsla(196, 91%, 82%, 1);
}

.chart[b-zry08p979s] {
    display: table;
    table-layout: fixed;
    width: 80%;
    height: 50%;
    margin: 0 auto;
    padding-left: 0px;
    padding-top: 25px;
}

    .chart li[b-zry08p979s] {
        position: relative;
        display: table-cell;
        vertical-align: bottom;
        height: 80%;
        border-bottom: 1px solid hsla(0, 0%, 70%, 1);
    }

    .chart span[b-zry08p979s] {
        margin: 0 5px;
        display: block;
        background: hsla(196, 91%, 82%, 1);
        animation: draw-b-zry08p979s 1s ease-in-out;
    }

        .chart span[b-zry08p979s]:before {
            position: absolute;
            left: 0;
            right: 0;
            top: 100%;
            padding: 5px 0 0;
            display: block;
            text-align: center;
            content: attr(bar);
            word-wrap: break-word;
            font-size: small;
        }


.comparer-container[b-zry08p979s] {
    display: grid;
    grid-template-columns: [col]33% [col]33% [col]33%;
    font-size: small;
    font-weight: bold;
    color: hsl(0,0%,5%);
}

.sticky-text[b-zry08p979s] {
    font-size: small;
    padding-top: 4px;
    padding-left: 15px;
}

.chart-info[b-zry08p979s] {
    font-size: small;
    color: hsla(0, 0%, 38%, 1);
    padding-bottom: 5px;
}

.chart-compare[b-zry08p979s] {
    float: right;
}

.chart-compare-increase[b-zry08p979s] {
    color: hsla(124, 94%, 30%, 1);
    font-weight: bold;
}
.chart-compare-decrease[b-zry08p979s] {
    color: hsl(4, 74%, 45%);
    font-weight: bold;
}

@keyframes draw-b-zry08p979s {
    0% {
        height: 0;
    }
}
/* /Feature/HomeTiles/OpenMessages.razor.rz.scp.css */
.MsgCountContainer-3[b-nyjvv0eqd5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(125px, 150px));
    text-align: center;
    padding-top: 25px;
}
.CountLbl[b-nyjvv0eqd5] {
    font-size: small;
}
/* /Feature/HomeTiles/ReadyToPrint.razor.rz.scp.css */
.ReadyToPrintMsg-tbl[b-e10vr71a9k] {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    position: relative;
    padding-top: 7%;
}

.count-label[b-e10vr71a9k] {
    text-align: center;
}
/* /Feature/HomeTiles/ReadyToSend.razor.rz.scp.css */
.ReadyToSendMsg-tbl[b-tf87etqkvv] {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
    justify-items: center;
    position: relative;
    padding-top: 5%;
}
.count-label[b-tf87etqkvv] {
    text-align: center;
}
.send-box[b-tf87etqkvv] {
    display: grid;
    grid-template-columns: [col] 20px [col] 65px;
}
.pad-5[b-tf87etqkvv] {
    padding-top: 5px;
}
.pad-10[b-tf87etqkvv] {
    padding-left: 10px;
}
.send-btn[b-tf87etqkvv] {
    display: inline-block;
    color: hsl(210, 40%, 40%);
    text-decoration: none;
    font-weight: bold;
    padding: 8px 0px 5px 0px;
}
/* /Feature/HomeTiles/RSSFeed.razor.rz.scp.css */
.active-link[b-xbtxbk5icv] {
    display: inline-block;
    color: hsla(218, 85%, 43%, 1);
    text-decoration: none;
}
.font-size[b-xbtxbk5icv] {
    font-size: small;
}
.font-color[b-xbtxbk5icv] {
    color: hsla(0, 0%, 38%, 1);
}
/* /Feature/HomeTiles/SavedSearches.razor.rz.scp.css */
input[b-seqwvhjith] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.search-container[b-seqwvhjith] {
    overflow-y: auto;
    height: 100%;
    width: 100%;
}
.search-pos[b-seqwvhjith] {
    position: absolute;
}
.search-top[b-seqwvhjith] {
    padding-top: 10px
}

.tab-label[b-seqwvhjith] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
}
.tab-label[b-seqwvhjith]::after {
        content: "\276F";
        width: 1em;
        height: 1em;
        color: hsla(0, 0%, 38%, 1);
        text-align: center;
        transition: all .35s;
}
.tab-label-active[b-seqwvhjith]::after {
    transform: rotate(90deg);
}
.tab-content > ul[b-seqwvhjith] {
        margin-block-start: 0px;
        margin-block-end: 0px;
        list-style-type: none;
}
.top-search-list[b-seqwvhjith] {
    padding-bottom: 7px;
}
.top-search-type[b-seqwvhjith] {
    color: hsla(0, 0%, 38%, 1);
    font-size: small;
    margin-top: -5px
}
.top-search-links:hover[b-seqwvhjith] {
    text-decoration:underline;
}
.search-viewall[b-seqwvhjith] {
    margin-top: 10px;
    font-weight: bold;
    color: hsl(210,40%,40%);
}
.search-viewall > a[b-seqwvhjith] {
        text-decoration: none;
        color: hsl(210,40%,40%);
}
.search-viewall > a:hover[b-seqwvhjith] {
        text-decoration: underline;
        font-weight: bold;
}
.search-link:hover[b-seqwvhjith]  .formnavlink {
    text-decoration: underline;
}
/* /Feature/HomeTiles/Service.razor.rz.scp.css */
.service-tbl[b-y8u5ifik7r] {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    position: relative;
    padding-top: 7%;
}
/* /Feature/HomeTiles/SetIncoming.razor.rz.scp.css */
.sets-container[b-qthaeuysjn] {
    display: grid;
    grid-template-columns: [col]80% [col]20%;
}
.set-name-link[b-qthaeuysjn] {
    display: inline-block;
    color: hsla(218, 85%, 43%, 1);
    text-decoration: none;
}
.sets-viewall[b-qthaeuysjn] {
    margin-top: 20px;
    font-weight: bold;
    color: hsl(210,40%,40%);
}
.sets-viewall > a[b-qthaeuysjn] {
        text-decoration: none;
        color: hsl(210,40%,40%);
}
.incoming-container ul[b-qthaeuysjn] {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
/* /Feature/HomeTiles/SMSMassText.razor.rz.scp.css */
.font-bold[b-mww0y6pu9r] {
    font-weight: bold;
}
.font-small[b-mww0y6pu9r] {
    font-size: small;
}
.color-blue[b-mww0y6pu9r] {
    color: hsla(210,40%,40%);
}
.color-grey[b-mww0y6pu9r] {
    color: hsla(0, 0%, 38%, 1);
}
.right-align[b-mww0y6pu9r] {
    float: right;
}
.status-container[b-mww0y6pu9r] {
    display: grid;
    grid-template-columns: [col] 35px [col] 80%;
    grid-gap: 8px;
    margin-left: 8px;
}
.status-indicator[b-mww0y6pu9r] {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}
.sent-container[b-mww0y6pu9r] {
    display: grid;
    grid-template-columns: [ col ] 55% [ col ] 20% [col] 20%;
}
/* /Feature/HomeTiles/TourTracker.razor.rz.scp.css */
.trackr-container[b-tyhjv5bmvf] {
    display: grid;
    grid-template-columns: [col]18% [col]18% [col]18% [col]18% [col]18%;
    text-align: center;
    padding-top: 30px;
    grid-gap: 15px;
}
.count-link[b-tyhjv5bmvf] {
    display: inline-block;
    color: hsla(196, 97%, 28%, 1);
    font-size: 35px;
    text-decoration: none;
}
.count-desc[b-tyhjv5bmvf] {
    color: hsla(287, 1%, 40%, 1);
    font-size: small;
    font-weight: bold;
}
.tracker-lbl-pos[b-tyhjv5bmvf] {
    margin-top: -15px;
}
/* /Feature/HomeTiles/VoiceMail.razor.rz.scp.css */
.voice-cnt-layout[b-5jn7050m46] {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    position: relative;
}
/* /Feature/HomeTiles/WorkByAccount.razor.rz.scp.css */
.acc-container[b-kv0ev64jbp] {
    display: grid;
    grid-template-columns: repeat(4, 90px);
    margin: 5px;
}
.all-acc-container[b-kv0ev64jbp] {
    display: grid;
    grid-template-columns: repeat(7, 90px);
    margin: 5px;
}
.acc-link[b-kv0ev64jbp] {
    border: none;
    background-color: inherit;
    color: hsla(218, 85%, 43%, 1);
    font-size: inherit;
    text-decoration: none;
}
.font-bold[b-kv0ev64jbp] {
    font-weight: bold;
}
.align-right[b-kv0ev64jbp] {
    text-align: right;
}
.align-center[b-kv0ev64jbp] {
    text-align: center;
}
.col-2-5[b-kv0ev64jbp] {
    grid-column: 2 / 5;
}
.col-5-8[b-kv0ev64jbp] {
    grid-column: 5 / 8;
}
.pad-10[b-kv0ev64jbp] {
    padding-bottom: 10px;
}
.pad-25[b-kv0ev64jbp] {
    padding-left: 25px;
}
.pad-33[b-kv0ev64jbp] {
    padding-left: 33px;
}
/* /Feature/Library/CheckInOut.razor.rz.scp.css */
.iqe-check[b-xtadoco9sg] {
	font-style: italic;
	font-size: 10pt;
	color: #223;
}

.iqe-icon[b-xtadoco9sg] {
	font-weight: bold;
	font-style: normal;
}
/* /Feature/Library/EditFormLetter.razor.rz.scp.css */
.letter-left[b-msfamkwnct] {
	max-height: 770px;
	overflow: auto;
}

.letter-right[b-msfamkwnct] {
	margin: 30px 0 0 15px;
	max-height: 740px;
	overflow: auto;
}

ul.formletter-attachments[b-msfamkwnct] {
	background: none repeat scroll 0 0 transparent;
	outline: 0 none !important;
	display: inline-block;
	height: auto !important;
	margin: 0;
	padding: 0;
	width: 99%;
	/* overflow: auto; */
	position: relative;
	/*min-height: 1.4em;*/
	/* border: 1px solid #CCCCCC;*/
}

	ul.formletter-attachments li.ui-file[b-msfamkwnct] {
		float: left;
		list-style-type: none;
		margin: .5% 1% .5% 0;
		position: relative;
		white-space: nowrap;
	}

		ul.formletter-attachments li.ui-file .file[b-msfamkwnct] {
			display: inline-block;
			margin: 0;
			position: relative;
			/* width: 100%; */
			white-space: nowrap;
		}

.file span.type-icon[b-msfamkwnct] {
	height: 16px;
	width: 16px;
	margin-right: 2px;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	background: url(img/paperclip.png) no-repeat;
}

.ui-file .file span.type-icon.type-file[b-msfamkwnct] {
	background: url(img/table.png) no-repeat !important;
}

.ui-file.ui-file-type-eml .file span.type-icon[b-msfamkwnct],
.ui-file.ui-file-type-msg .file span.type-icon[b-msfamkwnct] {
	background: url(img/email.png) no-repeat;
}

.ui-file.ui-file-type-doc .file span.type-icon[b-msfamkwnct],
.ui-file.ui-file-type-docm .file span.type-icon[b-msfamkwnct] {
	background: url(img/word.gif) no-repeat;
}

.ui-file-type-txt .file span.type-icon[b-msfamkwnct] {
	background: url(img/text.gif) no-repeat;
}

.ui-file-type-htm .file span.type-icon[b-msfamkwnct],
.ui-file-type-html .file span.type-icon[b-msfamkwnct] {
	background: url(img/htm.jpg) no-repeat;
}

.ui-file-type-rtf .file span.type-icon[b-msfamkwnct] {
	background: url(img/rtf.gif) no-repeat;
}

.ui-file-type-pdf .file span.type-icon[b-msfamkwnct] {
	background: url(img/acrobat.gif) no-repeat;
}

.ui-file-type-xls .file span.type-icon[b-msfamkwnct],
.ui-file-type-xlsx .file span.type-icon[b-msfamkwnct] {
	background: url(img/excel.gif) no-repeat;
}

.ui-file-type-zip .file span.type-icon[b-msfamkwnct] {
	background: url(img/zip.gif) no-repeat;
}

.ui-file-type-xml .file span.type-icon[b-msfamkwnct] {
	background: url(img/xml.gif) no-repeat;
}

.ui-file-type-svg .file span.type-icon[b-msfamkwnct],
.ui-file-type-tif .file span.type-icon[b-msfamkwnct],
.ui-file-type-gif .file span.type-icon[b-msfamkwnct],
.ui-file-type-png .file span.type-icon[b-msfamkwnct],
.ui-file-type-peng .file span.type-icon[b-msfamkwnct],
.ui-file-type-ico .file span.type-icon[b-msfamkwnct],
.ui-file-type-jpg .file span.type-icon[b-msfamkwnct],
.ui-file-type-bmp .file span.type-icon[b-msfamkwnct] {
	background: url(img/image.gif) no-repeat;
}

/*.letter-view p {
	margin: 0;
	padding: 0;
}

.letter-preview p {
	margin: 0;
	padding: 0;
}*/
/* /Feature/Messages/AddMessage.razor.rz.scp.css */
.message-main[b-tdyw8yaptf]{
	margin-left:25px;
}

button[title="Show"][b-tdyw8yaptf],
button[title="Show Less"][b-tdyw8yaptf] {
	border: 0;
	position: absolute;
	z-index: 99;
}

.message-main .or[b-tdyw8yaptf] {
	width: 60px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}

button.button_link[b-tdyw8yaptf] {
	color: blue;
}

ul.message-attachments[b-tdyw8yaptf] {
	background: none repeat scroll 0 0 transparent;
	outline: 0 none !important;
	display: inline-block;
	height: auto !important;
	margin: 0;
	padding: 0;
	width: 99%;
	/* overflow: auto; */
	position: relative;
	/*min-height: 1.4em;*/
	/* border: 1px solid #CCCCCC;*/
}

	ul.message-attachments li.ui-file[b-tdyw8yaptf] {
		float: left;
		list-style-type: none;
		margin: .5% 1% .5% 0;
		position: relative;
		white-space: nowrap;
	}

		ul.message-attachments li.ui-file .file[b-tdyw8yaptf] {
			display: inline-block;
			margin: 0;
			position: relative;
			/* width: 100%; */
			white-space: nowrap;
		}

.file span.type-icon[b-tdyw8yaptf] {
	height: 16px;
	width: 16px;
	margin-right: 2px;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	background: url(img/paperclip.png) no-repeat;
}

.ui-file.ui-file-type-eml .file span.type-icon[b-tdyw8yaptf],
.ui-file.ui-file-type-msg .file span.type-icon[b-tdyw8yaptf] {
	background: url(img/email.png) no-repeat;
}

.ui-file.ui-file-type-doc .file span.type-icon[b-tdyw8yaptf],
.ui-file.ui-file-type-docm .file span.type-icon[b-tdyw8yaptf] {
	background: url(img/word.gif) no-repeat;
}

.ui-file-type-txt .file span.type-icon[b-tdyw8yaptf] {
	background: url(img/text.gif) no-repeat;
}

.ui-file-type-htm .file span.type-icon[b-tdyw8yaptf],
.ui-file-type-html .file span.type-icon[b-tdyw8yaptf] {
	background: url(img/htm.jpg) no-repeat;
}

.ui-file-type-rtf .file span.type-icon[b-tdyw8yaptf] {
	background: url(img/rtf.gif) no-repeat;
}

.ui-file-type-pdf .file span.type-icon[b-tdyw8yaptf] {
	background: url(img/acrobat.gif) no-repeat;
}

.ui-file-type-xls .file span.type-icon[b-tdyw8yaptf],
.ui-file-type-xlsx .file span.type-icon[b-tdyw8yaptf] {
	background: url(img/excel.gif) no-repeat;
}

.ui-file-type-zip .file span.type-icon[b-tdyw8yaptf] {
	background: url(img/zip.gif) no-repeat;
}

.ui-file-type-xml .file span.type-icon[b-tdyw8yaptf] {
	background: url(img/xml.gif) no-repeat;
}

.ui-file-type-tif .file span.type-icon[b-tdyw8yaptf],
.ui-file-type-gif .file span.type-icon[b-tdyw8yaptf],
.ui-file-type-png .file span.type-icon[b-tdyw8yaptf],
.ui-file-type-peng .file span.type-icon[b-tdyw8yaptf],
.ui-file-type-ico .file span.type-icon[b-tdyw8yaptf],
.ui-file-type-jpg .file span.type-icon[b-tdyw8yaptf],
.ui-file-type-bmp .file span.type-icon[b-tdyw8yaptf] {
	background: url(img/image.gif) no-repeat;
}

.letter-view[b-tdyw8yaptf]{
	margin-left:25px;
}

/*.letter-view p {
	margin: 0;
	padding: 0;
}

.letter-preview p {
	margin: 0;
	padding: 0;
}*/
/* /Feature/Messages/AddService.razor.rz.scp.css */
.message-main[b-eij26a7320]{
	margin-left:25px;
}

button[title="Show"][b-eij26a7320],
button[title="Show Less"][b-eij26a7320] {
	border: 0;
	position: absolute;
	z-index: 99;
}

.message-main .or[b-eij26a7320] {
	width: 60px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}

button.button_link[b-eij26a7320] {
	color: blue;
}

ul.message-attachments[b-eij26a7320] {
	background: none repeat scroll 0 0 transparent;
	outline: 0 none !important;
	display: inline-block;
	height: auto !important;
	margin: 0;
	padding: 0;
	width: 99%;
	/* overflow: auto; */
	position: relative;
	/*min-height: 1.4em;*/
	/* border: 1px solid #CCCCCC;*/
}

	ul.message-attachments li.ui-file[b-eij26a7320] {
		float: left;
		list-style-type: none;
		margin: .5% 1% .5% 0;
		position: relative;
		white-space: nowrap;
	}

		ul.message-attachments li.ui-file .file[b-eij26a7320] {
			display: inline-block;
			margin: 0;
			position: relative;
			/* width: 100%; */
			white-space: nowrap;
		}

.file span.type-icon[b-eij26a7320] {
	height: 16px;
	width: 16px;
	margin-right: 2px;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	background: url(img/paperclip.png) no-repeat;
}

.ui-file.ui-file-type-eml .file span.type-icon[b-eij26a7320],
.ui-file.ui-file-type-msg .file span.type-icon[b-eij26a7320] {
	background: url(img/email.png) no-repeat;
}

.ui-file.ui-file-type-doc .file span.type-icon[b-eij26a7320],
.ui-file.ui-file-type-docm .file span.type-icon[b-eij26a7320] {
	background: url(img/word.gif) no-repeat;
}

.ui-file-type-txt .file span.type-icon[b-eij26a7320] {
	background: url(img/text.gif) no-repeat;
}

.ui-file-type-htm .file span.type-icon[b-eij26a7320],
.ui-file-type-html .file span.type-icon[b-eij26a7320] {
	background: url(img/htm.jpg) no-repeat;
}

.ui-file-type-rtf .file span.type-icon[b-eij26a7320] {
	background: url(img/rtf.gif) no-repeat;
}

.ui-file-type-pdf .file span.type-icon[b-eij26a7320] {
	background: url(img/acrobat.gif) no-repeat;
}

.ui-file-type-xls .file span.type-icon[b-eij26a7320],
.ui-file-type-xlsx .file span.type-icon[b-eij26a7320] {
	background: url(img/excel.gif) no-repeat;
}

.ui-file-type-zip .file span.type-icon[b-eij26a7320] {
	background: url(img/zip.gif) no-repeat;
}

.ui-file-type-xml .file span.type-icon[b-eij26a7320] {
	background: url(img/xml.gif) no-repeat;
}

.ui-file-type-tif .file span.type-icon[b-eij26a7320],
.ui-file-type-gif .file span.type-icon[b-eij26a7320],
.ui-file-type-png .file span.type-icon[b-eij26a7320],
.ui-file-type-peng .file span.type-icon[b-eij26a7320],
.ui-file-type-ico .file span.type-icon[b-eij26a7320],
.ui-file-type-jpg .file span.type-icon[b-eij26a7320],
.ui-file-type-bmp .file span.type-icon[b-eij26a7320] {
	background: url(img/image.gif) no-repeat;
}

.letter-view[b-eij26a7320]{
	margin-left:25px;
}

/*.letter-view p {
	margin: 0;
	padding: 0;
}

.letter-preview p {
	margin: 0;
	padding: 0;
}*/
/* /Feature/Messages/BatchMsgReport.razor.rz.scp.css */
.report-print[b-l42s952k6t] { 
    float: right;
}
.report-container[b-l42s952k6t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 510px));
    justify-content: center;
    position: relative;
    grid-gap: 40px;
}
.report-tile[b-l42s952k6t] {
    /*height: 280px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;*/
    padding: 8px;
}
.font-bold[b-l42s952k6t] {
    font-weight : bold;
}
.status-label-font[b-l42s952k6t] {
    font-size: small;
    color: hsla(287, 1%, 40%, 1);
    display: block;
    line-height: 14px;
}
.status-count-font[b-l42s952k6t] {
    font-weight: bold;
    font-size: large;
}
.status-container[b-l42s952k6t] {
    display: grid;
    grid-template-columns: [col]20% [col]20% [col]20% [col]20% [col]20%;
    grid-gap: 8px;
}
.title-margin[b-l42s952k6t] {
    padding-bottom: 10px;
}
.chart-margin[b-l42s952k6t] {
    margin-top: 10px;
    font-size: small;
}
.status-box-layout[b-l42s952k6t] {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    padding: 15px 0;
}
.text-purple[b-l42s952k6t] {
    color: hsla(287, 100%, 42%, 1);
}
.text-green[b-l42s952k6t] {
    color: hsla(130, 73%, 22%, 0.92);
}
.text-blue[b-l42s952k6t] {
    color: hsla(196, 97%, 28%, 1);
}
.text-orange[b-l42s952k6t] {
    color: hsla(21, 100%, 50%, 1);
}
.text-green1[b-l42s952k6t] {
    color: hsla(179, 55%, 42%, 1);
}
.donot-chart-container[b-l42s952k6t] {
    display: grid;
    grid-template-columns: [col]40% [col]60%;
    grid-gap: 8px;
}
.msg-legend-container[b-l42s952k6t] {
    display: grid;
    grid-template-columns: [col]5% [col]95%;
    grid-gap: 8px;
}
.msg-legend-dot[b-l42s952k6t] {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}
/* /Feature/Messages/BatchSummary.razor.rz.scp.css */
.summary-container[b-vdfcnh3dt3] {
    display: grid;
    grid-template-columns: fit-content(30%) auto;
    grid-gap: 30px;
}
.merge-cols[b-vdfcnh3dt3] {
    grid-column: 1 / 3;
}
.open-total-container[b-vdfcnh3dt3] {
    display: grid;
    grid-template-columns: fit-content(30%) auto fit-content(30%) auto;
    grid-gap: 5px;
}
.msg-count-container[b-vdfcnh3dt3] {
    display: grid;
    grid-template-columns: fit-content(30%) 70px 70px;
    grid-gap: 7px;
}
.rule-container[b-vdfcnh3dt3] {
    display: grid;
    grid-template-columns: fit-content(30%) auto;
}
.rule-col-space[b-vdfcnh3dt3]{
    margin-left: 30px;
}
.font-bold[b-vdfcnh3dt3] {
    font-weight: bold;
}
.align-center[b-vdfcnh3dt3] {
    text-align:center;
}
/* /Feature/Messages/CheckInOut.razor.rz.scp.css */
.iqe-check[b-c2je6v2fm7] {
	font-style: italic;
	font-size: 10pt;
	color: #223;
}

.iqe-icon[b-c2je6v2fm7] {
	font-weight: bold;
	font-style: normal;
}
/* /Feature/Messages/Controls/QuickText.razor.rz.scp.css */
.ui-page .ui-images .ui-all-actions[b-yb2ensdo9u] {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 1em;
	z-index: 999;
	width: 100%;
	background-color: #efefef;
}

.ui-page .ui-images.dialog .ui-all-actions[b-yb2ensdo9u],
.ui-page .ui-images.zonethemebar .ui-all-actions[b-yb2ensdo9u] {
	padding-top: 30px;
}

.ui-page label[b-yb2ensdo9u] {
	float: left;
	width: 90px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 12px;
	text-align: left;
}

.ui-page .ui-checkbox[b-yb2ensdo9u],
.ui-page .ui-radio[b-yb2ensdo9u] {
	padding: 0 !important;
}

	.ui-page .ui-checkbox label[b-yb2ensdo9u],
	.ui-page .ui-radio label[b-yb2ensdo9u] {
		width: auto;
		font-size: 12px;
	}

.ui-page fieldset[b-yb2ensdo9u] {
	float: left;
	margin-right: .5em;
}

.ui-page .ui-controlgroup.ui-image-type .ui-controlgroup-label[b-yb2ensdo9u] {
	display: none;
}

.ui-page div.ui-input-text[b-yb2ensdo9u],
.ui-page textarea.ui-input-text[b-yb2ensdo9u],
.ui-page div.ui-input-file[b-yb2ensdo9u],
.ui-page div.ui-checkbox[b-yb2ensdo9u],
.ui-page div.select2-container[b-yb2ensdo9u] {
	float: left;
	/*width: 78%;*/
	margin-top: .5em;
}

.ui-page div.ui-select .ui-btn[b-yb2ensdo9u] {
	font-size: 12px;
}

.ui-page .select2-container[b-yb2ensdo9u] {
	width: 100%;
}

.ui-page .ui-data[b-yb2ensdo9u] {
	overflow: hidden;
	clear: both;
	position: relative;
}

.ui-page .toolbar[b-yb2ensdo9u] {
	background-color: #F9F9F9;
	border-width: 0;
	margin-bottom: 0.5em;
	padding: 0.1em;
	width: 100%;
	text-align: center;
	margin-top: 2em;
}

	.ui-page .toolbar .ui-btn[b-yb2ensdo9u] {
		display: inline-block;
		width: 15%;
		float: none;
		background-color: #ffffff;
		color: #333333;
		text-shadow: none;
		border-color: #CCCCCC;
		margin-bottom: .5em;
	}

	/*.dialogPage .toolbar div.ui-btn.ui-send {
        background-color: green;
        color: white;
      }*/

	.ui-page .toolbar div.ui-btn.ui-create[b-yb2ensdo9u],
	.ui-page .toolbar div.ui-btn.ui-save[b-yb2ensdo9u] {
		background-color: #396b9e;
		border-color: #044062;
		color: white;
	}

ul.images[b-yb2ensdo9u] {
	margin: 2.5em 0 0 0;
	padding: 0;
}

.ui-images.dialog ul.images[b-yb2ensdo9u],
.ui-images.zonethemebar ul.images[b-yb2ensdo9u] {
	margin-top: 4em;
}

ul.images li[b-yb2ensdo9u] {
	list-style-type: none;
	margin: 1.1em;
/*	padding: 1em;*/
	border: 1px solid #ddd;
	background: transparent;
	width: 100px;
	height: 110px; /*ly, tr#219207*/
	float: left;
	position: relative;
	z-index: 1;
}

	ul.images li img[b-yb2ensdo9u] {
		width: 100%;
	}

	/*ly, tr#219207*/
	ul.images li .name[b-yb2ensdo9u] {
		text-align: center;
		font-size: 0.7em;
		bottom: 5px;
		position: absolute;
		display: block;
		width: 100px;
		overflow-X: hidden;
		text-overflow: ellipsis;
	}

	ul.images li .ui-actions[b-yb2ensdo9u] {
		display: none;
		position: absolute;
		bottom: 20px; /*ly, tr#219207*/
		width: 100%;
		padding: 0 5%;
		left: 2px;
		text-align: center;
	}

	ul.images li:hover .ui-actions[b-yb2ensdo9u] {
		display: block;
		z-index: 999;
	}

	ul.images li .ui-actions a.ui-btn[b-yb2ensdo9u] {
		font-size: 13px;
		font-weight: normal;
		line-height: 12px;
		width: 30%;
		margin-right: 10px;
		background-color: #396b9e;
		color: #fff;
		padding: 5px;
	}

.ui-images .ui-input-search[b-yb2ensdo9u] {
	float: left;
	clear: left;
	width: 100%;
}

.ui-images.dialog .ui-input-search[b-yb2ensdo9u],
.ui-images.zonethemebar .ui-input-search[b-yb2ensdo9u] {
	top: 5px;
}

.sort-action[b-yb2ensdo9u] {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: .5em;
	position: relative;
	float: left;
}

.ui-caption .ui-checkbox[b-yb2ensdo9u] {
	margin-right: .5em !important;
}

.sort-action ul[b-yb2ensdo9u] {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	clear: left;
	top: 33px;
	min-width: 155px;
	background-color: #f7f6f2;
	border: 1px solid #ceccc0;
	padding: 7px;
	border-radius: .2em;
	z-index: 99;
}

.sort-options .sorttext[b-yb2ensdo9u] {
	float: left;
	clear: both;
	font-size: 13px;
}

.sort-options .ui-icon[b-yb2ensdo9u] {
	float: right;
}

.btn-upload[b-yb2ensdo9u] {
	float: right;
	margin-right: 2.5em;
}

/* /Feature/Messages/EditMessage.razor.rz.scp.css */
.message-header[b-uknt2yv872]{
	font-size:16px !important;
	margin-bottom:5px;
}
.message-left[b-uknt2yv872] {
	max-height: 770px;
	overflow: auto;
}

.message-right[b-uknt2yv872] {
	margin: 30px 0 0 15px;
	max-height: 740px;
	overflow: auto;
}

.message-right .discussion[b-uknt2yv872] {
	margin-top: 50px;
}

.message-main[b-uknt2yv872]{
	margin-left:25px;
}

button[title="Show"][b-uknt2yv872],
button[title="Show Less"][b-uknt2yv872] {
	border: 0;
	position: absolute;
	z-index: 99;
}

.message-main .or[b-uknt2yv872] {
	width: 60px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}

button.button_link[b-uknt2yv872] {
	color: blue;
}


.letter-view[b-uknt2yv872]{
	margin-left:25px;
}

/*.letter-view p {
	margin: 0;
	padding: 0;
}

.letter-preview p {
	margin: 0;
	padding: 0;
}*/
/* /Feature/Messages/ImageManager.razor.rz.scp.css */
html[b-adbz1l5ys9],
body[b-adbz1l5ys9]{
	height:100%;
}
.ui-images .ui-options[b-adbz1l5ys9] {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 1em;
	z-index: 999;
	width: 100%;
	background-color: #efefef;
}

.ui-images .ui-options[b-adbz1l5ys9] {
	padding: 20px;
}

.ui-images .ui-ui-options label[b-adbz1l5ys9] {
	margin-top: 0;
}

.ui-images label[b-adbz1l5ys9] {
	float: left;
	/*width: 90px;*/
	font-size: 12px;
	font-weight: bold;
	margin-top: 12px;
	text-align: left;
}

.ui-images .ui-image-type label[b-adbz1l5ys9] {
	margin-right:10px;
}

.ui-images .ui-checkbox[b-adbz1l5ys9],
.ui-images .ui-radio[b-adbz1l5ys9] {
	padding: 0 !important;
}

	.ui-images .ui-checkbox label[b-adbz1l5ys9],
	.ui-images .ui-radio label[b-adbz1l5ys9] {
		width: auto;
		font-size: 12px;
	}

.ui-images fieldset[b-adbz1l5ys9] {
	float: left;
	margin-right: .5em;
	border: 1px solid #ddd;
	padding: 0.5em;
	border-radius: 0.5em
}

.ui-images fieldset label[b-adbz1l5ys9]{
	margin-top:0;
}

ul.images[b-adbz1l5ys9] {
	margin: 1em 0 0 0;
	padding: 0;
}

ul.images li[b-adbz1l5ys9] {
	list-style-type: none;
	margin: 1.1em;
/*	padding: 1em;*/
	border: 1px solid #ddd;
	background: transparent;
	width: 100px;
	height: 110px; /*ly, tr#219207*/
	float: left;
	position: relative;
	z-index: 1;
}

	ul.images li img[b-adbz1l5ys9] {
		width: 100%;
	}

	/*ly, tr#219207*/
	ul.images li .name[b-adbz1l5ys9] {
		text-align: center;
		font-size: 0.7em;
		bottom: 5px;
		position: absolute;
		display: block;
		width: 100px;
		overflow-X: hidden;
		text-overflow: ellipsis;
	}

	ul.images li .ui-actions[b-adbz1l5ys9] {
		display: none;
		position: absolute;
		bottom: 20px; /*ly, tr#219207*/
		width: 100%;
		padding: 0 5%;
		left: 2px;
		text-align: center;
	}

	ul.images li:hover .ui-actions[b-adbz1l5ys9] {
		display: block;
		z-index: 999;
	}

	ul.images li .ui-actions a.ui-btn[b-adbz1l5ys9] {
		font-size: 13px;
		font-weight: normal;
		line-height: 12px;
		width: 30%;
		margin-right: 10px;
		background-color: #396b9e;
		color: #fff;
		padding: 5px;
	}

.ui-images .ui-input-search[b-adbz1l5ys9] {
	float: left;
	clear: left;
	width: 100%;
}

.ui-images.dialog .ui-input-search[b-adbz1l5ys9],
.ui-images.zonethemebar .ui-input-search[b-adbz1l5ys9] {
	top: 5px;
}

.sort-action[b-adbz1l5ys9] {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: .5em;
	position: relative;
	float: left;
}

.ui-caption .ui-checkbox[b-adbz1l5ys9] {
	margin-right: .5em !important;
}

.sort-action ul[b-adbz1l5ys9] {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	clear: left;
	top: 33px;
	min-width: 155px;
	background-color: #f7f6f2;
	border: 1px solid #ceccc0;
	padding: 7px;
	border-radius: .2em;
	z-index: 99;
}

.sort-options .sorttext[b-adbz1l5ys9] {
	float: left;
	clear: both;
	font-size: 13px;
}

.sort-options .ui-icon[b-adbz1l5ys9] {
	float: right;
}

.btn-upload[b-adbz1l5ys9] {
	float: right;
	margin-right: 2.5em;
}

/* /Feature/Messages/MergeCode.razor.rz.scp.css */
.ui-page .ui-images .ui-all-actions[b-oexf3h3i4g] {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 1em;
	z-index: 999;
	width: 100%;
	background-color: #efefef;
}

.ui-page .ui-images.dialog .ui-all-actions[b-oexf3h3i4g],
.ui-page .ui-images.zonethemebar .ui-all-actions[b-oexf3h3i4g] {
	padding-top: 30px;
}

.ui-page label[b-oexf3h3i4g] {
	float: left;
	width: 90px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 12px;
	text-align: left;
}

.ui-page .ui-checkbox[b-oexf3h3i4g],
.ui-page .ui-radio[b-oexf3h3i4g] {
	padding: 0 !important;
}

	.ui-page .ui-checkbox label[b-oexf3h3i4g],
	.ui-page .ui-radio label[b-oexf3h3i4g] {
		width: auto;
		font-size: 12px;
	}

.ui-page fieldset[b-oexf3h3i4g] {
	float: left;
	margin-right: .5em;
}

.ui-page .ui-controlgroup.ui-image-type .ui-controlgroup-label[b-oexf3h3i4g] {
	display: none;
}

.ui-page div.ui-input-text[b-oexf3h3i4g],
.ui-page textarea.ui-input-text[b-oexf3h3i4g],
.ui-page div.ui-input-file[b-oexf3h3i4g],
.ui-page div.ui-checkbox[b-oexf3h3i4g],
.ui-page div.select2-container[b-oexf3h3i4g] {
	float: left;
	/*width: 78%;*/
	margin-top: .5em;
}

.ui-page div.ui-select .ui-btn[b-oexf3h3i4g] {
	font-size: 12px;
}

.ui-page .select2-container[b-oexf3h3i4g] {
	width: 100%;
}

.ui-page .ui-data[b-oexf3h3i4g] {
	overflow: hidden;
	clear: both;
	position: relative;
}

.ui-page .toolbar[b-oexf3h3i4g] {
	background-color: #F9F9F9;
	border-width: 0;
	margin-bottom: 0.5em;
	padding: 0.1em;
	width: 100%;
	text-align: center;
	margin-top: 2em;
}

	.ui-page .toolbar .ui-btn[b-oexf3h3i4g] {
		display: inline-block;
		width: 15%;
		float: none;
		background-color: #ffffff;
		color: #333333;
		text-shadow: none;
		border-color: #CCCCCC;
		margin-bottom: .5em;
	}

	/*.dialogPage .toolbar div.ui-btn.ui-send {
        background-color: green;
        color: white;
      }*/

	.ui-page .toolbar div.ui-btn.ui-create[b-oexf3h3i4g],
	.ui-page .toolbar div.ui-btn.ui-save[b-oexf3h3i4g] {
		background-color: #396b9e;
		border-color: #044062;
		color: white;
	}

ul.images[b-oexf3h3i4g] {
	margin: 2.5em 0 0 0;
	padding: 0;
}

.ui-images.dialog ul.images[b-oexf3h3i4g],
.ui-images.zonethemebar ul.images[b-oexf3h3i4g] {
	margin-top: 4em;
}

ul.images li[b-oexf3h3i4g] {
	list-style-type: none;
	margin: 1.1em;
/*	padding: 1em;*/
	border: 1px solid #ddd;
	background: transparent;
	width: 100px;
	height: 110px; /*ly, tr#219207*/
	float: left;
	position: relative;
	z-index: 1;
}

	ul.images li img[b-oexf3h3i4g] {
		width: 100%;
	}

	/*ly, tr#219207*/
	ul.images li .name[b-oexf3h3i4g] {
		text-align: center;
		font-size: 0.7em;
		bottom: 5px;
		position: absolute;
		display: block;
		width: 100px;
		overflow-X: hidden;
		text-overflow: ellipsis;
	}

	ul.images li .ui-actions[b-oexf3h3i4g] {
		display: none;
		position: absolute;
		bottom: 20px; /*ly, tr#219207*/
		width: 100%;
		padding: 0 5%;
		left: 2px;
		text-align: center;
	}

	ul.images li:hover .ui-actions[b-oexf3h3i4g] {
		display: block;
		z-index: 999;
	}

	ul.images li .ui-actions a.ui-btn[b-oexf3h3i4g] {
		font-size: 13px;
		font-weight: normal;
		line-height: 12px;
		width: 30%;
		margin-right: 10px;
		background-color: #396b9e;
		color: #fff;
		padding: 5px;
	}

.ui-images .ui-input-search[b-oexf3h3i4g] {
	float: left;
	clear: left;
	width: 100%;
}

.ui-images.dialog .ui-input-search[b-oexf3h3i4g],
.ui-images.zonethemebar .ui-input-search[b-oexf3h3i4g] {
	top: 5px;
}

.sort-action[b-oexf3h3i4g] {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: .5em;
	position: relative;
	float: left;
}

.ui-caption .ui-checkbox[b-oexf3h3i4g] {
	margin-right: .5em !important;
}

.sort-action ul[b-oexf3h3i4g] {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	clear: left;
	top: 33px;
	min-width: 155px;
	background-color: #f7f6f2;
	border: 1px solid #ceccc0;
	padding: 7px;
	border-radius: .2em;
	z-index: 99;
}

.sort-options .sorttext[b-oexf3h3i4g] {
	float: left;
	clear: both;
	font-size: 13px;
}

.sort-options .ui-icon[b-oexf3h3i4g] {
	float: right;
}

.btn-upload[b-oexf3h3i4g] {
	float: right;
	margin-right: 2.5em;
}

/* /Feature/Messages/ReadExecutiveRpt.razor.rz.scp.css */
.report-print[b-xaxl4rtzo4] {
    float: right;
}
.msg-container[b-xaxl4rtzo4] {
    border-radius: 14px;
    border: 1px solid #cdcdcd;
    margin: 15px 0px 25px 0px;
}
.overall-width[b-xaxl4rtzo4] {
    padding: 10px;
    width: 485px;
}
.container-min-width[b-xaxl4rtzo4] {
    padding: 10px;
    width: 90%;
    min-width: 600px;
}
.overall-box[b-xaxl4rtzo4] {
    display: grid;
    grid-template-columns: [col] 100px [col] 145px [col] 210px;
    padding: 10px 0px 10px 20px;
}
.pad-8[b-xaxl4rtzo4] {
    padding-top: 8px;
}
.pad-15[b-xaxl4rtzo4] {
    padding: 15px 10px 0px 18px;
}
.msg-icon-circle[b-xaxl4rtzo4] {
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 80%, 1);
    height: 60px;
    width: 60px;
    border-radius: 50%;
}
.text-center[b-xaxl4rtzo4] {
    text-align: center;
}
.margin-5[b-xaxl4rtzo4] {
    margin-left: 5px;
}
.margin-30[b-xaxl4rtzo4] {
    margin-right: 30px;
}
.label-font[b-xaxl4rtzo4] {
    font-size: 25px;
    color: hsla(196, 97%, 28%, 1);
    font-weight: bold;
}
.overall-growth-box[b-xaxl4rtzo4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 5px;
}
.overvall-lbl-start-end[b-xaxl4rtzo4] {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 13px;
    color: hsla(0, 0%, 38%, 1);
}
.width-75[b-xaxl4rtzo4] {
    width: 75px;
}
.margin-50[b-xaxl4rtzo4] {
    margin-left: 50px;
}
.overall-end-date-box[b-xaxl4rtzo4] {
    display: grid;
    grid-template-columns: [col] 55% [col] 28%;
}
.upper-lbl-box-2[b-xaxl4rtzo4] {
    display: grid;
    grid-template-columns: [col] 70px [col] 160px;
    padding: 18px 0px 10px 20px;
}
.upper-lbl-box-4[b-xaxl4rtzo4] {
    display: grid;
    grid-template-columns: [col] 70px [col] 120px;
    padding: 18px 0px 10px 20px;
}
.upper-lbl-box-3[b-xaxl4rtzo4] {
    display: grid;
    grid-template-columns: [col] 70px [col] 160px [col] 160px [col] 160px;
    padding: 18px 0px 10px 20px;
}
.pad-17[b-xaxl4rtzo4] {
    padding: 17px 10px 0px 12px;
}
.label-text[b-xaxl4rtzo4] {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
    color: hsla(0, 0%, 38%, 1)
}
.chart-box[b-xaxl4rtzo4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 350px));
    grid-gap: 30px;
}
.pad-10[b-xaxl4rtzo4] {
    padding: 10px 0px 10px 0px;
}
.trend-container[b-xaxl4rtzo4] {
    border-radius: 14px;
    border: 1px solid #cdcdcd;
    margin: 15px 0px 25px 0px;
    padding: 20px 0px 20px 20px;
    width: 90%;
}
.trend-header-box[b-xaxl4rtzo4] {
    display: grid;
    grid-template-columns: [col] 30px [col] 340px;
}
.text-color[b-xaxl4rtzo4] {
    color: hsla(196, 97%, 28%, 1)
}
/* /Feature/Outreach/AddTMessage.razor.rz.scp.css */
.ui-header[b-xny4bdim4p] {
	font-size: 0.7em;
}

button.button_link[b-xny4bdim4p] {
	color: blue;
}

ul.message-attachments[b-xny4bdim4p] {
	background: none repeat scroll 0 0 transparent;
	outline: 0 none !important;
	display: inline-block;
	height: auto !important;
	margin: 0;
	padding: 0;
	width: 99%;
	/* overflow: auto; */
	position: relative;
	/*min-height: 1.4em;*/
	/* border: 1px solid #CCCCCC;*/
}

	ul.message-attachments li.ui-file[b-xny4bdim4p] {
		float: left;
		list-style-type: none;
		margin: .5% 1% .5% 0;
		position: relative;
		white-space: nowrap;
	}

		ul.message-attachments li.ui-file .file[b-xny4bdim4p] {
			display: inline-block;
			margin: 0;
			position: relative;
			/* width: 100%; */
			white-space: nowrap;
		}

.file span.type-icon[b-xny4bdim4p] {
	height: 16px;
	width: 16px;
	margin-right: 2px;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	background: url(img/paperclip.png) no-repeat;
}

.ui-file.ui-file-type-eml .file span.type-icon[b-xny4bdim4p],
.ui-file.ui-file-type-msg .file span.type-icon[b-xny4bdim4p] {
	background: url(img/email.png) no-repeat;
}

.ui-file.ui-file-type-doc .file span.type-icon[b-xny4bdim4p],
.ui-file.ui-file-type-docx .file span.type-icon[b-xny4bdim4p],
.ui-file.ui-file-type-docm .file span.type-icon[b-xny4bdim4p] {
	background: url(img/word.gif) no-repeat;
}

.ui-file-type-txt .file span.type-icon[b-xny4bdim4p] {
	background: url(img/text.gif) no-repeat;
}

.ui-file-type-htm .file span.type-icon[b-xny4bdim4p],
.ui-file-type-html .file span.type-icon[b-xny4bdim4p] {
	background: url(img/htm.jpg) no-repeat;
}

.ui-file-type-rtf .file span.type-icon[b-xny4bdim4p] {
	background: url(img/rtf.gif) no-repeat;
}

.ui-file-type-pdf .file span.type-icon[b-xny4bdim4p] {
	background: url(img/acrobat.gif) no-repeat;
}

.ui-file-type-xls .file span.type-icon[b-xny4bdim4p],
.ui-file-type-xlsx .file span.type-icon[b-xny4bdim4p] {
	background: url(img/excel.gif) no-repeat;
}

.ui-file-type-zip .file span.type-icon[b-xny4bdim4p] {
	background: url(img/zip.gif) no-repeat;
}

.ui-file-type-xml .file span.type-icon[b-xny4bdim4p] {
	background: url(img/xml.gif) no-repeat;
}

.ui-file-type-tif .file span.type-icon[b-xny4bdim4p],
.ui-file-type-gif .file span.type-icon[b-xny4bdim4p],
.ui-file-type-png .file span.type-icon[b-xny4bdim4p],
.ui-file-type-peng .file span.type-icon[b-xny4bdim4p],
.ui-file-type-ico .file span.type-icon[b-xny4bdim4p],
.ui-file-type-jpg .file span.type-icon[b-xny4bdim4p],
.ui-file-type-bmp .file span.type-icon[b-xny4bdim4p] {
	background: url(img/image.gif) no-repeat;
}

/*library file*/
.ui-file .file span.type-icon.type-file[b-xny4bdim4p] {
	background: url(img/table.png) no-repeat;
}

.letter-view[b-xny4bdim4p]{
	margin-left:25px;
}

/*.letter-view p {
	margin: 0;
	padding: 0;
}

.letter-preview p {
	margin: 0;
	padding: 0;
}*/
/* /Feature/Outreach/AddTMessageText.razor.rz.scp.css */
.ui-header[b-xciow1raab] {
	font-size: 0.7em;
}

button.button_link[b-xciow1raab] {
	color: blue;
}

ul.message-attachments[b-xciow1raab] {
	background: none repeat scroll 0 0 transparent;
	outline: 0 none !important;
	display: inline-block;
	height: auto !important;
	margin: 0;
	padding: 0;
	width: 99%;
	/* overflow: auto; */
	position: relative;
	/*min-height: 1.4em;*/
	/* border: 1px solid #CCCCCC;*/
}

	ul.message-attachments li.ui-file[b-xciow1raab] {
		float: left;
		list-style-type: none;
		margin: .5% 1% .5% 0;
		position: relative;
		white-space: nowrap;
	}

		ul.message-attachments li.ui-file .file[b-xciow1raab] {
			display: inline-block;
			margin: 0;
			position: relative;
			/* width: 100%; */
			white-space: nowrap;
		}

.file span.type-icon[b-xciow1raab] {
	height: 16px;
	width: 16px;
	margin-right: 2px;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	background: url(img/paperclip.png) no-repeat;
}

.ui-file.ui-file-type-eml .file span.type-icon[b-xciow1raab],
.ui-file.ui-file-type-msg .file span.type-icon[b-xciow1raab] {
	background: url(img/email.png) no-repeat;
}

.ui-file.ui-file-type-doc .file span.type-icon[b-xciow1raab],
.ui-file.ui-file-type-docx .file span.type-icon[b-xciow1raab],
.ui-file.ui-file-type-docm .file span.type-icon[b-xciow1raab] {
	background: url(img/word.gif) no-repeat;
}

.ui-file-type-txt .file span.type-icon[b-xciow1raab] {
	background: url(img/text.gif) no-repeat;
}

.ui-file-type-htm .file span.type-icon[b-xciow1raab],
.ui-file-type-html .file span.type-icon[b-xciow1raab] {
	background: url(img/htm.jpg) no-repeat;
}

.ui-file-type-rtf .file span.type-icon[b-xciow1raab] {
	background: url(img/rtf.gif) no-repeat;
}

.ui-file-type-pdf .file span.type-icon[b-xciow1raab] {
	background: url(img/acrobat.gif) no-repeat;
}

.ui-file-type-xls .file span.type-icon[b-xciow1raab],
.ui-file-type-xlsx .file span.type-icon[b-xciow1raab] {
	background: url(img/excel.gif) no-repeat;
}

.ui-file-type-zip .file span.type-icon[b-xciow1raab] {
	background: url(img/zip.gif) no-repeat;
}

.ui-file-type-xml .file span.type-icon[b-xciow1raab] {
	background: url(img/xml.gif) no-repeat;
}

.ui-file-type-tif .file span.type-icon[b-xciow1raab],
.ui-file-type-gif .file span.type-icon[b-xciow1raab],
.ui-file-type-png .file span.type-icon[b-xciow1raab],
.ui-file-type-peng .file span.type-icon[b-xciow1raab],
.ui-file-type-ico .file span.type-icon[b-xciow1raab],
.ui-file-type-jpg .file span.type-icon[b-xciow1raab],
.ui-file-type-bmp .file span.type-icon[b-xciow1raab] {
	background: url(img/image.gif) no-repeat;
}

/*library file*/
.ui-file .file span.type-icon.type-file[b-xciow1raab] {
	background: url(img/table.png) no-repeat;
}

.letter-view[b-xciow1raab]{
	margin-left:25px;
}

/*.letter-view p {
	margin: 0;
	padding: 0;
}

.letter-preview p {
	margin: 0;
	padding: 0;
}*/
/* /Feature/Outreach/Controls/Emails.razor.rz.scp.css */
.header-container[b-7rg288r9pk] {
    display: grid;
    grid-template-columns: [col]15px [col]1fr;
    grid-column-gap: 8px;
    padding: 8px 5px 10px 10px;
}
.header-row[b-7rg288r9pk] {
    font-weight: bold;
    font-size: 19px;
    color: hsla(196, 97%, 28%, 1);
}
.response-container[b-7rg288r9pk] {
    display: grid;
    grid-template-columns: [col]40px [col]1fr;
    padding-bottom: 5px;
}
.initial-cir[b-7rg288r9pk] {
    height: 20px;
    width: 20px;
    background-color: hsla(196, 91%, 82%, 1);
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-left: 12px;
    color: hsla(196, 97%, 28%, 1);
    font-weight: bold;
    font-size: small;
}
.resp-from[b-7rg288r9pk] {
    color: hsla(0, 0%, 38%, 1);
    font-size: small;
}
.response-msg[b-7rg288r9pk] {
    padding-top: 10px;
    width: 440px;
    word-wrap: break-word;
}
.font-clr-blue[b-7rg288r9pk] {
    color: hsla(218, 85%, 43%, 1);
}
.font-bold[b-7rg288r9pk] {
    font-weight: bold;
}

/* /Feature/Outreach/Controls/ENewsLetterHTML.razor.rz.scp.css */
/* /Feature/Outreach/Controls/PublishedFiles.razor.rz.scp.css */
.ui-page .ui-images .ui-all-actions[b-2z2av3o6h5] {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 1em;
	z-index: 999;
	width: 100%;
	background-color: #efefef;
}

.ui-page .ui-images.dialog .ui-all-actions[b-2z2av3o6h5],
.ui-page .ui-images.zonethemebar .ui-all-actions[b-2z2av3o6h5] {
	padding-top: 30px;
}

.ui-page label[b-2z2av3o6h5] {
	float: left;
	width: 90px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 12px;
	text-align: left;
}

.ui-page .ui-checkbox[b-2z2av3o6h5],
.ui-page .ui-radio[b-2z2av3o6h5] {
	padding: 0 !important;
}

	.ui-page .ui-checkbox label[b-2z2av3o6h5],
	.ui-page .ui-radio label[b-2z2av3o6h5] {
		width: auto;
		font-size: 12px;
	}

.ui-page fieldset[b-2z2av3o6h5] {
	float: left;
	margin-right: .5em;
}

.ui-page .ui-controlgroup.ui-image-type .ui-controlgroup-label[b-2z2av3o6h5] {
	display: none;
}

.ui-page div.ui-input-text[b-2z2av3o6h5],
.ui-page textarea.ui-input-text[b-2z2av3o6h5],
.ui-page div.ui-input-file[b-2z2av3o6h5],
.ui-page div.ui-checkbox[b-2z2av3o6h5],
.ui-page div.select2-container[b-2z2av3o6h5] {
	float: left;
	/*width: 78%;*/
	margin-top: .5em;
}

.ui-page div.ui-select .ui-btn[b-2z2av3o6h5] {
	font-size: 12px;
}

.ui-page .select2-container[b-2z2av3o6h5] {
	width: 100%;
}

.ui-page .ui-data[b-2z2av3o6h5] {
	overflow: hidden;
	clear: both;
	position: relative;
}

.ui-page .toolbar[b-2z2av3o6h5] {
	background-color: #F9F9F9;
	border-width: 0;
	margin-bottom: 0.5em;
	padding: 0.1em;
	width: 100%;
	text-align: center;
	margin-top: 2em;
}

	.ui-page .toolbar .ui-btn[b-2z2av3o6h5] {
		display: inline-block;
		width: 15%;
		float: none;
		background-color: #ffffff;
		color: #333333;
		text-shadow: none;
		border-color: #CCCCCC;
		margin-bottom: .5em;
	}

	/*.dialogPage .toolbar div.ui-btn.ui-send {
        background-color: green;
        color: white;
      }*/

	.ui-page .toolbar div.ui-btn.ui-create[b-2z2av3o6h5],
	.ui-page .toolbar div.ui-btn.ui-save[b-2z2av3o6h5] {
		background-color: #396b9e;
		border-color: #044062;
		color: white;
	}

ul.images[b-2z2av3o6h5] {
	margin: 2.5em 0 0 0;
	padding: 0;
}

.ui-images.dialog ul.images[b-2z2av3o6h5],
.ui-images.zonethemebar ul.images[b-2z2av3o6h5] {
	margin-top: 4em;
}

ul.images li[b-2z2av3o6h5] {
	list-style-type: none;
	margin: 1.1em;
/*	padding: 1em;*/
	border: 1px solid #ddd;
	background: transparent;
	width: 100px;
	height: 110px; /*ly, tr#219207*/
	float: left;
	position: relative;
	z-index: 1;
}

	ul.images li img[b-2z2av3o6h5] {
		width: 100%;
	}

	/*ly, tr#219207*/
	ul.images li .name[b-2z2av3o6h5] {
		text-align: center;
		font-size: 0.7em;
		bottom: 5px;
		position: absolute;
		display: block;
		width: 100px;
		overflow-X: hidden;
		text-overflow: ellipsis;
	}

	ul.images li .ui-actions[b-2z2av3o6h5] {
		display: none;
		position: absolute;
		bottom: 20px; /*ly, tr#219207*/
		width: 100%;
		padding: 0 5%;
		left: 2px;
		text-align: center;
	}

	ul.images li:hover .ui-actions[b-2z2av3o6h5] {
		display: block;
		z-index: 999;
	}

	ul.images li .ui-actions a.ui-btn[b-2z2av3o6h5] {
		font-size: 13px;
		font-weight: normal;
		line-height: 12px;
		width: 30%;
		margin-right: 10px;
		background-color: #396b9e;
		color: #fff;
		padding: 5px;
	}

.ui-images .ui-input-search[b-2z2av3o6h5] {
	float: left;
	clear: left;
	width: 100%;
}

.ui-images.dialog .ui-input-search[b-2z2av3o6h5],
.ui-images.zonethemebar .ui-input-search[b-2z2av3o6h5] {
	top: 5px;
}

.sort-action[b-2z2av3o6h5] {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: .5em;
	position: relative;
	float: left;
}

.ui-caption .ui-checkbox[b-2z2av3o6h5] {
	margin-right: .5em !important;
}

.sort-action ul[b-2z2av3o6h5] {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	clear: left;
	top: 33px;
	min-width: 155px;
	background-color: #f7f6f2;
	border: 1px solid #ceccc0;
	padding: 7px;
	border-radius: .2em;
	z-index: 99;
}

.sort-options .sorttext[b-2z2av3o6h5] {
	float: left;
	clear: both;
	font-size: 13px;
}

.sort-options .ui-icon[b-2z2av3o6h5] {
	float: right;
}

.btn-upload[b-2z2av3o6h5] {
	float: right;
	margin-right: 2.5em;
}

/* /Feature/Outreach/Controls/SMSReport.razor.rz.scp.css */
.summary-container[b-iftunlyrc6] {
    display: grid;
    grid-template-columns: [col]380px [col]380px;
    margin: 20px 0px 10px 0px;
    grid-gap: 20px;
}
.tile-box[b-iftunlyrc6] {
    border: 1px solid #cdcdcd; 
    border-radius: 5px;
}
.account-box[b-iftunlyrc6] {
    font-size: 20px;
    padding: 10px 7px 15px 7px;
}
.result-tiles-container[b-iftunlyrc6] {
    display: grid;
    grid-template-columns: [col]150px [col]150px [col]150px [col]150px [col]150px;
    grid-gap: 8px;
    margin-top: 12px;
}
.chart-container[b-iftunlyrc6] {
    display: grid;
    grid-template-columns: [col]380px [col]380px;
    grid-gap: 35px;
}
.col-span2[b-iftunlyrc6] {
    grid-column: span 2;
}
.align-center[b-iftunlyrc6] {
    text-align: center;
}
.padding7[b-iftunlyrc6] {
    padding: 7px;
}
.padding3[b-iftunlyrc6] {
    padding: 3px;
}
.padingtop15[b-iftunlyrc6] {
    padding-top: 15px;
}
.tile-padding15[b-iftunlyrc6] {
    padding: 15px 0;
}
.font-bold[b-iftunlyrc6] {
    font-weight: bold;
}
.word-break[b-iftunlyrc6] {
    word-wrap: break-word;
}
.count-font-size[b-iftunlyrc6] {
    font-size: 22px;
}
.color-grey[b-iftunlyrc6] {
    color: hsla(287, 1%, 40%, 1);
}
.color-purple[b-iftunlyrc6] {
   color: hsla(287, 100%, 42%, 1) ;
}
.color-green[b-iftunlyrc6] {
    color: hsla(130, 73%, 22%, 0.92)
}
.color-teal[b-iftunlyrc6] {
    color: hsla(196, 97%, 28%, 1);
}
.color-orange[b-iftunlyrc6] {
    color: hsla(21, 100%, 50%, 1);
}
.color-teal1[b-iftunlyrc6] {
    color: hsla(179, 55%, 42%, 1)
}
.legend-percent-row[b-iftunlyrc6] {
    padding-top: 10px;
    font-size: 25px;
}
.bar-color[b-iftunlyrc6] {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}
.legend-text-container[b-iftunlyrc6] {
    display: grid;
    grid-template-columns: [col]90% [col]10%;
}
.legend-col[b-iftunlyrc6] {
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    padding: 10px 20px 10px 20px;
}
.legend-container[b-iftunlyrc6] {
    display: grid;
    grid-template-columns: [col]150px [col]150px;
    grid-gap: 15px;
    min-width: 350px;

}
.lengend-header-cell[b-iftunlyrc6] {
    height: 45px;
}
.print-container[b-iftunlyrc6] {
    display: block;
    text-align: right;
}
/* /Feature/Outreach/Controls/TabMetrics.razor.rz.scp.css */
.MetricsTable[b-4m0djeft3i] {
    display: grid;
    grid-template-columns: [col]230px [col]100px [col]160px;
    grid-row-gap: 5px;
    padding-bottom: 10px;
}
.header-row[b-4m0djeft3i] {
    padding-bottom: 20px;
}
.msg-heading-row[b-4m0djeft3i] {
    padding: 10px 0px 10px 10px;
}
.msg-heading-row h3[b-4m0djeft3i] {
        color: var(--nb_top, hsl(210,40%,60%));
}
.msg-brkdown-box[b-4m0djeft3i] {
    border: 1px solid hsla(0, 0%, 80%, 1);
    border-radius: 5px;
    width: 510px;
    margin: 20px 0px 20px 0px;
}
.msg-sub-header[b-4m0djeft3i] {
    font-weight: bold;
    font-size: 19px;
    color: hsla(196, 97%, 28%, 1);
}
.msg-send-box[b-4m0djeft3i] {
    padding-bottom: 15px;
    padding-left: 20px;
    display: grid;
    grid-template-columns: [col]90px [col]90px [col]1fr;
    grid-column-gap: 27px;
}
.msg-send-row[b-4m0djeft3i] {
    text-align: center;
    font-weight: bold;
    color: hsla(196, 97%, 28%, 1);
    background: hsla(198, 100%, 95%, 1);
}
.msg-send-font[b-4m0djeft3i] {
    font-size: 25px;
}
.msg-lgnd[b-4m0djeft3i] {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    background-color: hsla(196, 91%, 82%, 1);
}
.font-small[b-4m0djeft3i] {
    font-size: small;
}
.msg-metrix-col1[b-4m0djeft3i] {
    padding-left: 8px;
}
.text-align-center[b-4m0djeft3i] {
    text-align: center;
}
.survey-header-row[b-4m0djeft3i] {
    padding: 20px 0px 10px 0px;
}
.survey-header-row h3[b-4m0djeft3i] {
        color: var(--nb_top, hsl(210,40%,60%));
}
.survey-header-note[b-4m0djeft3i] {
    display: grid;
    grid-template-columns: [col]150px [col]125px [col]140px;
    color: var(--ct_note,#999);
}
.survey-questions[b-4m0djeft3i] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 410px));
    grid-gap: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.survey-question-block[b-4m0djeft3i] {
    border-radius: 5px;
    border: 1px solid hsla(0, 0%, 80%, 1);
}
.survey-question-row1[b-4m0djeft3i] {
    padding-top: 8px;
    display: grid;
    grid-template-columns: [col]30px [col]250px [col]98px;
    grid-gap: 10px;
}
.question-number[b-4m0djeft3i] {
    background-color: var(--cb_gridhd, hsl(210,40%,90%));
    text-align: center;
    font-weight: bold;
}
.question-text-col[b-4m0djeft3i] {
    border-left: 1px solid hsla(0, 0%, 80%, 1);
    padding-left: 3px;
}
.question-type[b-4m0djeft3i] {
    color: var(--ct_note,#999);
}
.question-type-block[b-4m0djeft3i] {
    display: grid;
    grid-template-columns: [col]12px [col]70px;
    grid-gap: 5px;
}
.question-type-img[b-4m0djeft3i] {
    padding-top: 3px;
}
.response-img-block[b-4m0djeft3i] {
    padding-top: 18px;
    padding-bottom: 10px;
}
.response-img-pos[b-4m0djeft3i] {
    padding: 0px 7px 0px 7px;
}
.msg-by-contacts[b-4m0djeft3i] {
    display: grid;
    grid-template-columns: [col]26px [col]1fr;
    grid-column-gap: 8px;
    padding: 8px 5px 15px 10px;
}
.contacts-text[b-4m0djeft3i] {
    padding-left: 100px;
}
.box-space[b-4m0djeft3i] {
    margin-top: 10px;
}
.msg-by-count[b-4m0djeft3i] {
    display: grid;
    grid-template-columns: [col]25px [col]1fr;
    grid-column-gap: 8px;
    padding: 8px 5px 15px 10px;
}
.resp-head-container[b-4m0djeft3i] {
    padding-top: 20px;
    display: grid;
    grid-template-columns: [col]15px [col]1fr;
    grid-gap: 8px;
}
.text-bold[b-4m0djeft3i] {
    font-weight: bold;
}
.other-container[b-4m0djeft3i] {
    max-height: 150px;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
}
.comment-top-margin[b-4m0djeft3i] {
    margin-top: 10px
}
.survey-container[b-4m0djeft3i] {
    border: 1px solid hsla(0, 0%, 80%, 1);
    border-radius: 5px;
    padding-left: 15px;
}
.survey-other-box[b-4m0djeft3i] {
    display: grid;
    grid-template-columns: [col]75px [col]1fr;
    grid-gap: 8px;
    width: 200px;
    padding-left: 100px;
}
.survey-text-resp[b-4m0djeft3i] {
    font-size: 30px;
    font-weight: bold;
    color: hsla(105, 69%, 35%, 1);
}
.other-msg-container[b-4m0djeft3i] {
    display: grid;
    grid-template-columns: [col]3% [col]97%;
    padding-bottom: 10px;
}
.star-pos[b-4m0djeft3i] {
    padding-top: 3px;
}
.clk-link[b-4m0djeft3i] {
    padding-left: 10px;
    padding-bottom: 10px;
}
.refsource-box[b-4m0djeft3i] {
    padding: 10px 0px 10px 10px;
}
.refsource-header-txt[b-4m0djeft3i] {
    font-weight: bold;
    padding-bottom: 5px;
}
.print-container[b-4m0djeft3i] {
    float: right;
}
/* /Feature/Outreach/Controls/Templates.razor.rz.scp.css */
ul.letters[b-mkot30gpok] {
	background: none repeat scroll 0 0 transparent;
	outline: 0 none !important;
	display: inline-block;
	height: auto !important;
	margin: 1% 0;
	padding: 0;
	width: 100%;
	position: relative;
}

	ul.letters li.letter[b-mkot30gpok] {
		float: left;
		list-style-type: none;
		background-color: rgba(0,0,0,0.7);
		margin-right: 20px;
		cursor: pointer;
		text-shadow: none;
		position: relative;
		width: 200px;
		height: 280px;
		overflow: hidden;
		margin-bottom: 20px;
	}

	ul.letters li.letter h4[b-mkot30gpok]{
		color: #fff;
		margin: 7px 13px 0px 13px;
		line-height:1.0;
	}

		ul.letters li.letter .iframe-cover[b-mkot30gpok] {
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 2;
			border: 0 none;
		}

		ul.letters li.letter .iframe-wrap[b-mkot30gpok] {
			overflow: hidden;
			position: relative;
			height: 250px;
			width: 200px;
			z-index: 1;
			padding: 5% 1% 0 1%;
		}

	ul.letters li.letter .iframe-letter-view[b-mkot30gpok] {
	border: 0 none;
	width: 333%;
	height: 333%;
	overflow: hidden;
	-ms-zoom: 0.3;
	-moz-transform: scale(0.3);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.3);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.3);
	-webkit-transform-origin: 0 0;
	position: relative;
	z-index: 1;
}

/* /Feature/Outreach/Controls/ToolBar.razor.rz.scp.css */
.wizard-toolbar .tabpage .settings[b-nheczars9j],
.wizard-toolbar .tabpage .section[b-nheczars9j] {
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
}

.wizard-toolbar ul.elements[b-nheczars9j] {
	list-style-type: none;
	padding-inline-start: 0;
	margin-block-start: 0;
	margin-bottom: 1em;
	width: 100%;
}

ul.elements .element[b-nheczars9j] {
	width: 55px;
	height: 85px;
	/*-webkit-transform:scale(0.5);
			-webkit-transform-origin:0 0;*/
	display: inline-block;
	float: left;
	border: 1px solid #ddd;
	padding: 2px;
	margin: 3.3px;
	font-size: .7em;
}

ul.elements li.element .element-preview[b-nheczars9j] {
	text-align: center;
	padding: 1px;
	display: block;
}

	ul.elements li.element .element-preview:hover[b-nheczars9j] {
		cursor: pointer;
	}

	ul.elements li.element .element-preview a[b-nheczars9j] {
		text-decoration: none;
		color: #333;
		font-weight: normal;
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	ul.elements li.element .element-preview .icon[b-nheczars9j] {
		display: inline-block;
		width: 41px;
		height: 41px
	}

/*.element.element-image .element-preview .icon {
	background: #fff url("img/newsletter/image.png") center no-repeat;
}*/

.element.element-image-center .element-preview .icon[b-nheczars9j] {
	background: #fff url("img/enewsletter/image.png") center no-repeat;
}

.element.element-image-left .element-preview .icon[b-nheczars9j] {
	background: #fff url("img/enewsletter/image_left.png") center no-repeat;
}

.element.element-image-right .element-preview .icon[b-nheczars9j] {
	background: #fff url("img/enewsletter/image_right.png") center no-repeat;
}

.element.element-buttons .element-preview .icon[b-nheczars9j] {
	background: #fff url("img/enewsletter/button.png") center no-repeat;
}

.element.element-paragraph .element-preview .icon[b-nheczars9j] {
	background: #fff url("img/enewsletter/paragraph.png") center no-repeat;
}

/*.element.element-links .element-preview .icon {
	background: #fff url("img/newsletter/link.png") center no-repeat;
}

.element.element-ul .element-preview .icon {
	background: #fff url("../images/newsletter/ul.png") center no-repeat;
}

.element.element-ol .element-preview .icon {
	background: #fff url("../images/newsletter/ol.png") center no-repeat;
}*/

.element.element-hr .element-preview .icon[b-nheczars9j] {
	background: #fff url("img/enewsletter/hr.png") center no-repeat;
}

.element.element-banner .element-preview .icon[b-nheczars9j] {
	background: #fff url("img/enewsletter/banner.png") center no-repeat;
}

.element.element-title .element-preview .icon[b-nheczars9j] {
	background: #fff url("img/enewsletter/title.jpg") center no-repeat;
}

.element.element-menu .element-preview .icon[b-nheczars9j] {
	background: #fff url("img/enewsletter/menu.png") center no-repeat;
}

.element.element-columns .element-preview .icon[b-nheczars9j] {
	background: #fff url("img/enewsletter/columns.png") center no-repeat;
}

.element.element-footer .element-preview .icon[b-nheczars9j] {
	background: #fff url("img/enewsletter/footer.png") center no-repeat;
}

ul.elements li.element .element-data[b-nheczars9j] {
	display: none;
}

/* /Feature/Outreach/Controls/YearInReviewCriteria.razor.rz.scp.css */
ul.letters[b-nxnsq16irh] {
	background: none repeat scroll 0 0 transparent;
	outline: 0 none !important;
	display: inline-block;
	height: auto !important;
	margin: 1% 0;
	padding: 0;
	width: 100%;
	position: relative;
}

	ul.letters li.letter[b-nxnsq16irh] {
		float: left;
		list-style-type: none;
		background-color: rgba(0,0,0,0.7);
		margin-right: 20px;
		cursor: pointer;
		text-shadow: none;
		position: relative;
		width: 200px;
		height: 280px;
		overflow: hidden;
		margin-bottom: 20px;
	}

	ul.letters li.letter h4[b-nxnsq16irh]{
		color: #fff;
		margin: 7px 13px 0px 13px;
		line-height:1.0;
	}

		ul.letters li.letter .iframe-cover[b-nxnsq16irh] {
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 2;
			border: 0 none;
		}

		ul.letters li.letter .iframe-wrap[b-nxnsq16irh] {
			overflow: hidden;
			position: relative;
			height: 250px;
			width: 200px;
			z-index: 1;
			padding: 5% 1% 0 1%;
		}

	ul.letters li.letter .iframe-letter-view[b-nxnsq16irh] {
	border: 0 none;
	width: 333%;
	height: 333%;
	overflow: hidden;
	-ms-zoom: 0.3;
	-moz-transform: scale(0.3);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.3);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.3);
	-webkit-transform-origin: 0 0;
	position: relative;
	z-index: 1;
}

/* /Feature/Outreach/Controls/YouTube.razor.rz.scp.css */

fieldset.ui-youtube[b-swsoyurpcv] {
	border: 1px solid #ddd;
	padding: 0.5em;
	border-radius: .5em;
}

.ui-youtube .ui-size[b-swsoyurpcv]{
	width:170px;
	float:left;
	display:inline-block;
}
.ui-youtube .image[b-swsoyurpcv] {
	float:right
}
/* /Feature/Outreach/EditCampaignText.razor.rz.scp.css */
.ui-header[b-kthr3pe9vk] {
	font-size: 0.7em;
}

button.button_link[b-kthr3pe9vk] {
	color: blue;
}

ul.message-attachments[b-kthr3pe9vk] {
	background: none repeat scroll 0 0 transparent;
	outline: 0 none !important;
	display: inline-block;
	height: auto !important;
	margin: 0;
	padding: 0;
	width: 99%;
	/* overflow: auto; */
	position: relative;
	/*min-height: 1.4em;*/
	/* border: 1px solid #CCCCCC;*/
}

	ul.message-attachments li.ui-file[b-kthr3pe9vk] {
		float: left;
		list-style-type: none;
		margin: .5% 1% .5% 0;
		position: relative;
		white-space: nowrap;
	}

		ul.message-attachments li.ui-file .file[b-kthr3pe9vk] {
			display: inline-block;
			margin: 0;
			position: relative;
			/* width: 100%; */
			white-space: nowrap;
		}

.file span.type-icon[b-kthr3pe9vk] {
	height: 16px;
	width: 16px;
	margin-right: 2px;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	background: url(img/paperclip.png) no-repeat;
}

.ui-file.ui-file-type-eml .file span.type-icon[b-kthr3pe9vk],
.ui-file.ui-file-type-msg .file span.type-icon[b-kthr3pe9vk] {
	background: url(img/email.png) no-repeat;
}

.ui-file.ui-file-type-doc .file span.type-icon[b-kthr3pe9vk],
.ui-file.ui-file-type-docx .file span.type-icon[b-kthr3pe9vk],
.ui-file.ui-file-type-docm .file span.type-icon[b-kthr3pe9vk] {
	background: url(img/word.gif) no-repeat;
}

.ui-file-type-txt .file span.type-icon[b-kthr3pe9vk] {
	background: url(img/text.gif) no-repeat;
}

.ui-file-type-htm .file span.type-icon[b-kthr3pe9vk],
.ui-file-type-html .file span.type-icon[b-kthr3pe9vk] {
	background: url(img/htm.jpg) no-repeat;
}

.ui-file-type-rtf .file span.type-icon[b-kthr3pe9vk] {
	background: url(img/rtf.gif) no-repeat;
}

.ui-file-type-pdf .file span.type-icon[b-kthr3pe9vk] {
	background: url(img/acrobat.gif) no-repeat;
}

.ui-file-type-xls .file span.type-icon[b-kthr3pe9vk],
.ui-file-type-xlsx .file span.type-icon[b-kthr3pe9vk] {
	background: url(img/excel.gif) no-repeat;
}

.ui-file-type-zip .file span.type-icon[b-kthr3pe9vk] {
	background: url(img/zip.gif) no-repeat;
}

.ui-file-type-xml .file span.type-icon[b-kthr3pe9vk] {
	background: url(img/xml.gif) no-repeat;
}

.ui-file-type-tif .file span.type-icon[b-kthr3pe9vk],
.ui-file-type-gif .file span.type-icon[b-kthr3pe9vk],
.ui-file-type-png .file span.type-icon[b-kthr3pe9vk],
.ui-file-type-peng .file span.type-icon[b-kthr3pe9vk],
.ui-file-type-ico .file span.type-icon[b-kthr3pe9vk],
.ui-file-type-jpg .file span.type-icon[b-kthr3pe9vk],
.ui-file-type-bmp .file span.type-icon[b-kthr3pe9vk] {
	background: url(img/image.gif) no-repeat;
}

/*library file*/
.ui-file .file span.type-icon.type-file[b-kthr3pe9vk] {
	background: url(img/table.png) no-repeat;
}

.letter-view[b-kthr3pe9vk]{
	margin-left:25px;
}

/*.letter-view p {
	margin: 0;
	padding: 0;
}

.letter-preview p {
	margin: 0;
	padding: 0;
}*/
/* /Feature/Outreach/EditTMessage.razor.rz.scp.css */
.ui-header[b-bp3mvqt4q7] {
	font-size: 0.7em;
}

.message-left[b-bp3mvqt4q7] {
	max-height: 770px;
	overflow: auto;
}

.message-right[b-bp3mvqt4q7] {
	margin: 30px 0 0 15px;
	max-height: 740px;
	overflow: auto;
}

.message-right .discussion[b-bp3mvqt4q7] {
	margin-top: 50px;
}

.message-main[b-bp3mvqt4q7]{
	margin-left:25px;
}

button[title="Show"][b-bp3mvqt4q7],
button[title="Show Less"][b-bp3mvqt4q7] {
	border: 0;
	position: absolute;
	z-index: 99;
}

.message-main .or[b-bp3mvqt4q7] {
	width: 60px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}

button.button_link[b-bp3mvqt4q7] {
	color: blue;
}

ul.message-attachments[b-bp3mvqt4q7] {
	background: none repeat scroll 0 0 transparent;
	outline: 0 none !important;
	display: inline-block;
	height: auto !important;
	margin: 0;
	padding: 0;
	width: 99%;
	/* overflow: auto; */
	position: relative;
	/*min-height: 1.4em;*/
	/* border: 1px solid #CCCCCC;*/
}

	ul.message-attachments li.ui-file[b-bp3mvqt4q7] {
		float: left;
		list-style-type: none;
		margin: .5% 1% .5% 0;
		position: relative;
		white-space: nowrap;
	}

		ul.message-attachments li.ui-file .file[b-bp3mvqt4q7] {
			display: inline-block;
			margin: 0;
			position: relative;
			/* width: 100%; */
			white-space: nowrap;
		}

.file span.type-icon[b-bp3mvqt4q7] {
	height: 16px;
	width: 16px;
	margin-right: 2px;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	background: url(img/paperclip.png) no-repeat;
}

.ui-file.ui-file-type-eml .file span.type-icon[b-bp3mvqt4q7],
.ui-file.ui-file-type-msg .file span.type-icon[b-bp3mvqt4q7] {
	background: url(img/email.png) no-repeat;
}

.ui-file.ui-file-type-doc .file span.type-icon[b-bp3mvqt4q7],
.ui-file.ui-file-type-docx .file span.type-icon[b-bp3mvqt4q7],
.ui-file.ui-file-type-docm .file span.type-icon[b-bp3mvqt4q7] {
	background: url(img/word.gif) no-repeat;
}

.ui-file-type-txt .file span.type-icon[b-bp3mvqt4q7] {
	background: url(img/text.gif) no-repeat;
}

.ui-file-type-htm .file span.type-icon[b-bp3mvqt4q7],
.ui-file-type-html .file span.type-icon[b-bp3mvqt4q7] {
	background: url(img/htm.jpg) no-repeat;
}

.ui-file-type-rtf .file span.type-icon[b-bp3mvqt4q7] {
	background: url(img/rtf.gif) no-repeat;
}

.ui-file-type-pdf .file span.type-icon[b-bp3mvqt4q7] {
	background: url(img/acrobat.gif) no-repeat;
}

.ui-file-type-xls .file span.type-icon[b-bp3mvqt4q7],
.ui-file-type-xlsx .file span.type-icon[b-bp3mvqt4q7] {
	background: url(img/excel.gif) no-repeat;
}

.ui-file-type-zip .file span.type-icon[b-bp3mvqt4q7] {
	background: url(img/zip.gif) no-repeat;
}

.ui-file-type-xml .file span.type-icon[b-bp3mvqt4q7] {
	background: url(img/xml.gif) no-repeat;
}

.ui-file-type-tif .file span.type-icon[b-bp3mvqt4q7],
.ui-file-type-gif .file span.type-icon[b-bp3mvqt4q7],
.ui-file-type-png .file span.type-icon[b-bp3mvqt4q7],
.ui-file-type-peng .file span.type-icon[b-bp3mvqt4q7],
.ui-file-type-ico .file span.type-icon[b-bp3mvqt4q7],
.ui-file-type-jpg .file span.type-icon[b-bp3mvqt4q7],
.ui-file-type-bmp .file span.type-icon[b-bp3mvqt4q7] {
	background: url(img/image.gif) no-repeat;
}

/*library file*/
.ui-file .file span.type-icon.type-file[b-bp3mvqt4q7] {
	background: url(img/table.png) no-repeat;
}

.letter-view[b-bp3mvqt4q7]{
	margin-left:25px;
}

/*.letter-view p {
	margin: 0;
	padding: 0;
}

.letter-preview p {
	margin: 0;
	padding: 0;
}*/
/* /Feature/Outreach/EditTMessageText.razor.rz.scp.css */
.ui-header[b-ipz764ywuh] {
	font-size: 0.7em;
}

button.button_link[b-ipz764ywuh] {
	color: blue;
}

ul.message-attachments[b-ipz764ywuh] {
	background: none repeat scroll 0 0 transparent;
	outline: 0 none !important;
	display: inline-block;
	height: auto !important;
	margin: 0;
	padding: 0;
	width: 99%;
	/* overflow: auto; */
	position: relative;
	/*min-height: 1.4em;*/
	/* border: 1px solid #CCCCCC;*/
}

	ul.message-attachments li.ui-file[b-ipz764ywuh] {
		float: left;
		list-style-type: none;
		margin: .5% 1% .5% 0;
		position: relative;
		white-space: nowrap;
	}

		ul.message-attachments li.ui-file .file[b-ipz764ywuh] {
			display: inline-block;
			margin: 0;
			position: relative;
			/* width: 100%; */
			white-space: nowrap;
		}

.file span.type-icon[b-ipz764ywuh] {
	height: 16px;
	width: 16px;
	margin-right: 2px;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	background: url(img/paperclip.png) no-repeat;
}

.ui-file.ui-file-type-eml .file span.type-icon[b-ipz764ywuh],
.ui-file.ui-file-type-msg .file span.type-icon[b-ipz764ywuh] {
	background: url(img/email.png) no-repeat;
}

.ui-file.ui-file-type-doc .file span.type-icon[b-ipz764ywuh],
.ui-file.ui-file-type-docx .file span.type-icon[b-ipz764ywuh],
.ui-file.ui-file-type-docm .file span.type-icon[b-ipz764ywuh] {
	background: url(img/word.gif) no-repeat;
}

.ui-file-type-txt .file span.type-icon[b-ipz764ywuh] {
	background: url(img/text.gif) no-repeat;
}

.ui-file-type-htm .file span.type-icon[b-ipz764ywuh],
.ui-file-type-html .file span.type-icon[b-ipz764ywuh] {
	background: url(img/htm.jpg) no-repeat;
}

.ui-file-type-rtf .file span.type-icon[b-ipz764ywuh] {
	background: url(img/rtf.gif) no-repeat;
}

.ui-file-type-pdf .file span.type-icon[b-ipz764ywuh] {
	background: url(img/acrobat.gif) no-repeat;
}

.ui-file-type-xls .file span.type-icon[b-ipz764ywuh],
.ui-file-type-xlsx .file span.type-icon[b-ipz764ywuh] {
	background: url(img/excel.gif) no-repeat;
}

.ui-file-type-zip .file span.type-icon[b-ipz764ywuh] {
	background: url(img/zip.gif) no-repeat;
}

.ui-file-type-xml .file span.type-icon[b-ipz764ywuh] {
	background: url(img/xml.gif) no-repeat;
}

.ui-file-type-tif .file span.type-icon[b-ipz764ywuh],
.ui-file-type-gif .file span.type-icon[b-ipz764ywuh],
.ui-file-type-png .file span.type-icon[b-ipz764ywuh],
.ui-file-type-peng .file span.type-icon[b-ipz764ywuh],
.ui-file-type-ico .file span.type-icon[b-ipz764ywuh],
.ui-file-type-jpg .file span.type-icon[b-ipz764ywuh],
.ui-file-type-bmp .file span.type-icon[b-ipz764ywuh] {
	background: url(img/image.gif) no-repeat;
}

/*library file*/
.ui-file .file span.type-icon.type-file[b-ipz764ywuh] {
	background: url(img/table.png) no-repeat;
}

.letter-view[b-ipz764ywuh]{
	margin-left:25px;
}

/*.letter-view p {
	margin: 0;
	padding: 0;
}

.letter-preview p {
	margin: 0;
	padding: 0;
}*/
/* /Feature/Outreach/ESurveyFormMergeCode.razor.rz.scp.css */
iframe.html-view[b-bbzgvd415g]{
	width:100%;
	height: 450px;
	border:0;
	background-color:#ccc;
}

/* /Feature/Outreach/ESurveys/EditESurveyField.razor.rz.scp.css */

.wrapper[b-vn2srjmuau]  p {
	margin: 0;
}
.wrapper[b-vn2srjmuau]  button span {
	vertical-align: top !important;
}

.answer[b-vn2srjmuau] {
	display: grid;
	grid-template-columns: 30px 25px 1fr 3fr 200px;
	margin-bottom: 5px;
}

	.answer[b-vn2srjmuau]  button[id^=RemoveAnswer] {
		height: 24px;
		margin-top: 1rem;
	}

	.answer .handle[b-vn2srjmuau] {
		cursor: ns-resize;
		height: 24px;
		width: 22px;
		padding: 1px;
		margin-top: 1rem;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 12px;
		font-weight: bold;
		background: #CCC;
		border-radius: 5px;
		user-select: none;
		-moz-user-select: none;
	}

	.answer[b-vn2srjmuau]  .html-inline-editor {
		margin-top: 5px;
	}

.answer-list[b-vn2srjmuau] {
	border-bottom: 1px solid gray;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
	.answer-list[b-vn2srjmuau]  .formfldwrap {
		margin: 0;
	}

	.affiliations[b-vn2srjmuau] {
		display: flex;
		flex-direction: column;
	}
	.affiliation[b-vn2srjmuau] {
		display: flex;
    align-items: baseline;
	}
	.affiliations[b-vn2srjmuau]  .formfldinput {
		font-size: 12px;
	}
	.affiliations[b-vn2srjmuau]  > button {
		width: 115px;
		font-size: 12px;
		margin-top: 8px;
    margin-left: auto !important;
	}
	.affiliation[b-vn2srjmuau]  + button {
		margin-top: 0;
	}

.requirements[b-vn2srjmuau], .other[b-vn2srjmuau] {
	display: grid;
	grid-template-columns: 200px 1fr;
}
	.requirements[b-vn2srjmuau]  input[type=number] {
		width: 75px;
		text-align: right;
	}

.appearance[b-vn2srjmuau] {
	display: flex;
}
.appearance > *[b-vn2srjmuau] {
	display: flex;
	flex-basis: 33%;
}
.appearance[b-vn2srjmuau]  select {
	min-width: 50px;
}
/* /Feature/Outreach/ESurveys/SurveyBuilder.razor.rz.scp.css */
.wrapper[b-oog79w7vii] {
	height: 100%;
	display: grid;
	grid-template: 2.5em auto / 300px 1fr;
	grid-template-areas:
		"sidebar header"
		"sidebar main";
}

.header[b-oog79w7vii] {
	grid-area: header;
	display: grid;
	grid-template-columns: 50px 1fr minmax(max-content, 250px);
	grid-template-areas: "breadcrumbs name actions";
	background-color: var(--cb_gridhd);
	border-bottom: 1px solid gray;
	text-align: center;
	align-items: center;
}

.name[b-oog79w7vii] {
	grid-area: name;
	font-weight: bold;
	align-self: center;
}
.action-menu[b-oog79w7vii] {
	grid-area: actions;
}
	.action-menu[b-oog79w7vii]  > * {
		display: inline-block;
	}

.sidebar[b-oog79w7vii] {
	grid-area: sidebar;
	padding: 5px;
	border-right: 1px solid gray;
	position: relative;
}
	.sidebar[b-oog79w7vii]  .button_other {
		width: 100%;
		margin-top: 5px;
		margin-left: 0 !important;
	}
	.sidebar[b-oog79w7vii]  select {
		max-width: 100%;
	}
	.sidebar[b-oog79w7vii]  .divform {
		grid-template-rows: 1fr;
	}

.sidebar fieldset[b-oog79w7vii] {
	padding: 3px 6px;
}
.sidebar[b-oog79w7vii]  input[type=color] {
	width: 2em;
	padding: 0;
	height: 1.5em;
	margin-top: 4px;
	margin-left: 4px;
}

.preview[b-oog79w7vii] {
	grid-area: main;
	padding: 15px;
}
	.preview > div[b-oog79w7vii] {
		max-width: 700px;
	}

.field-preview[b-oog79w7vii] {
	position: relative;
	padding: 3px;
	border: 3px solid transparent;
}
	.field-preview .actions[b-oog79w7vii] {
		position: absolute;
		top: 3px;
		right: 3px;
		display: flex;
		gap: 5px;
		opacity: 0;
	}
		.field-preview .actions[b-oog79w7vii]  button {
			height: 24px;
			width: 22px;
			padding: 1px;
			font-weight: bold;
			color: var(--gf_svgbtn2);
			background-color: #fffc !important;
			border-radius: 5px;
			border: none;
		}
		.field-preview .actions .handle[b-oog79w7vii] {
			cursor: ns-resize;
		}

.field-preview:hover[b-oog79w7vii] {
	outline: 1px dashed var(--cb_btnmenu_a);
  outline-offset: -2px;
	border-color: #FFF8;
}
	.field-preview:hover .actions[b-oog79w7vii],
	.field-preview .actions:focus-within[b-oog79w7vii] {
		opacity: 1;
	}
		.grabbing .field-preview .actions[b-oog79w7vii] {
			opacity: 0 !important;
		}
	.field-preview .actions[b-oog79w7vii]  button:hover {
		background-color: #dddc !important;
	}

.new-field-button[b-oog79w7vii]  .btnMenu {
	position: relative;
	outline: 1px dashed var(--cb_btnmenu_a);
	outline-offset: -2px;
	border: 3px solid #fffc;
	border-radius: 10px;
	opacity: 0;
	transition: opacity linear .1s;
}
		.new-field-button[b-oog79w7vii]  .btnMenu:hover,
		.new-field-button[b-oog79w7vii]  .btnMenu:focus-within {
			opacity: 0.8;
		}
	.new-field-button[b-oog79w7vii]  button {
		height: 26px;
		width: 100%;
		padding: 2px 16px 2px;
	}
	.new-field-button.first[b-oog79w7vii]  .btnMenu {
		opacity: 0.4;
	}

.instapoll-preview[b-oog79w7vii] {
	width: 100%;
	padding: 2px 5px;
	border: 1px solid #BBB;
	border-radius: 5px;
	color: #666;
}
	.instapoll-preview tr:first-child[b-oog79w7vii] {
		color: #444;
	}
	.instapoll-preview td:last-child[b-oog79w7vii] {
		width: 50%;
	}
	.instapoll-preview span[b-oog79w7vii] {
		display: block;
		height: 14px;
		background-color: indianred;
	}
/* /Feature/Outreach/ImageManager.razor.rz.scp.css */
.ui-page .ui-images .ui-all-actions[b-cfn9qebtor] {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 1em;
	z-index: 999;
	width: 100%;
	background-color: #efefef;
}

.ui-page .ui-images.dialog .ui-all-actions[b-cfn9qebtor],
.ui-page .ui-images.zonethemebar .ui-all-actions[b-cfn9qebtor] {
	padding-top: 30px;
}

.ui-page label[b-cfn9qebtor] {
	float: left;
	width: 90px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 12px;
	text-align: left;
}

.ui-page .ui-checkbox[b-cfn9qebtor],
.ui-page .ui-radio[b-cfn9qebtor] {
	padding: 0 !important;
}

	.ui-page .ui-checkbox label[b-cfn9qebtor],
	.ui-page .ui-radio label[b-cfn9qebtor] {
		width: auto;
		font-size: 12px;
	}

.ui-page fieldset[b-cfn9qebtor] {
	float: left;
	margin-right: .5em;
}

.ui-page .ui-controlgroup.ui-image-type .ui-controlgroup-label[b-cfn9qebtor] {
	display: none;
}

.ui-page div.ui-input-text[b-cfn9qebtor],
.ui-page textarea.ui-input-text[b-cfn9qebtor],
.ui-page div.ui-input-file[b-cfn9qebtor],
.ui-page div.ui-checkbox[b-cfn9qebtor],
.ui-page div.select2-container[b-cfn9qebtor] {
	float: left;
	/*width: 78%;*/
	margin-top: .5em;
}

.ui-page div.ui-select .ui-btn[b-cfn9qebtor] {
	font-size: 12px;
}

.ui-page .select2-container[b-cfn9qebtor] {
	width: 100%;
}

.ui-page .ui-data[b-cfn9qebtor] {
	overflow: hidden;
	clear: both;
	position: relative;
}

.ui-page .toolbar[b-cfn9qebtor] {
	background-color: #F9F9F9;
	border-width: 0;
	margin-bottom: 0.5em;
	padding: 0.1em;
	width: 100%;
	text-align: center;
	margin-top: 2em;
}

	.ui-page .toolbar .ui-btn[b-cfn9qebtor] {
		display: inline-block;
		width: 15%;
		float: none;
		background-color: #ffffff;
		color: #333333;
		text-shadow: none;
		border-color: #CCCCCC;
		margin-bottom: .5em;
	}

	/*.dialogPage .toolbar div.ui-btn.ui-send {
        background-color: green;
        color: white;
      }*/

	.ui-page .toolbar div.ui-btn.ui-create[b-cfn9qebtor],
	.ui-page .toolbar div.ui-btn.ui-save[b-cfn9qebtor] {
		background-color: #396b9e;
		border-color: #044062;
		color: white;
	}

ul.images[b-cfn9qebtor] {
	margin: 10px 0 0 0;
	padding: 0;
	overflow-y:scroll;
	max-height:90%;
}

.ui-images.dialog ul.images[b-cfn9qebtor],
.ui-images.zonethemebar ul.images[b-cfn9qebtor] {
	margin-top: 4em;
}

ul.images li[b-cfn9qebtor] {
	list-style-type: none;
	margin: 1.1em;
/*	padding: 1em;*/
	border: 1px solid #ddd;
	background: transparent;
	width: 100px;
	height: 110px; /*ly, tr#219207*/
	float: left;
	position: relative;
	z-index: 1;
}

	ul.images li img[b-cfn9qebtor] {
		width: 100%;
	}

	/*ly, tr#219207*/
	ul.images li .name[b-cfn9qebtor] {
		text-align: center;
		font-size: 0.7em;
		bottom: 5px;
		position: absolute;
		display: block;
		width: 100px;
		overflow-X: hidden;
		text-overflow: ellipsis;
	}

	ul.images li .ui-actions[b-cfn9qebtor] {
		display: none;
		position: absolute;
		bottom: 20px; /*ly, tr#219207*/
		width: 100%;
		padding: 0 5%;
		left: 2px;
		text-align: center;
	}

	ul.images li:hover .ui-actions[b-cfn9qebtor] {
		display: block;
		z-index: 999;
	}

	ul.images li .ui-actions a.ui-btn[b-cfn9qebtor] {
		font-size: 13px;
		font-weight: normal;
		line-height: 12px;
		width: 30%;
		margin-right: 10px;
		background-color: #396b9e;
		color: #fff;
		padding: 5px;
	}

.ui-images .ui-input-search[b-cfn9qebtor] {
	float: left;
	clear: left;
	width: 100%;
}

.ui-images.dialog .ui-input-search[b-cfn9qebtor],
.ui-images.zonethemebar .ui-input-search[b-cfn9qebtor] {
	top: 5px;
}

.sort-action[b-cfn9qebtor] {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: .5em;
	position: relative;
	float: left;
}

.ui-caption .ui-checkbox[b-cfn9qebtor] {
	margin-right: .5em !important;
}

.sort-action ul[b-cfn9qebtor] {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	clear: left;
	top: 33px;
	min-width: 155px;
	background-color: #f7f6f2;
	border: 1px solid #ceccc0;
	padding: 7px;
	border-radius: .2em;
	z-index: 99;
}

.sort-options .sorttext[b-cfn9qebtor] {
	float: left;
	clear: both;
	font-size: 13px;
}

.sort-options .ui-icon[b-cfn9qebtor] {
	float: right;
}

.btn-upload[b-cfn9qebtor] {
	float: right;
	margin-right: 2.5em;
}

/* /Feature/Outreach/MergeCode.razor.rz.scp.css */
.ui-page .ui-images .ui-all-actions[b-h3jij4d0cb] {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 1em;
	z-index: 999;
	width: 100%;
	background-color: #efefef;
}

.ui-page .ui-images.dialog .ui-all-actions[b-h3jij4d0cb],
.ui-page .ui-images.zonethemebar .ui-all-actions[b-h3jij4d0cb] {
	padding-top: 30px;
}

.ui-page label[b-h3jij4d0cb] {
	float: left;
	width: 90px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 12px;
	text-align: left;
}

.ui-page .ui-checkbox[b-h3jij4d0cb],
.ui-page .ui-radio[b-h3jij4d0cb] {
	padding: 0 !important;
}

	.ui-page .ui-checkbox label[b-h3jij4d0cb],
	.ui-page .ui-radio label[b-h3jij4d0cb] {
		width: auto;
		font-size: 12px;
	}

.ui-page fieldset[b-h3jij4d0cb] {
	float: left;
	margin-right: .5em;
}

.ui-page .ui-controlgroup.ui-image-type .ui-controlgroup-label[b-h3jij4d0cb] {
	display: none;
}

.ui-page div.ui-input-text[b-h3jij4d0cb],
.ui-page textarea.ui-input-text[b-h3jij4d0cb],
.ui-page div.ui-input-file[b-h3jij4d0cb],
.ui-page div.ui-checkbox[b-h3jij4d0cb],
.ui-page div.select2-container[b-h3jij4d0cb] {
	float: left;
	/*width: 78%;*/
	margin-top: .5em;
}

.ui-page div.ui-select .ui-btn[b-h3jij4d0cb] {
	font-size: 12px;
}

.ui-page .select2-container[b-h3jij4d0cb] {
	width: 100%;
}

.ui-page .ui-data[b-h3jij4d0cb] {
	overflow: hidden;
	clear: both;
	position: relative;
}

.ui-page .toolbar[b-h3jij4d0cb] {
	background-color: #F9F9F9;
	border-width: 0;
	margin-bottom: 0.5em;
	padding: 0.1em;
	width: 100%;
	text-align: center;
	margin-top: 2em;
}

	.ui-page .toolbar .ui-btn[b-h3jij4d0cb] {
		display: inline-block;
		width: 15%;
		float: none;
		background-color: #ffffff;
		color: #333333;
		text-shadow: none;
		border-color: #CCCCCC;
		margin-bottom: .5em;
	}

	/*.dialogPage .toolbar div.ui-btn.ui-send {
        background-color: green;
        color: white;
      }*/

	.ui-page .toolbar div.ui-btn.ui-create[b-h3jij4d0cb],
	.ui-page .toolbar div.ui-btn.ui-save[b-h3jij4d0cb] {
		background-color: #396b9e;
		border-color: #044062;
		color: white;
	}

ul.images[b-h3jij4d0cb] {
	margin: 2.5em 0 0 0;
	padding: 0;
}

.ui-images.dialog ul.images[b-h3jij4d0cb],
.ui-images.zonethemebar ul.images[b-h3jij4d0cb] {
	margin-top: 4em;
}

ul.images li[b-h3jij4d0cb] {
	list-style-type: none;
	margin: 1.1em;
/*	padding: 1em;*/
	border: 1px solid #ddd;
	background: transparent;
	width: 100px;
	height: 110px; /*ly, tr#219207*/
	float: left;
	position: relative;
	z-index: 1;
}

	ul.images li img[b-h3jij4d0cb] {
		width: 100%;
	}

	/*ly, tr#219207*/
	ul.images li .name[b-h3jij4d0cb] {
		text-align: center;
		font-size: 0.7em;
		bottom: 5px;
		position: absolute;
		display: block;
		width: 100px;
		overflow-X: hidden;
		text-overflow: ellipsis;
	}

	ul.images li .ui-actions[b-h3jij4d0cb] {
		display: none;
		position: absolute;
		bottom: 20px; /*ly, tr#219207*/
		width: 100%;
		padding: 0 5%;
		left: 2px;
		text-align: center;
	}

	ul.images li:hover .ui-actions[b-h3jij4d0cb] {
		display: block;
		z-index: 999;
	}

	ul.images li .ui-actions a.ui-btn[b-h3jij4d0cb] {
		font-size: 13px;
		font-weight: normal;
		line-height: 12px;
		width: 30%;
		margin-right: 10px;
		background-color: #396b9e;
		color: #fff;
		padding: 5px;
	}

.ui-images .ui-input-search[b-h3jij4d0cb] {
	float: left;
	clear: left;
	width: 100%;
}

.ui-images.dialog .ui-input-search[b-h3jij4d0cb],
.ui-images.zonethemebar .ui-input-search[b-h3jij4d0cb] {
	top: 5px;
}

.sort-action[b-h3jij4d0cb] {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: .5em;
	position: relative;
	float: left;
}

.ui-caption .ui-checkbox[b-h3jij4d0cb] {
	margin-right: .5em !important;
}

.sort-action ul[b-h3jij4d0cb] {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	clear: left;
	top: 33px;
	min-width: 155px;
	background-color: #f7f6f2;
	border: 1px solid #ceccc0;
	padding: 7px;
	border-radius: .2em;
	z-index: 99;
}

.sort-options .sorttext[b-h3jij4d0cb] {
	float: left;
	clear: both;
	font-size: 13px;
}

.sort-options .ui-icon[b-h3jij4d0cb] {
	float: right;
}

.btn-upload[b-h3jij4d0cb] {
	float: right;
	margin-right: 2.5em;
}

/* /Feature/Reports/CreateSpreadsheet.razor.rz.scp.css */
.flds-col-one[b-umhkomaxu3] {
    display: inline-block;
    width: 120px;
}
.flds-col-three[b-umhkomaxu3] {
    padding-left: 5px;
    padding-right: 5px;
    display: grid;
    overflow: auto;
    height: 100%;
}
.select-cols[b-umhkomaxu3] {
    display: block;
    font-weight: bold;
    padding-left: 3px;
}
.column-container[b-umhkomaxu3] {
    display: grid;
    overflow: auto;
    min-width: 180px;
    height: 100%;
}
/* /Feature/Reports/CreateSpreadsheet_Emails.razor.rz.scp.css */
.flds-col-one[b-1p1rg1eszq] {
    display: inline-block;
    width: 120px;
}
.flds-col-three[b-1p1rg1eszq] {
    padding-left: 5px;
    padding-right: 5px;
    display: grid;
    overflow: auto;
    height: 100%;
}
.select-cols[b-1p1rg1eszq] {
    display: block;
    font-weight: bold;
    padding-left: 3px;
}
.column-container[b-1p1rg1eszq] {
    display: grid;
    overflow: auto;
    min-width: 180px;
    height: 100%;
}
/* /Feature/Reports/ListChart.razor.rz.scp.css */

[b-rtf7u38imd] .pielegend{
/*min-width: 150px;
max-width: 300px;*/
width: 230px;
margin-right: 6px;
}
	[b-rtf7u38imd] .pielegend thead {
		font-weight: bold;
	}

	[b-rtf7u38imd] .pielegend td {
		padding: 2px;
	}

	[b-rtf7u38imd] .pielegend .piekey {
width: 34px;
	}

	[b-rtf7u38imd] .pielegend .piekey div {
		height: 24px;
		width: 27px;
		display: block;
	}

[b-rtf7u38imd] .pielegend .pielabel {
width: 196px;
display: block;
}

	[b-rtf7u38imd] .pielegend .pielabel span {
width: 100%;
display:block;
	}

[b-rtf7u38imd] .pieDonutText1, [b-rtf7u38imd] .pieDonutText2, [b-rtf7u38imd] .pieDonutText {
	animation: moveupdarken 1s ease-in;
}

[b-rtf7u38imd] .lengend-font {
	font-size: small;
	word-break: normal;
	white-space:break-spaces;
}

[b-rtf7u38imd] .row-align { 
	vertical-align: top;
}
/* /Feature/Services/ReadSvcExecutiveRpt.razor.rz.scp.css */
.report-print[b-1ltt9ldacc] {
    float: right;
}

.svc-container[b-1ltt9ldacc] {
    border-radius: 14px;
    border: 1px solid #cdcdcd;
    margin: 15px 0px 25px 0px;
}

.overall-width[b-1ltt9ldacc] {
    padding: 10px;
    width: 485px;
}

.container-min-width[b-1ltt9ldacc] {
    padding: 10px;
    width: 90%;
    min-width: 600px;
}

.overall-box[b-1ltt9ldacc] {
    display: grid;
    grid-template-columns: [col] 100px [col] 145px [col] 210px;
    padding: 10px 0px 10px 20px;
}

.pad-8[b-1ltt9ldacc] {
    padding-top: 8px;
}

.pad-15[b-1ltt9ldacc] {
    padding: 19px 10px 0px 19px;
}

.svc-icon-circle[b-1ltt9ldacc] {
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 80%, 1);
    height: 60px;
    width: 60px;
    border-radius: 50%;
}

.text-center[b-1ltt9ldacc] {
    text-align: center;
}

.margin-5[b-1ltt9ldacc] {
    margin-left: 5px;
}

.margin-30[b-1ltt9ldacc] {
    margin-right: 30px;
}

.label-font[b-1ltt9ldacc] {
    font-size: 25px;
    color: hsla(196, 97%, 28%, 1);
    font-weight: bold;
}

.overall-growth-box[b-1ltt9ldacc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 5px;
}

.overvall-lbl-start-end[b-1ltt9ldacc] {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 13px;
    color: hsla(0, 0%, 38%, 1);
}

.width-75[b-1ltt9ldacc] {
    width: 75px;
}

.margin-50[b-1ltt9ldacc] {
    margin-left: 50px;
}

.overall-end-date-box[b-1ltt9ldacc] {
    display: grid;
    grid-template-columns: [col] 55% [col] 28%;
}

.upper-lbl-box-2[b-1ltt9ldacc] {
    display: grid;
    grid-template-columns: [col] 70px [col] 160px;
    padding: 18px 0px 10px 20px;
}

.upper-lbl-box-4[b-1ltt9ldacc] {
    display: grid;
    grid-template-columns: [col] 70px [col] 120px;
    padding: 18px 0px 10px 20px;
}

.upper-lbl-box-3[b-1ltt9ldacc] {
    display: grid;
    grid-template-columns: [col] 70px [col] 160px [col] 160px;
    padding: 18px 0px 10px 20px;
}

.pad-17[b-1ltt9ldacc] {
    padding: 17px 10px 0px 12px;
}

.label-text[b-1ltt9ldacc] {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
    color: hsla(0, 0%, 38%, 1)
}

.chart-box[b-1ltt9ldacc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 350px));
    grid-gap: 30px;
}

.pad-10[b-1ltt9ldacc] {
    padding: 10px 0px 10px 0px;
}

.trend-container[b-1ltt9ldacc] {
    border-radius: 14px;
    border: 1px solid #cdcdcd;
    margin: 15px 0px 25px 0px;
    padding: 20px 0px 20px 20px;
    width: 90%;
}

.trend-header-box[b-1ltt9ldacc] {
    display: grid;
    grid-template-columns: [col] 30px [col] 340px;
}

.text-color[b-1ltt9ldacc] {
    color: hsla(196, 97%, 28%, 1)
}
/* /Feature/Services/ReadSvcSummaryRpt.razor.rz.scp.css */
.print-container[b-19z9qzpeol] {
    float: right;
}
.summary-container[b-19z9qzpeol] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 510px));
    justify-content: center;
    position: relative;
    grid-gap: 40px;
    padding: 15px 0px 15px 0px;
}
.status-container[b-19z9qzpeol] {
    display: grid;
    grid-template-columns: [col]30% [col]30% [col]30%;
    grid-gap: 8px;
}
.chart-layout[b-19z9qzpeol] {
    font-weight: bold;
    padding-bottom: 10px;
}
/* /Feature/Services/ServiceActivity.razor.rz.scp.css */
.note-box[b-0y036xbz1g] {
	border: 1px solid gray;
	margin-bottom: 12px;
	padding-top: 5px;
}

.note-actions[b-0y036xbz1g] {
	/*display: flex;
	justify-content: right;*/
	display: grid;
	grid-template-columns: 30px 30px 2fr 70px;
	margin: 5px;
}

.activity[b-0y036xbz1g] {
	font-size: 14px;
}
.username[b-0y036xbz1g] {
	color: #406f9d;
	font-weight: bold;
}
.attachment[b-0y036xbz1g] {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.timestamp[b-0y036xbz1g] {
	color: var(--ct_note,#999);
	margin-bottom: 0.6em;
	font-size: 11px;
}

.activity hr[b-0y036xbz1g] {
	height: 1px;
	color: #ccc;
	background-color: #ccc;
	border: none;
}
/* /Feature/Services/StepAppActions.razor.rz.scp.css */
.message-main[b-95ch648imy]{
	margin-left:25px;
}

button[title="Show"][b-95ch648imy],
button[title="Show Less"][b-95ch648imy] {
	border: 0;
	position: absolute;
	z-index: 99;
}

.message-main .or[b-95ch648imy] {
	width: 60px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}

button.button_link[b-95ch648imy] {
	color: blue;
}

ul.message-attachments[b-95ch648imy] {
	background: none repeat scroll 0 0 transparent;
	outline: 0 none !important;
	display: inline-block;
	height: auto !important;
	margin: 0;
	padding: 0;
	width: 99%;
	/* overflow: auto; */
	position: relative;
	/*min-height: 1.4em;*/
	/* border: 1px solid #CCCCCC;*/
}

	ul.message-attachments li.ui-file[b-95ch648imy] {
		float: left;
		list-style-type: none;
		margin: .5% 1% .5% 0;
		position: relative;
		white-space: nowrap;
	}

		ul.message-attachments li.ui-file .file[b-95ch648imy] {
			display: inline-block;
			margin: 0;
			position: relative;
			/* width: 100%; */
			white-space: nowrap;
		}

.file span.type-icon[b-95ch648imy] {
	height: 16px;
	width: 16px;
	margin-right: 2px;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	background: url(img/paperclip.png) no-repeat;
}

.ui-file.ui-file-type-eml .file span.type-icon[b-95ch648imy],
.ui-file.ui-file-type-msg .file span.type-icon[b-95ch648imy] {
	background: url(img/email.png) no-repeat;
}

.ui-file.ui-file-type-doc .file span.type-icon[b-95ch648imy],
.ui-file.ui-file-type-docm .file span.type-icon[b-95ch648imy] {
	background: url(img/word.gif) no-repeat;
}

.ui-file-type-txt .file span.type-icon[b-95ch648imy] {
	background: url(img/text.gif) no-repeat;
}

.ui-file-type-htm .file span.type-icon[b-95ch648imy],
.ui-file-type-html .file span.type-icon[b-95ch648imy] {
	background: url(img/htm.jpg) no-repeat;
}

.ui-file-type-rtf .file span.type-icon[b-95ch648imy] {
	background: url(img/rtf.gif) no-repeat;
}

.ui-file-type-pdf .file span.type-icon[b-95ch648imy] {
	background: url(img/acrobat.gif) no-repeat;
}

.ui-file-type-xls .file span.type-icon[b-95ch648imy],
.ui-file-type-xlsx .file span.type-icon[b-95ch648imy] {
	background: url(img/excel.gif) no-repeat;
}

.ui-file-type-zip .file span.type-icon[b-95ch648imy] {
	background: url(img/zip.gif) no-repeat;
}

.ui-file-type-xml .file span.type-icon[b-95ch648imy] {
	background: url(img/xml.gif) no-repeat;
}

.ui-file-type-tif .file span.type-icon[b-95ch648imy],
.ui-file-type-gif .file span.type-icon[b-95ch648imy],
.ui-file-type-png .file span.type-icon[b-95ch648imy],
.ui-file-type-peng .file span.type-icon[b-95ch648imy],
.ui-file-type-ico .file span.type-icon[b-95ch648imy],
.ui-file-type-jpg .file span.type-icon[b-95ch648imy],
.ui-file-type-bmp .file span.type-icon[b-95ch648imy] {
	background: url(img/image.gif) no-repeat;
}

.letter-view[b-95ch648imy]{
	margin-left:25px;
}

/*.letter-view p {
	margin: 0;
	padding: 0;
}

.letter-preview p {
	margin: 0;
	padding: 0;
}*/
/* /Feature/Set/ForwardSetDetail.razor.rz.scp.css */
.message-main[b-fedjgtr6ty]{
	margin-left:25px;
}

button[title="Show"][b-fedjgtr6ty],
button[title="Show Less"][b-fedjgtr6ty] {
	border: 0;
	position: absolute;
	z-index: 99;
}

.message-main .or[b-fedjgtr6ty] {
	width: 60px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}

button.button_link[b-fedjgtr6ty] {
	color: blue;
}

ul.message-attachments[b-fedjgtr6ty] {
	background: none repeat scroll 0 0 transparent;
	outline: 0 none !important;
	display: inline-block;
	height: auto !important;
	margin: 0;
	padding: 0;
	width: 99%;
	/* overflow: auto; */
	position: relative;
	/*min-height: 1.4em;*/
	/* border: 1px solid #CCCCCC;*/
}

	ul.message-attachments li.ui-file[b-fedjgtr6ty] {
		float: left;
		list-style-type: none;
		margin: .5% 1% .5% 0;
		position: relative;
		white-space: nowrap;
	}

		ul.message-attachments li.ui-file .file[b-fedjgtr6ty] {
			display: inline-block;
			margin: 0;
			position: relative;
			/* width: 100%; */
			white-space: nowrap;
		}

.file span.type-icon[b-fedjgtr6ty] {
	height: 16px;
	width: 16px;
	margin-right: 2px;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	background: url(img/paperclip.png) no-repeat;
}

.ui-file.ui-file-type-eml .file span.type-icon[b-fedjgtr6ty],
.ui-file.ui-file-type-msg .file span.type-icon[b-fedjgtr6ty] {
	background: url(img/email.png) no-repeat;
}

.ui-file.ui-file-type-doc .file span.type-icon[b-fedjgtr6ty],
.ui-file.ui-file-type-docm .file span.type-icon[b-fedjgtr6ty] {
	background: url(img/word.gif) no-repeat;
}

.ui-file-type-txt .file span.type-icon[b-fedjgtr6ty] {
	background: url(img/text.gif) no-repeat;
}

.ui-file-type-htm .file span.type-icon[b-fedjgtr6ty],
.ui-file-type-html .file span.type-icon[b-fedjgtr6ty] {
	background: url(img/htm.jpg) no-repeat;
}

.ui-file-type-rtf .file span.type-icon[b-fedjgtr6ty] {
	background: url(img/rtf.gif) no-repeat;
}

.ui-file-type-pdf .file span.type-icon[b-fedjgtr6ty] {
	background: url(img/acrobat.gif) no-repeat;
}

.ui-file-type-xls .file span.type-icon[b-fedjgtr6ty],
.ui-file-type-xlsx .file span.type-icon[b-fedjgtr6ty] {
	background: url(img/excel.gif) no-repeat;
}

.ui-file-type-zip .file span.type-icon[b-fedjgtr6ty] {
	background: url(img/zip.gif) no-repeat;
}

.ui-file-type-xml .file span.type-icon[b-fedjgtr6ty] {
	background: url(img/xml.gif) no-repeat;
}

.ui-file-type-tif .file span.type-icon[b-fedjgtr6ty],
.ui-file-type-gif .file span.type-icon[b-fedjgtr6ty],
.ui-file-type-png .file span.type-icon[b-fedjgtr6ty],
.ui-file-type-peng .file span.type-icon[b-fedjgtr6ty],
.ui-file-type-ico .file span.type-icon[b-fedjgtr6ty],
.ui-file-type-jpg .file span.type-icon[b-fedjgtr6ty],
.ui-file-type-bmp .file span.type-icon[b-fedjgtr6ty] {
	background: url(img/image.gif) no-repeat;
}

.letter-view[b-fedjgtr6ty]{
	margin-left:25px;
}

/*.letter-view p {
	margin: 0;
	padding: 0;
}

.letter-preview p {
	margin: 0;
	padding: 0;
}*/
/* /Layout/Controls/ButtonAction.razor.rz.scp.css */
/*.gridactions .btnActionImg_GoBack.btnMenu ::deep > button.btnImage {
	border: none;*/
	/*outline:none;*/
	/*background-color: transparent;
	padding: 0px;
	vertical-align: middle;*/
	/*padding: 2px 5px;*/
/*}

.gridactions .btnActionImg_GoBack.btnMenu ::deep > button.btnImage:hover {
	background-color: rgb(237, 237, 237);
	border: 1px solid #ccc;
	text-shadow: 0px 1px 0px #f3f3f3;*/
	/*		padding: 2px 5px;*/
/*}

	.gridactions .btnActionImg_GoBack.btnMenu ::deep > button.btnImage:focus, .gridactions .btnActionImg_GoBack.btnMenu ::deep > button.btnImage:active {
		border-radius: 0;
		border: black;*/
		/*padding: 2px 5px;*/
		/*outline: 1px solid black;
	}*/
/* /Layout/Controls/ButtonMenu.razor.rz.scp.css */

/* DKH - button menu used for grid actions */

/*for styling tips see https://www.w3schools.com/howto/howto_js_dropdown.asp*/

/* Unless the container div has position: absolute it MUST have postion: relative (even when floated) */
.btnMenu[b-kbsf69ruks] {
	position: relative;
	display: inline-block;
	/*margin-right:30px; ly, 8/23/16, make menu box lines up*/
	/*float: right;*/
	margin-right: 6px;
}

	.btnMenu.aleft[b-kbsf69ruks] {
		left: 5px;
	}

	.btnMenu.aright[b-kbsf69ruks] {
		/*	float: right;*/
	}

.btnMenu-div[b-kbsf69ruks] {
	/*	background-color: var(--cb_btnmenu, hsl(210,20%,80%));
	border: 1px solid gray;
*/
	position: absolute;
	overflow: auto;
	text-align: left;
	z-index: 15;
}

	.btnMenu-div.dropup[b-kbsf69ruks] {
		bottom: 0;
		left: 27px;
	}

	.btnMenu-div.aright[b-kbsf69ruks] {
		right: 0px;
		text-align: right;
	}

	.btnMenu-div.visible[b-kbsf69ruks] {
		display: block;
	}

	.btnMenu-div.hidden[b-kbsf69ruks] {
		display: none;
	}

	.btnMenu-div.visible:not(:focus-within)[b-kbsf69ruks] {
		background-color: gainsboro;
		transition: background-color 0.01s; /*fires an attached 'transitionend' event listener after very brief timeout */
	}

	.btnMenu-div.posleft[b-kbsf69ruks] {
		right: 0;
		left: unset;
		bottom: 29px;
	}

	.btnMenu-div .btnMenu-items[b-kbsf69ruks] {
		max-height: 80vh;
		overflow: inherit;
	}

	.btnMenu-div .btnMenu-items[b-kbsf69ruks],
	.btnMenu-div .btnMenu-wrap[b-kbsf69ruks] {
		background-color: var(--cb_btnmenu, hsl(210,20%,80%));
		border: 1px solid var(--cb_btnmenu_a, hsl(210,40%,40%));
	}

	/*triangle at top of dropdown menu*/
	.btnMenu-div .btnMenu-tri[b-kbsf69ruks] {
		position: absolute;
		width: 0;
		height: 0;
		/*right: 20px;*/
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 15px solid var(--cb_btnmenu_a, hsl(210,40%,40%));
	}


	/*Styling for individual menu items in button menu dropdown.
There is a wrapper div with class=btnMenu-items around the btnMenu-item's.
*/

	.btnMenu-div button.btnMenu-item[b-kbsf69ruks] {
		outline: none;
		border: none;
		background-color: transparent;
		width: 100%;
		text-align: left;
	}

	.btnMenu-div .btnMenu-item[b-kbsf69ruks] {
		padding: 6px 8px;
		/*font-family: Tahoma, Arial, sans-serif;*/
		text-decoration: none;
		font-size: 13px;
		/*font-weight: bold;*/
		color: black;
		display: block;
	}

		.btnMenu-div .btnMenu-item.UserMenu[b-kbsf69ruks] {
			font-size: 16px;
			color: var(--cb_btnmenu_c);
		}

		.btnMenu-div .btnMenu-item:hover[b-kbsf69ruks] {
			background-color: var(--cb_btnmenu_h, hsl(210,40%,70%));
			/*silver;*/
		}

		.btnMenu-div .btnMenu-item:focus[b-kbsf69ruks] {
			background-color: var(--cb_btnmenu_a, hsl(210,40%,40%));
			/*gainsboro;*/
			color: white;
		}

		.btnMenu-div .btnMenu-item.btnMenu-active[b-kbsf69ruks] {
			background-color: var(--cb_btnmenu_c, hsl(210,40%,40%));
			color: white;
		}

/* The ONLY change needed across all
        elements for left vs right alignment of menu
        with button is:
        o  use right: 0px - for right alignment
        o  use right: auto  - for left alignment
      */

.btnMenu > .btnMenu-btn[b-kbsf69ruks] {
	background-color: inherit; /*rgb(250,250,250);*/
	border-radius: 0; /*3.9px;*/
	border-color: rgb(204, 204, 204);
	border-style: solid;
	border-width: 1px;
	color: rgb(51,51,51);
	/*font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;*/
	font-size: 13px;
	padding: 4px 2px;
	/*padding-left: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 20px;*/
	/*box-shadow: 1px 1px 4px 1px #8fa8bd;*/
	margin-bottom: 1px;
	min-width: 100px;
	vertical-align: middle;
}

.btnMenu.aleft > .btnMenu-btn[b-kbsf69ruks] {
	text-align: left;
	min-width: 0;
	padding-right: 10px;
}

	.btnMenu.aleft > .btnMenu-btn:focus[b-kbsf69ruks] {
		outline: 1px solid hsl(0,0%,20%);
		box-shadow: 0 0 0 .1rem hsl(210,40%,50%);
	}



.btnMenu > .btnMenu-btn > span[b-kbsf69ruks] {
	padding: 3px;
	vertical-align: middle;
}

.btnMenu > .btnMenu-btn[b-kbsf69ruks]  svg {
	padding: 0;
	vertical-align: middle;
}

/*.btnMenu > .btnMenu-btn ::deep .svgupdn {
	stroke: hsl(0,0%,45%);
}

.btnMenu > .btnMenu-btn ::deep .svgnew {
	fill:transparent;
	stroke: hsl(200,50%,65%);
}

.btnMenu > .btnMenu-imgbtn ::deep .svgdots {
	fill: hsl(0,0%,50%);
}*/

.btnMenu > .btnMenu-btn:hover[b-kbsf69ruks] {
	background-color: rgb(237, 237, 237);
	border-color: #ccc;
	color: #333;
	text-shadow: 0px 1px 0px #f3f3f3;
}

.btnMenu > .btnMenu-btn:active[b-kbsf69ruks] {
	border-radius: 0;
}

.btnMenu.aleft.gridrowptagbtn > .btnMenu-btn[b-kbsf69ruks],
.btnMenu.aleft.gridrowptagbtn > .btnMenu-btn:focus[b-kbsf69ruks] {
	border-color: var(--gs_line1);
	box-shadow: none;
}

.btnMenu.gridrowptagbtn > .btnMenu-btn:hover[b-kbsf69ruks] {
	background-color: var(--cb_gridhd);
	/*	border-color: var(--gs_line1);*/
}

.btnMenu.gridrowptagbtn > .btnMenu-btn:focus[b-kbsf69ruks] {
	background-color: var(--cb_gridhd);
	/*border-color: var(--gs_line1);*/
}

/*content items need to be in same folder as .css or pathed back to root e.g. ../btnmenu/dnwhite.png*/
/*.btnMenu > .btnMenu-btn::after {
		content: url('../img/dnwhite.png');
		width: 19px;
		height: 19px;
		border-radius: 14px;
		position: absolute;
		right: 4px;
		background-color:  dimgray;*/ /* #446c99;*/
/*padding-top: 3px;
		padding-bottom: 1px;
		padding-left: 3px;
		padding-right: 8px;
	}

	.btnMenu > .btnMenu-btn[aria-expanded='true']::after {
		content: url('../img/upwhite.png');
	}*/
.btnMenu > .btnMenu-imgbtn img[b-kbsf69ruks] {
	height: 21px;
}

.btnMenu > .btnMenu-imgbtn[b-kbsf69ruks] {
	border: none;
	/*outline:none;*/
	background-color: transparent;
	padding: 0px;
	vertical-align: middle;
	/*padding: 2px 5px;*/
	outline: 1px transparent;
}

	.btnMenu > .btnMenu-imgbtn:hover[b-kbsf69ruks] {
		background-color: var(--cb_btnmenu, hsl(0,0%,93%));
		outline: 1px solid hsl(0,0%,50%);
		/*border: 1px solid hsl(0,0%,50%);*/
		/*text-shadow: 0px 1px 0px #f3f3f3;*/
		/*		padding: 2px 5px;*/
	}

	.btnMenu > .btnMenu-imgbtn:focus[b-kbsf69ruks], .btnMenu > .btnMenu-imgbtn:active[b-kbsf69ruks] {
		border-radius: 0;
		border: black;
		background-color: var(--cb_btnmenu, hsl(0,0%,93%));
		/*padding: 2px 5px;*/
		outline: 1px solid hsl(0,0%,50%);
	}

.btnMenu .btnMenu-item[b-kbsf69ruks]  .btnMenuItemGLbl {
	display: grid;
	column-gap: 6px;
	grid-template-columns: 20px 1fr;
	align-items: center;
}


/*When the menu items (ActionItems) include a LabelSvg pointer to 
a graphic in the SvgImages.cs file, those graphics are given an "svgbutton"
class name for the "g" wrapper node.  The "fill" setting will cascade down to
the "path" element, but for non-path markup using line, rect, etc. the "stroke"
setting applies the color.  Since we are NOT including the child node in 
these selectors, the non-"path" graphics should have those other elements set with fill=none.

NOTE: dkh 9/27/23 - the grid CellInlineActions component in IqBaseRowTemplate.cs now also renders row action
svg's as inline buttons using the .svgbutton class.  Thus, any changes here need to match .svgbutton settings in
GridScrolling.razor.css.
*/
.btnMenu .btnMenu-item[b-kbsf69ruks]  .svgbutton {
	fill: var(--gf_svgbtn3, hsl(210,40%,60%));
	stroke: var(--gf_svgbtn3, hsl(210,40%,60%));
}

.btnMenu .btnMenu-item.btnMenu-active[b-kbsf69ruks]  .svgbutton {
	fill: white;
	stroke: white;
}

.btnMenu .btnMenu-item:focus[b-kbsf69ruks]  .svgbutton {
	fill: white;
	stroke: white;
}
/* /Layout/Controls/CampaignTextAnalysis.razor.rz.scp.css */
.spinner[b-gry12ra8l0] {
	border: 16px solid silver;
	border-top: 16px solid #337AB7;
	border-radius: 50%;
	margin-left:-100px;
	width: 80px;
	height: 80px;
	animation: spin-b-gry12ra8l0 1000ms linear infinite;
	top: 40%;
	left: 55%;
	position: absolute;
}

@keyframes spin-b-gry12ra8l0 {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}
/* /Layout/Controls/Charts/CountTile.razor.rz.scp.css */
.tile-border[b-ctaj2vaae1] {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    padding: 15px 0;
}
.tile-label[b-ctaj2vaae1] {
    font-size: small;
    color: hsla(287, 1%, 40%, 1);
    display: block;
    line-height: 14px;
    font-weight: bold;
}
/* /Layout/Controls/Charts/PieDonut.razor.rz.scp.css */
.piechart-container[b-zndhfpl63z] {
    display: grid;
    grid-template-columns: [col]140px [col]60%;
    grid-gap: 8px;
}
.legend-dot[b-zndhfpl63z] {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}
.legend-row[b-zndhfpl63z] {
    display: grid;
    grid-template-columns: [col]5% [col]95%;
    grid-gap: 8px;
}

/* /Layout/Controls/Charts/VerticalBars.razor.rz.scp.css */
.legend-dot[b-h2yqfpmghs] {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}
.legend-row[b-h2yqfpmghs] {
    display: grid;
    grid-template-columns: [col]5% [col]90%;
    grid-gap: 8px;
}
.legend-btn[b-h2yqfpmghs] {
    text-align: left;
    border: none;
    background: none;
    font-size: small;
    color: hsla(218, 85%, 43%, 1);
}
/* /Layout/Controls/Discussions/DiscussionReplyBox.razor.rz.scp.css */
.container[b-nuiagyl04d] {
	border: 1px solid gray;
	margin-bottom: 12px;
	padding-top: 5px;
}

.actions[b-nuiagyl04d] {
	display: flex;
	justify-content: right;
	margin: 5px;
}
/* /Layout/Controls/Discussions/DiscussionThread.razor.rz.scp.css */

.post[b-54bk6etjih] {
	font-size: 12pt;
	padding-bottom: 4px;
}

.reply[b-54bk6etjih] {
	padding-left: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	border-left: 2px solid var(--ct_tab1);
}

.author[b-54bk6etjih] {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 3px;
	color: #406f9d;
}

.timestamp[b-54bk6etjih] {
	color: var(--ct_note,#999);
	font-size: 10pt;
}

.actions[b-54bk6etjih] {
	margin-left: 8px;
	vertical-align: -3px;
	fill: black;
	--gf_svgbtn2: black;
}

.action[b-54bk6etjih] {
	width: 20px;
	margin: 0px;
	padding: 0;
	background-color: transparent;
	outline: none;
	border: none;
	opacity: 0;
	transition: opacity linear 0.25s;
}

	.post:hover .action[b-54bk6etjih] {
		opacity: 0.5;
	}
	.post .action:hover[b-54bk6etjih],
	.post .action:focus-visible[b-54bk6etjih] {
		opacity: 1;
	}
/* /Layout/Controls/Discussions/RecordDiscussions.razor.rz.scp.css */
.discussion[b-jp2gtm35zn] {
	font-size: 12pt;
}

.posts[b-jp2gtm35zn] {
	position: relative;
	padding-bottom: 4px;
}

.refresh[b-jp2gtm35zn] {
	position: absolute;
	top: 2px;
	right: 5px;
	padding: 2px;
	background-color: transparent;
	outline: none;
	border: none;
}

[b-jp2gtm35zn] p {
	margin: 0;
}
/* /Layout/Controls/FormFieldMultiSelect.razor.rz.scp.css */


.ffwms .ffac_edit[ffac-scope] {
    width: 93%;
}
/* /Layout/Controls/FormFieldSelect.razor.rz.scp.css */
<!--
CR 931734 rev 5.1.5 
------------------

For background on how to share isolated style sheets across inherited components see:
https://www.daveabrock.com/2021/01/31/blazor-css-iso-inheritance-scopes/
-->
div.ffaccombobox[ffac-scope]  {
	position: relative;
}

.ffss .cb_edit[ffac-scope] {
width: 98%;
}

.ffaccombobox[ffac-scope] .ffac_group[ffac-scope] {
	display: grid;
	grid-template-columns: 1fr auto auto;
	width: 98%;
	display: inline-flex;
	<!-- padding: 4px; -->
	cursor: pointer;
}

.ffaccombobox[ffac-scope] input[ffac-scope],
.ffaccombobox[ffac-scope] button.ffacbtn[ffac-scope] {
	background-color: inherit;
	/*background-color: white;*/
	color: black;
	box-sizing: border-box;
	height: 30px;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	/*border: 1px solid gray;*/
	position: relative;
	cursor: pointer;
}

.ffaccombobox[ffac-scope] input[ffac-scope] {
	/*width: 150px;*/
	/*width: 98%;*/
	/*	border-right: none;*/
	/*border: none;*/
	outline: none;
	font-size: 87.5%;
	padding: 1px 3px;
}

.ffaccombobox[ffac-scope] input.cb_edit[ffac-scope]{
margin-top: 6px;
margin-left: 3px;
}

	.ffaccombobox[ffac-scope] input.ffac_edit.ffmnosel[ffac-scope] {
		margin-top: 6px;
		margin-left: 3px;
	}

	.ffaccombobox[ffac-scope] input.ffac_edit.ffmwsel[ffac-scope] {
		margin-left: 3px;
	}

	.ffaccombobox[ffac-scope] button.ffacbtn[ffac-scope] {
		width: 19px;
		/*border-left: none;*/
		border: none;
		outline: none;
		color: rgb(0 90 156);
	}

	.ffaccombobox[ffac-scope] button.ffacbtn[aria-expanded="true"] svg[ffac-scope] {
		transform: rotate(180deg) translate(0, -3px);
	}

.ffaccombobox[ffac-scope] ul[role="listbox"][ffac-scope] {
	z-index: 20;
	margin: 0;
	padding: 3px;
	position: absolute;
	/*static absolute relative
	top: 29px;*/
/*	top: 29px;
	left: 2px;*/
	list-style: none;
	background-color: white;
	display: none;
	box-sizing: border-box;
	border: 1px gray solid;
	border-radius: 4px;
	max-height: 250px;
	min-width: 168px;
	width: 50%;
max-width: 400px;
	overflow: auto;
	overflow-x: hidden;
	font-size: 87.5%;
	cursor: pointer;
}

.ffaccombobox[ffac-scope] ul[role="listbox"][ffac-scope] {
	/*transition: all .01s ease;*/
}


	/*div.ffss[ffac-scope] .ffaccombobox[ffac-scope] ul[role="listbox"] {
	margin-top: 5px;
	top: 29px;
	left: 2px;
}*/

	div .ffss[ffac-scope] .ffaccombobox[ffac-scope] ul.opendir_down[role="listbox"][ffac-scope] {
	/*margin-top: 5px;
	top: 29px;
	left: 2px;*/
}

div.ffss[ffac-scope] .ffaccombobox[ffac-scope] ul.opendir_up[role="listbox"][ffac-scope] {
/*	margin-top: 5px;
	bottom: 3px;
	left: 28px;*/
}

/*Multi-select has div around the UL list box:*/
.ffaccombobox.opendir_down[ffac-scope] ul[role="listbox"][ffac-scope] {
	/*top: 0px;
	left: 2px;*/
}
.ffaccombobox.opendir_up[ffac-scope] ul[role="listbox"][ffac-scope] {
	/*bottom: 3px;
	left: 28px;*/
}


	.ffaccombobox[ffac-scope] ul[role="listbox"] li[role="option"][ffac-scope] {
	margin: 2px;
	display: block;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* focus and hover styling */

.ffac_group.visible:not(:focus-within)[ffac-scope] {
	background-color: gainsboro;
	transition: background-color 0.01s; /*fires an attached 'transitionend' event listener after very brief timeout */
}



.ffaccombobox .ffac_group.focus[ffac-scope],
.ffaccombobox .ffac_group:hover[ffac-scope] {
	<!-- padding: 2px; -->
	/*border: 2px solid currentcolor;*/
	border-radius: 4px;
}

	.ffaccombobox .ffac_group.focus polygon[ffac-scope],
	.ffaccombobox .ffac_group:hover polygon[ffac-scope] {
		fill-opacity: 1;
	}

	.ffaccombobox .ffac_group.focus input[ffac-scope],
	.ffaccombobox .ffac_group.focus button.ffacbtn[ffac-scope],
	.ffaccombobox .ffac_group input:hover[ffac-scope],
	.ffaccombobox .ffac_group button:hover[ffac-scope] {
		/*	background-color: #def;*/
	}

[role="listbox"].focus [role="option"][aria-selected="true"][ffac-scope],
[role="listbox"] [role="option"]:hover[ffac-scope] {
	background-color: var(--cb_btnmenu_h); <!--
	#def; -->
	<!-- padding-top: 0;
	padding-bottom: 0; -->
	/*border-top: 2px solid currentcolor;
	border-bottom: 2px solid currentcolor;*/
}







.ffaccombobox [role="listbox"] [role="option"][selected="true"][ffac-scope] {
	background-color: var(--cb_btnmenu_c);
	color: white;
}



/*"x" delete entry button element*/
.ffac_btnclear[ffac-scope]  {
	border: 1px solid inherit;
}

/*.ffac_btnclear:focus ::deep {
		border: 1px solid var(--gf_svgbtn2);
	}*/

.ffaccombobox[ffac-scope] button[ffac-scope].ffac_btnclear.ffacbtn:active[ffac-scope] ,
.ffaccombobox[ffac-scope] button[ffac-scope].ffac_btnclear.ffacbtn:focus[ffac-scope]  {
	border: 1px solid var(--bb_submit_h);
	outline: 1px solid var(--bb_submit_h);
}




/* "x" delete entry svg g element */
.ffaccombobox[ffac-scope] button[ffac-scope].ffac_btnclear[ffac-scope]  g.ffacbtnclear rect {
	fill: none;
}

.ffaccombobox[ffac-scope] button[ffac-scope].ffac_btnclear[ffac-scope]  g.ffacbtnclear path {
	stroke: var(--gf_svgbtn2);
}



/*NOT USED*/
.ffac_group:focus-within .ffac_toggledd[ffac-scope], .ffac_toggledd:hover[ffac-scope] {
	/*	visibility: visible;*/
}
/* /Layout/Controls/FormFieldSelectBase.razor.rz.scp.css */
/* /Layout/Controls/GridScrolling.razor.rz.scp.css */

/* Outer Grid Control div*/

.gridscrolling[b-b03p0t1k8n] {
	position: absolute;
	margin: 0;
	background-color: var(--cb_gridnormal,hsl(0,0%,100%));
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-template-rows: 1fr;
}

/* Styling for grid's filter panel*/
.gridfiltcolph[b-b03p0t1k8n] {
	grid-column: 1;
	grid-row: 1;
}

.gridfiltcol[b-b03p0t1k8n] {
	width: 195px;
	min-width: 100px;
	max-width: 350px;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0;
	grid-column: 1;
	grid-row: 1;
	background-color: var(--cb_gridnormal,hsl(0,0%,100%));
	border-right: 1px solid hsl(0,0%,90%);
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr;
}

.gridfilthdr[b-b03p0t1k8n] {
	grid-row: 1;
	grid-column: 1;
	background-color: inherit; /*hsl(210,40%,60%)*/ /*rgba(0,0,0,0.4)*/
	;
	padding-top: 4px;
	padding-bottom: 1px;
	color: white;
	/*	height: 3.5rem;*/
}

	.gridfilthdr span[b-b03p0t1k8n] {
		display: flex;
		font-size: 18px;
	}

.gridfilthdrbtn[b-b03p0t1k8n] {
	border: none;
	background: transparent;
}

/*pie chart button on filter header*/
.gridfiltpchbtn[b-b03p0t1k8n] {
	padding: 1px;
	border: none;
	outline: none;
	background-color: transparent;
}

	.gridfiltpchbtn:focus[b-b03p0t1k8n], .gridfiltpchbtn:active[b-b03p0t1k8n], .gridfiltpchbtn:hover[b-b03p0t1k8n] {
		outline: 1px solid hsl(0,0%,50%);
	}


.gridfilters[b-b03p0t1k8n] {
	grid-row: 2;
	overflow-y: auto;
	padding: 4px;
}

.gridfiltul[b-b03p0t1k8n] {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	padding-left: 0;
	margin-top: 4px;
	margin-bottom: 4px;
}

.gridfiltbtntgl[b-b03p0t1k8n] {
	/*toggle group header button*/
	width: 100%;
	margin-bottom: 4px;
	text-align: left;
	/*border: 1px solid lightgray;*/
	border: none;
	outline: none;
	font-weight: bold;
	background: transparent;
	padding-left: 2px;
}

	.gridfiltbtntgl:hover[b-b03p0t1k8n] {
		color: hsl(210,40%,40%);
	}

	.gridfiltbtntgl:focus[b-b03p0t1k8n], .gridfiltbtntgl:active[b-b03p0t1k8n] {
		outline: 1px solid lightgray;
	}

.gridfiltbtnselall[b-b03p0t1k8n] {
	/*toggle group header button*/
	width: 100%;
	margin-bottom: 4px;
	text-align: left;
	/*border: 1px solid lightgray;*/
	border: none;
	outline: none;
	font-weight: bold;
	background: transparent;
	padding-left: 2px;
}

	.gridfiltbtnselall:focus[b-b03p0t1k8n], .gridfiltbtnselall:active[b-b03p0t1k8n], .gridfiltbtnselall:hover[b-b03p0t1k8n] {
		outline: 1px solid hsl(0,0%,50%);
	}

.gridfiltslider[b-b03p0t1k8n] {
	/*cursor: grab;*/
	cursor: col-resize;
	z-index: 1;
	position: absolute;
	right: 0;
	top: 49%;
	/*	padding: 2px;
	margin-right: -8px;*/
	text-align: right;
}

@media screen and (max-width: 500px) {
	.gridfiltslider[b-b03p0t1k8n] {
		display: none;
	}
}

@media screen and (max-height: 400px) {
	.gridfiltslider[b-b03p0t1k8n] {
		display: none;
	}
}


/*END filter panel styling*/



/*Main Grid row area*/
.griddatagridcol[b-b03p0t1k8n] {
	grid-column: 2;
	grid-row: 1;
	width: 100%;
	overflow-y: auto;
	background-color: var(--cb_gridnormal,hsl(0,0%,100%));
	display: grid;
	grid-template-rows: auto 1fr;
	grid-auto-rows: auto;
	position: relative;
	padding-top: 0px;
	padding-left: 0px;
}

/*grid actions header - contains the grid actions (.gridactions) and row id (.gridcurrowid)
	(spans across/above the 2 columns containing the title and reading panel */
.gridheader[b-b03p0t1k8n] {
	padding: 1px;
	background-color: var(--cb_gridhd, hsl(210,40%,90%));
	position: relative;
	grid-row: 1;
	display: grid;
	grid-template-columns: auto 1fr;
	min-height: 34px;
}

.gridactions[b-b03p0t1k8n] {
	padding-top: 2px;
	padding-bottom: 2px;
	/*padding-right: 50px;*/
	display: inline-block;
}

	.gridactions[b-b03p0t1k8n]  .btnMenu {
		display: inline-block;
		padding-top: 2px;
	}


		.gridactions[b-b03p0t1k8n]  .btnMenu button.btnImage {
			border: 1px solid transparent;
			outline: 1px solid transparent;
			background-color: transparent;
			padding: 0px;
			vertical-align: middle;
			/*padding: 2px 5px;*/
		}

			.gridactions[b-b03p0t1k8n]  .btnMenu button.btnImage:hover {
				background-color: rgb(237, 237, 237);
				/*border: 1px solid #ccc;*/
				text-shadow: 0px 1px 0px #f3f3f3;
				padding: 0;
				height: auto;
				/*		padding: 2px 5px;*/
			}

			.gridactions[b-b03p0t1k8n]  .btnMenu button.btnImage:focus, .gridactions[b-b03p0t1k8n]  .btnMenu button.btnImage:active {
				/*				border-radius: 0;
				border: 1px solid black;
				outline: 1px solid black;*/
				box-shadow: 0 0 0 .1rem hsl(210,40%,50%);
			}



/*currently-highlighted row - displaying row number and id in upper right corner*/
.gridcurrowid[b-b03p0t1k8n] {
	display: inline;
	width: auto;
	min-height: 22px;
	text-align: right;
	padding-right: 8px;
}

	.gridcurrowid > div[b-b03p0t1k8n] {
		max-width: 280px;
		border-top: 1px solid silver;
		border-left: 1px solid silver;
		border-right: 1px solid silver;
		position: absolute;
		bottom: 0;
		right: 15px;
		display: inline;
		font-size: 14px;
		background-color: var(--cb_gridnormal,hsl(0,0%,100%));
		padding: 4px;
	}

.smallscreen .gridcurrowid[b-b03p0t1k8n]  div.gridrnw {
	position: relative;
	right: 2px;
	max-width: 200px;
	display:inline-block;
}

.smallscreen .gridcurrowid[b-b03p0t1k8n]  span.gridrn {display:none;}

.smallscreen .gridcurrowid[b-b03p0t1k8n]  span.gridrnd {
	display: none;
}


/*This is the 2 column grid below the grid actions header, 
		with the left containing the title and data rows and the right column (when
		visible) containing the reading panel	*/
.gridrowsandrdg[b-b03p0t1k8n] {
	grid-row: 2;
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0;
	right: 0;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-auto-rows: auto;
}

/*grid title and rows (below grid actions - left of reading panel) */
.griddata[b-b03p0t1k8n] {
	padding-left: 5px;
	overflow: hidden;
	grid-template-rows: auto 1fr;
	display: grid;
}

.gridtitlehdr[b-b03p0t1k8n] {
	/*	grid-template-columns: auto auto 1fr;
	display: grid;
	min-height: 40px;*/
	align-content: baseline;
	vertical-align: bottom;
}

	.gridtitlehdr.rdngpnloff[b-b03p0t1k8n] {
		/*grid-template-columns: auto auto 1fr auto;*/
		/*grid-template-columns: auto 1fr auto;*/
	}

	.gridtitlehdr.rdngpnlon .btnshowrdng[b-b03p0t1k8n] {
		display: none;
	}

	.gridtitlehdr.rdngpnloff .btnshowrdng[b-b03p0t1k8n] {
		display: inline;
	}


.gridtitle[b-b03p0t1k8n] {
	display: inline;
}

.gridtitle[b-b03p0t1k8n]  h1 {overflow-wrap:anywhere;}

.gridsortrr[b-b03p0t1k8n] {
	float: right;
	display: inline;
}

.gridsort[b-b03p0t1k8n] {
	display: inline-block;
	text-align: right;
	position: relative;
}

	.gridsort[b-b03p0t1k8n]  .btnMenu {
		border: 1px solid transparent;
	}

		.gridsort[b-b03p0t1k8n]  .btnMenu:hover {
			border: 1px solid hsl(210,40%,60%);
		}

		/*	.gridsort ::deep a.btnMenu-active {
		background-color: var(--cb_btnmenu_a, hsl(210,40%,40%));
		color: white;
	}*/

		.gridsort[b-b03p0t1k8n]  .btnMenu button {
			white-space: nowrap;
		}

/* gridrows is a div just below gridtitlehdr and that wraps the header row and data rows */
.gridrows[b-b03p0t1k8n] {
	font-size: 15px;
	height: 100%;
	width: 100%;
	position: relative;
	overflow: auto;
	margin: 0;
	right: 0;
	overflow-wrap: anywhere;
}

/* Div in GridScrolling that wraps the header row */
.gridcolhead[b-b03p0t1k8n] {
	position: sticky;
	top: 0;
	background-color: var(--cb_gridnormal,hsl(0,0%,100%));
	z-index: inherit;  /*	1; TO-DO - modify User settings menu so it doesn't get hidden when this is "1"  */
	padding-top: 2px;
}

	/* The header row in the individual row template razor files is classed with .gridcolhdtmpl */
	.gridcolhead[b-b03p0t1k8n]  .gridcolhdtmpl {
		border-bottom: 1px solid hsl(0,0%,65%);
		background-color: var(--cb_gridhd, hsl(210,40%,90%));
		font-size: larger;
		font-weight: normal;
		margin-top: 0px;
		display: grid;
		grid-auto-rows: auto;
		padding-bottom: 3px;
		/*This MUST be set inline:
		grid-template-columns: 30px 60px repeat(2, 1fr);
			*/
	}


.gridrows[b-b03p0t1k8n]  input[type='checkbox'] {
	width: 19px;
	height: 19px;
	background-color: var(--cb_gridnormal,hsl(0,0%,100%));
	border-radius: 3px;
	border: 2px solid #555;
}

.gridcolhead[b-b03p0t1k8n]  .gridcolhdtmpl input[type='checkbox'] {
	width: 19px;
	height: 19px;
}

.gridrows[b-b03p0t1k8n]  input[type='checkbox']:checked {
	background: #abd;
}

.gridcolhead[b-b03p0t1k8n]  .gridcolhdtmpl input[type='checkbox']:active, .gridcolhead[b-b03p0t1k8n]  .gridcolhdtmpl input[type='checkbox']:focus {
	/*checkboxes don't appear to trigger this when setting focus to them programatically!! */
	/*	outline-color: red;*/
}

.gridrows[b-b03p0t1k8n]  input[type='checkbox']:focus-visible {
	outline-offset: 0px;
}


.gridrow[b-b03p0t1k8n] {
	border-bottom: 1px solid gainsboro;
}

	/* The individual data rows in the individual row template razor files is classed with .gridrowi */
	.gridrow[b-b03p0t1k8n]  .gridrowi {
		/*	border-bottom: 1px solid gainsboro;*/
		margin-top: 2px;
		display: grid;
		grid-auto-rows: auto;
	}

		/* Optional row highlights for "IsUpdated=true" DataRow components*/
		.gridrow[b-b03p0t1k8n]  .gridrowi.gridrow_updated {
			/*border-right: 5px solid var(--nb_menbck);*/
		}

			.gridrow[b-b03p0t1k8n]  .gridrowi.gridrow_updated .gridrow_updtmsg {
				font-size: x-small;
				font-style: italic;
				padding-left: 1px;
				color: var(--nb_menbck);
				white-space: nowrap;
			}

	.gridrow[b-b03p0t1k8n]  .cellid.col1id {
		font-style: italic;
		padding-left: 1px;
		color: var(--nb_menbck);
		/*white-space: nowrap;*/
	}

	/* styling for ExpandedRow (secondary rows) component */
	.gridrow[b-b03p0t1k8n]  .gridrowi_exp {
		display: grid;
		margin-top: 2px;
	}

	.gridrow[b-b03p0t1k8n]  .gridrowi_expcont {
	}


/*grid row for "row not found" rows (e.g. deleted)*/
.gridrownf[b-b03p0t1k8n] {
	padding: 2px;
	border-bottom: 1px solid gainsboro;
	font-size: small;
}

/* gridmlclbl is used for the label portion of grid cells when the layout is "label: value"
	NOTE- this is NOT added when using IqBaseRowTemplate.
*/
.gridrow[b-b03p0t1k8n]  .gridmlclbl {
	margin-right: 4px;
}

.gridrow:hover[b-b03p0t1k8n] {
	/*	background-color: var(--cb_gridhd_h1, hsl(210,40%,85%));*/
	background-color: var(--cb_gridhov, hsl(210,40%,90%));
	border: none;
}

.gridrow.current[b-b03p0t1k8n] {
	/*background-color: var(--cb_gridhd, hsl(210,40%,90%));*/
	background-color: var(--cb_gridhd_h1, hsl(210,40%,85%));
	border: none;
}

	.gridrow.current:hover[b-b03p0t1k8n] {
		background-color: var(--cb_gridhd_h2, hsl(210,40%,80%));
		border: none;
	}

/*These settings hide/show the row action button, in-row filter buttons 
and the personal tags dropdown so users
only see those when hovering or selecting a row
 inrowfilter
*/

.gridrow[b-b03p0t1k8n]  div.cellptag {
	display: none;
}

.gridrow.current[b-b03p0t1k8n]  div.cellptag,
.gridrow:hover[b-b03p0t1k8n]  div.cellptag,
.gridrow:active[b-b03p0t1k8n]  div.cellptag {
	display: block;
}

/*.gridrow ::deep .gridrowi .inrowlink,
.gridrow ::deep .gridrowi .inrowfilter,*/
.gridrow[b-b03p0t1k8n]  .gridrowi .btnMenu.aleft.gridrowactbtn,
.gridrow[b-b03p0t1k8n]  .btnMenu.aleft.gridrowptagbtn {
	/*display: none;*/
	visibility: hidden;
}

.gridrow[b-b03p0t1k8n]  .ratinline {
/*display:none;*/
visibility: hidden;
}


.gridrow.current[b-b03p0t1k8n]  .ratinline,
.gridrow:hover[b-b03p0t1k8n]  .ratinline,
.gridrow:focus[b-b03p0t1k8n]  .ratinline,
.gridrow:active[b-b03p0t1k8n]  .ratinline {
	/*display: inline-block;*/
visibility:visible;
}

.gridrow[b-b03p0t1k8n]  .gridrowi .inrowlink,
.gridrow[b-b03p0t1k8n]  .gridrowi .inrowfilter,
.gridrow[b-b03p0t1k8n]  .gridrowi .cellid {
	display: none;
}

.gridrow.current[b-b03p0t1k8n]  .cellid,
.gridrow:hover[b-b03p0t1k8n]  .cellid,
.gridrow:active[b-b03p0t1k8n]  .cellid,
.gridrow.current[b-b03p0t1k8n]  .inrowlink,
.gridrow:hover[b-b03p0t1k8n]  .inrowlink,
.gridrow:active[b-b03p0t1k8n]  .inrowlink,
.gridrow:focus[b-b03p0t1k8n]  .inrowlink,
.gridrow.current[b-b03p0t1k8n]  .inrowfilter,
.gridrow:hover[b-b03p0t1k8n]  .inrowfilter,
.gridrow:active[b-b03p0t1k8n]  .inrowfilter,
.gridrow:focus[b-b03p0t1k8n]  .inrowfilter,
.gridrow.current[b-b03p0t1k8n]  .btnMenu.aleft.gridrowactbtn,
.gridrow:hover[b-b03p0t1k8n]  .btnMenu.aleft.gridrowactbtn,
.gridrow:active[b-b03p0t1k8n]  .btnMenu.aleft.gridrowactbtn,
.gridrow:focus[b-b03p0t1k8n]  .btnMenu.aleft.gridrowactbtn,
.gridrow.current[b-b03p0t1k8n]  .btnMenu.aleft.gridrowptagbtn,
.gridrow:hover[b-b03p0t1k8n]  .btnMenu.aleft.gridrowptagbtn {
	display: inline-block;
	visibility: visible;
}

.gridrow[b-b03p0t1k8n]  .inrowlink:hover,
.gridrow[b-b03p0t1k8n]  .inrowlink:focus {
	border: 1px solid var(--bb_submit_h, hsl(210,40%,50%));
	outline: 1px solid var(--bb_submit_h, hsl(210,40%,50%));
}

.gridrow[b-b03p0t1k8n]  button.cellvalmaxrdpnl {
	background-color: transparent;
	border: 1px none;
	padding: 0px;
	outline: none;
	font-size: inherit;
	font-weight: inherit;
	text-align: left;
}

.gridrow.current[b-b03p0t1k8n]  button.cellvalmaxrdpnl,
.gridrow:hover[b-b03p0t1k8n]  button.cellvalmaxrdpnl {
	text-decoration: underline;
	border: 1px dotted var(--gs_line1, black);
	padding-left: 2px;
	padding-right: 2px;
	cursor: pointer;
}

	.gridrow.current[b-b03p0t1k8n]  button.cellvalmaxrdpnl:hover,
	.gridrow.current[b-b03p0t1k8n]  button.cellvalmaxrdpnl:focus,
	.gridrow.current[b-b03p0t1k8n]  button.cellvalmaxrdpnl:active {
		background: var(--cb_gridhd);
		text-decoration: underline;
		border: 1px solid var(--gs_line1, black);
		padding-left: 2px;
		padding-right: 2px;
		cursor: pointer;
	}

/*h4 for primary link in each row.  That element is marked up as a button with an h4 inside wrapping the label.*/
.gridrow[b-b03p0t1k8n]  .cellvalhdng {
	display:inline;
	padding:0;
	font:inherit;
}


/*
NOTE: dkh 9/27/23 - the grid CellInlineActions component in IqBaseRowTemplate.cs now renders row action
svg's as inline buttons using the .svgbutton class.  

That same class is assigned to the svg items used when rending the ButtonMenu component dropdown (e.g. row actions dropdown).
Thus, any changes here need to match .svgbutton settings in ButtonMenu.razor.css.

When the menu items (ActionItems) include a LabelSvg pointer to 
a graphic in the SvgImages.cs file, those graphics are given an "svgbutton"
class name for the "g" wrapper node.  The "fill" setting will cascade down to
the "path" element, but for non-path markup using line, rect, etc. the "stroke"
setting applies the color.  Since we are NOT including the child node in 
these selectors, the non-"path" graphics should have those other elements set with fill=none.
*/

.gridrow[b-b03p0t1k8n]  .ilrabtn {
	padding: 1px;
	margin-right: 3px;
	margin-bottom: 1px;
}

	.gridrow[b-b03p0t1k8n]  .ilrabtn svg {
		vertical-align: middle;
	}

	.gridrow[b-b03p0t1k8n]  .ilrabtn .svgbutton {
		fill: var(--gf_svgbtn2, hsl(210,40%,60%));
		stroke: var(--gf_svgbtn2, hsl(210,40%,60%));
	}

	/*.btnMenu .btnMenu-item.btnMenu-active ::deep .svgbutton {
	fill: white;
	stroke: white;
}*/

	.gridrow[b-b03p0t1k8n]  .ilrabtn:focus {
		background-color: var(--gf_svgbtn2);
		color: white;
	}

		.gridrow[b-b03p0t1k8n]  .ilrabtn:focus .svgbutton {
			fill: white;
			stroke: white;
		}



/*Reading panel*/
.gridrdgpnltogglebtn[b-b03p0t1k8n] {
	position: absolute;
	right: 10px;
	bottom: 6px;
	border: none;
}

.gridrdgpnl[b-b03p0t1k8n] {
	position: relative;
	border-left: 1px solid hsl(0,0%,75%);
	width: 450px;
	height: 100%;
	/*padding: 8px;*/
	overflow-y: auto;
	max-width: calc(100vw - 50px);
}

@media only screen and (max-width: 600px) {
	.gridrdgpnl[b-b03p0t1k8n] {
		position: fixed;
		height: 97%;
		top: 4px;
		right: 0px;
		/*left: 4px;*/
		bottom: 4px;
		width: calc(100vw - 5px);
		/*max-width: calc(100vw - 5px);*/
		z-index: 1;
	}
}


.gridrdslider[b-b03p0t1k8n] {
	/*cursor: grab;*/
	cursor: col-resize;
	position: absolute;
	left: 0;
	top: 49%;
	/*padding: 2px;*/
	padding: 0;
	line-height: 1;
	margin-left: 0px;
	z-index: 1;
}

@media screen and (max-width: 500px) {
	.gridrdslider[b-b03p0t1k8n] {
		display: none;
	}
}

@media screen and (max-height: 400px) {
	.gridrdslider[b-b03p0t1k8n] {
		display: none;
	}
}

.gridrdgpnlmaxbtn[b-b03p0t1k8n] {
	position: absolute;
	top: 4px;
	left: 10px;
	border: none;
	background: transparent;
padding: 0 1px 0 1px;
/*display:none;*/
}

.gridscrolling[b-b03p0t1k8n]  #pnlreading:hover .gridrdgpnlmaxbtn {
display:inline;
}

.gridscrolling[b-b03p0t1k8n]  #pnlreading:focus .gridrdgpnlmaxbtn {
	display: inline;
}

/*.gridrow ::deep .ilrabtn*/
.gridscrolling[b-b03p0t1k8n]  #pnlreading .gridrdgpnlmaxbtn .svgbutton {
	fill: var(--gf_svgbtn2, hsl(210,40%,60%));
	stroke: var(--gf_svgbtn2, hsl(210,40%,60%));
	vertical-align: middle;
}

.gridscrolling[b-b03p0t1k8n]  #pnlreading .gridrdgpnlmaxbtn:focus {
	background-color: var(--gf_svgbtn2);
	color: white;
}

	.gridscrolling[b-b03p0t1k8n]  #pnlreading .gridrdgpnlmaxbtn:focus .svgbutton {
		fill: white;
		stroke: white;
	}

.gridrdgpnlclosebtn[b-b03p0t1k8n] {
	position: absolute;
	top: 4px;
	right: 10px;
	border: none;
	background: transparent;
}

.gridrdgpnlsharebtn[b-b03p0t1k8n] {
	position: absolute;
	top: 4px;
	right: 35px;
	border: none;
	background: transparent;
}

@media only screen and (max-width: 600px) {
	/*	.gridrdgpnlclosebtn {
			position: absolute;
			top: 2px;
			left: 2px;
		}*/
}

/*NO LONGER NEEDED*/
.grideditcol[b-b03p0t1k8n] {
	position: relative;
	width: 600px;
	grid-column: 3;
	grid-row: 1;
	overflow-y: auto;
	background-color: whitesmoke;
}

.gridedpnlclosebtn[b-b03p0t1k8n] {
	position: absolute;
	top: 4px;
	right: 10px;
	border: none;
	background: transparent;
}

.gridedslider[b-b03p0t1k8n] {
	/*cursor: grab;*/
	cursor: col-resize;
	position: absolute;
	left: 0;
	top: 49%;
	/*padding: 2px;*/
	padding: 0;
	line-height: 1;
	margin-left: 0px;
}

.grideditcontent[b-b03p0t1k8n] {
	height: 100%;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

	/*Child/Nested Component "DEEP" Styling
	NOTE: Blazor CSS isolation adds a compile-time attribute to the elements
	in the .razor and then adds that same attribute token to the auto-generated app css file,
	but for child components that have their own class names the "::deep" placeholder
	can be used to identify where the isolation attribute appears in the selector path (MUST 
	have spaces before and after).
*/
	.grideditcontent[b-b03p0t1k8n]  .epHeader {
		font-size: 30px;
	}
/* /Layout/Controls/ModalAlert.razor.rz.scp.css */

/*Top-level container div*/
.iqmodal-container[b-g6s4ymkro1] {
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

/*Toggle applied to top-level container div*/
.iqmodal-active[b-g6s4ymkro1] {
	display: flex;
}

/*Background overlay div*/
.iqmodal-overlay[b-g6s4ymkro1] {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 3;
	background-color: rgba(0,0,0,0.5);
	/*right: 0px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;*/
}


/*Div that becomes the dialog*/
.iqmodal-ui[b-g6s4ymkro1] {
	display: flex;
	flex-direction: column;
	position: fixed;
	width: 500px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #fff;
	padding: 1rem;
	z-index: 4;
	max-height:40%
}

	.iqmodal-ui.iqmodal-open:not(:focus-within)[b-g6s4ymkro1] {
		background-color: gainsboro;
		transition: background-color 0.01s; /*fires an attached 'transitionend' event listener after very brief timeout */
	}

	.iqmodal-header[b-g6s4ymkro1] {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding: 0 0 1rem 0;
	}

.iqmodal-title[b-g6s4ymkro1] {
	margin-bottom: 0;
}

.iqmodal-close[b-g6s4ymkro1] {
	font-size: 24px;
	font-weight: bold;
	position:absolute;
	top:0;
	right:0;
	padding: 1px 6px;
	/*padding: 1rem;
	margin: -1rem -1rem -1rem auto;*/
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	cursor: pointer;
}

.iqmodal-content[b-g6s4ymkro1] {
	font-size: large;
	overflow-y: auto;
}

.iqmodal-buttongroup[b-g6s4ymkro1] {
	margin-top: 8px;
	position: relative;
	text-align: right;
	padding-right: 5px;
}

.iqmodal-buttongroup>button[b-g6s4ymkro1]{
	margin-left: 3px;
	margin-right: 3px;
}

/* /Layout/Controls/ModalDialog.razor.rz.scp.css */

/*Top-level container div*/
.iqdialog-container[b-tcl858rux3] {
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

/*Toggle applied to top-level container div*/
.iqdialog-active[b-tcl858rux3] {
	display: flex;
}

/*Background overlay div*/
.iqdialog-overlay[b-tcl858rux3] {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 3;
	background-color: rgba(0,0,0,0.5);
	/*right: 0px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;*/
}


/*Div that becomes the dialog*/
.iqdialog-ui[b-tcl858rux3] {
	width: 50%;
	height: 40%;
	resize: both;
	overflow-y: auto;
	/*display: flex;
	flex-direction: column;*/
	position: fixed;
	background-color: #fff;
	border-radius: 2px;
	border: 1px solid #fff;
	padding: 0;
	z-index: 4;
	text-align: left;
	display: grid;
	grid-template-rows: auto 1fr auto;
}

.iqdialog-ui:focus[b-tcl858rux3], .iqdialog-ui:active[b-tcl858rux3] {
/*	border: 2px dotted gray;*/
}
	

	.iqdialog-ui.iqdialog-open:not(:focus-within)[b-tcl858rux3] {
		background-color: gainsboro;
		transition: background-color 0.01s; /*fires an attached 'transitionend' event listener after very brief timeout */
	}

.iqdialog-header[b-tcl858rux3] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 0 0 0;
	background-color: var(--nb_top, hsl(210,40%,40%));
	border-bottom: 2px solid var(--nh_top, hsl(170,80%,40%));
	cursor: move;
}


.iqdialog-title[b-tcl858rux3] {
	margin-left: 10px;
	margin-bottom: 0;
	color: hsl(210,40%,90%);
	padding: 4px;
}

.iqdialog-close[b-tcl858rux3] {
	font-size: 24px;
	font-weight: bold;
	position: absolute;
	top: 3px;
	right: 0;
	padding: 1px 6px;
	/*padding: 1rem;
	margin: -1rem -1rem -1rem auto;*/
	background-color: transparent;
	color: hsl(210,40%,90%);
	border: 0;
	-webkit-appearance: none;
	cursor: pointer;
}

.iqdialog-content[b-tcl858rux3] {
	/*padding:10px;*/
	font-size: large;
	overflow: hidden;
}

/*NOTE - The "::deep" marker handles the isolation attribute position.  The default
	.divhead padding is 15px but we don't need that much (as long as the dialog has a title).
*/
.iqdialog-content[b-tcl858rux3]  > .divform > .divhead {padding-top: 5px;}

.iqdialog-buttongroup[b-tcl858rux3] {
	position: relative;
	text-align: right;
	padding-right: 7px;
}

.iqdialog-buttongroup>button[b-tcl858rux3]{
	margin: 3px 8px;
/*	margin-left: 3px;
	margin-right: 3px;
*/
}

/* /Layout/Controls/ModalYesNo.razor.rz.scp.css */

/*Top-level container div*/
.iqmodal-container[b-4o4gu9e4f2] {
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

/*Toggle applied to top-level container div*/
.iqmodal-active[b-4o4gu9e4f2] {
	display: flex;
}

/*Background overlay div*/
.iqmodal-overlay[b-4o4gu9e4f2] {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 3;
	background-color: rgba(0,0,0,0.5);
	/*right: 0px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;*/
}


/*Div that becomes the dialog*/
.iqmodal-ui[b-4o4gu9e4f2] {
	display: flex;
	flex-direction: column;
	position: fixed;
	width: 500px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #fff;
	padding: 1rem;
	z-index: 4;
	max-height:40%
}

	.iqmodal-ui.iqmodal-open:not(:focus-within)[b-4o4gu9e4f2] {
		background-color: gainsboro;
		transition: background-color 0.01s; /*fires an attached 'transitionend' event listener after very brief timeout */
	}

	.iqmodal-header[b-4o4gu9e4f2] {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding: 0 0 1rem 0;
	}

.iqmodal-title[b-4o4gu9e4f2] {
	margin-bottom: 0;
}

.iqmodal-close[b-4o4gu9e4f2] {
	font-size: 24px;
	font-weight: bold;
	position:absolute;
	top:0;
	right:0;
	padding: 1px 6px;
	/*padding: 1rem;
	margin: -1rem -1rem -1rem auto;*/
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	cursor: pointer;
}

.iqmodal-content[b-4o4gu9e4f2] {
	font-size: large;
	overflow-y: auto;
}

.iqmodal-buttongroup[b-4o4gu9e4f2] {
	margin-top: 8px;
	position: relative;
	text-align: right;
	padding-right: 5px;
}

.iqmodal-buttongroup>button[b-4o4gu9e4f2]{
	margin-left: 3px;
	margin-right: 3px;
}

/* /Layout/Controls/Previews/FilePreview.razor.rz.scp.css */

.wrap[b-yeu4fw4au9], object[b-yeu4fw4au9] {
	width: 100%;
	height: 100%;
}
img[b-yeu4fw4au9] {
	max-width: 100%;
}
/* /Layout/Controls/Previews/FormLetterPreview.razor.rz.scp.css */

.wrap[b-4dmettnx75] {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
	.wrap.border[b-4dmettnx75] {
		border-radius: 3px;
		box-shadow: 0px 3px 6px grey;
	}

iframe[b-4dmettnx75] {
	border: 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-ms-zoom: var(--flp-scale);
	-moz-transform: scale(var(--flp-scale));
	-o-transform: scale(var(--flp-scale));
	-webkit-transform: scale(var(--flp-scale));
	min-width: calc(100% / var(--flp-scale));
	min-height: calc(100% / var(--flp-scale));
}
/* /Layout/Controls/Previews/HTMLPreview.razor.rz.scp.css */

.wrap[b-wxe1h1zt4h] {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
	.wrap.border[b-wxe1h1zt4h] {
		border-radius: 3px;
		box-shadow: 0px 3px 6px grey;
	}

iframe[b-wxe1h1zt4h] {
	border: 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-ms-zoom: var(--flp-scale);
	-moz-transform: scale(var(--flp-scale));
	-o-transform: scale(var(--flp-scale));
	-webkit-transform: scale(var(--flp-scale));
	min-width: calc(100% / var(--flp-scale));
	min-height: calc(100% / var(--flp-scale));
}
/* /Layout/Controls/RecordLogs.razor.rz.scp.css */
.container[b-mshy5iuykb] {
	position: relative;
	font-size: 12px;
}

.entry[b-mshy5iuykb] {
	display: flex;
	flex-flow: row wrap;
	padding-bottom: 5px;
}
	/* Add some extra padding to the first two rows so that they don't overlap the refresh button */
	.entry:nth-of-type(-n+2) .activity[b-mshy5iuykb] {
		padding-right: 35px;
	}

.header[b-mshy5iuykb] {
	flex: 0 0 250px;
}
	.timestamp[b-mshy5iuykb] {
		font-weight: bold;
	}
	.user[b-mshy5iuykb] {
		white-space: nowrap
	}

.activity[b-mshy5iuykb] {
	flex: 1 0 200px;
	word-break: break-word;
	padding-left: 5px;
}

.refresh[b-mshy5iuykb] {
	position: absolute;
	top: 2px;
	right: 5px;
	padding: 2px;
	background-color: transparent;
	outline: none;
	border: none;
}

a.revision-link[b-mshy5iuykb] {
	margin-left: 5px;
}
/* /Layout/Controls/ShareDialog.razor.rz.scp.css */
.share-container[b-7pq6pgwnrf] {
    position: absolute;
    top: 0px;
    right: 35px;
}
/* /Layout/Controls/SortableList/SortableList.razor.rz.scp.css */
[b-jii8xrnt0v] .sortable-ghost {
  visibility: hidden;
}

[b-jii8xrnt0v] .sortable-fallback {
  opacity: 1 !important
}
/* /Layout/Controls/SrchPage/InputIqMultiSelect.razor.rz.scp.css */
/*Styling for the InputMultiSelect input control elements*/

/*NOT USED -  MOVED TO MAIN STYLE SHEET iqstyle.css*/

/* multiselect BUTTON for each selected item */
/*.iqmultiselect-remove {
	background-color: hsl(210,40%,50%);*/	/*#858585;*/ /*dark gray*/
	/*border: 1px solid #3b3b3b;*/ /*darker gray*/
	/*border-radius: 2px;
	color: #fff;*/ /*white*/
	/*font-size: 0.75em;
	font-weight: bold;
	margin-bottom: 3px;
	margin-right: 4px;
	padding: 0.25em 1.75em 0.25em 0.25em;
	position: relative;
}

	.iqmultiselect-remove:focus {
		border-color: #00008b;*/ /*darkblue*/
		/*box-shadow: 0 0 3px 1px #608ca8;*/ /*light blue*/
		/*outline: 3px solid transparent;
	}

	.iqmultiselect-remove::before,
	.iqmultiselect-remove::after {
		border-right: 2px solid #fff;
		content: "";
		height: 1em;
		right: 0.75em;
		position: absolute;
		top: 50%;
		width: 0;
	}

	.iqmultiselect-remove::before {
		transform: translate(0, -50%) rotate(45deg);
	}

	.iqmultiselect-remove::after {
		transform: translate(0, -50%) rotate(-45deg);
	}*/
/* /Layout/Controls/SummaryReport.razor.rz.scp.css */
.report-print[b-xtxa9x5l0y] {
    float: right;
}

.report-container[b-xtxa9x5l0y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 510px));
    justify-content: center;
    position: relative;
    grid-gap: 40px;
}

.pie-container[b-xtxa9x5l0y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 350px));
    justify-content: center;
    position: relative;
    grid-gap: 40px;
}

.report-tile[b-xtxa9x5l0y] {
    padding: 8px;
}

.font-bold[b-xtxa9x5l0y] {
    font-weight: bold;
}

.status-label-font[b-xtxa9x5l0y] {
    font-size: small;
    color: hsla(287, 1%, 40%, 1);
    display: block;
    line-height: 14px;
}

.status-count-font[b-xtxa9x5l0y] {
    font-weight: bold;
    font-size: large;
}

.status-container[b-xtxa9x5l0y] {
    display: grid;
    grid-template-columns: [col]20% [col]20% [col]20% [col]20% [col]20%;
    grid-gap: 8px;
}

.title-margin[b-xtxa9x5l0y] {
    padding-bottom: 10px;
}

.chart-margin[b-xtxa9x5l0y] {
    margin-top: 10px;
    font-size: small;
}

.status-box-layout[b-xtxa9x5l0y] {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    padding: 15px 0;
}

.text-purple[b-xtxa9x5l0y] {
    color: hsla(287, 100%, 42%, 1);
}

.text-green[b-xtxa9x5l0y] {
    color: hsla(130, 73%, 22%, 0.92);
}

.text-blue[b-xtxa9x5l0y] {
    color: hsla(196, 97%, 28%, 1);
}

.text-orange[b-xtxa9x5l0y] {
    color: hsla(21, 100%, 50%, 1);
}

.text-green1[b-xtxa9x5l0y] {
    color: hsla(179, 55%, 42%, 1);
}

.donot-chart-container[b-xtxa9x5l0y] {
    display: grid;
    grid-template-columns: [col]40% [col]60%;
    grid-gap: 8px;
}

.msg-legend-container[b-xtxa9x5l0y] {
    display: grid;
    grid-template-columns: [col]5% [col]95%;
    grid-gap: 8px;
}

.msg-legend-dot[b-xtxa9x5l0y] {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}
/* /Layout/Controls/Tooltip.razor.rz.scp.css */
.tooltip-wrapper[b-2p1r39ltb8] {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    cursor: help;
}
 
span[b-2p1r39ltb8] {
    /*visibility: hidden;*/
    position: absolute;
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    background-color: #363636;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 20;
    font-size: 12px;
}
 
    span[b-2p1r39ltb8]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }
 
.tooltip-wrapper:hover span[b-2p1r39ltb8] {
    visibility: visible;
}
/* /Layout/Controls/TreeNode.razor.rz.scp.css */
.tndbutton[b-s67zqckoao] {
border:none;
outline:none;
text-align:left;
background:transparent;
padding-left:0;
font-size: 13px;
}

.tndlblonly[b-s67zqckoao] {
	font-size: 13px;
}

	/*
SEE https://www.compart.com/en/unicode/block/U+25A0 for special "content" character codes.

Alternatively, svg markup can be used like this:
content: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='24' width='24'><path d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='hotpink' stroke-width='3'/></svg>");

	*/

	.tndlblonly[b-s67zqckoao]::before {
		content: "\25AB";
		color: black;
		display: inline-block;
		margin-right: 8px;
	}

.tndul[b-s67zqckoao] {
	margin-block-start: 0;
	list-style-type: none;
	padding-inline-start: 15px;
}

.tndli[b-s67zqckoao] {
}

.tndullo[b-s67zqckoao] {
	list-style-type: none;
	padding-inline-start: 0px;
}



/* Remove margins and padding from the parent ul */
#myUL[b-s67zqckoao] {
	margin: 0;
	padding: 0;
}

.nocaret[b-s67zqckoao] {
display:block;
}

.caret[b-s67zqckoao] {
	cursor: pointer;
	user-select: none; /* Prevent text selection */
font-size: 11px;
}

	/* Create the caret/arrow with a unicode, and style it */
	.caret[b-s67zqckoao]::before {
		content: "\25B6";
		color: black;
		display: inline-block;
		margin-right: 0px;
	}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down[b-s67zqckoao]::before {
	transform: rotate(90deg);
}

/* Hide the nested list */
.nested[b-s67zqckoao] {
	display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.tndactive[b-s67zqckoao] {
	display: block;
}
/* /Layout/Navigation/IqHome.razor.rz.scp.css */
.left-panel[b-gafhx4dzig] {
    padding: 10px 0.5%;
    /*min-width: 520px;*/
}

.ht-tile-section-title[b-gafhx4dzig] {
    text-align: center;
    color: #406f9d;
    font-weight: bold;
    padding-bottom: 25px;
}

.ht-tiles-grid-container[b-gafhx4dzig] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 400px));
    grid-auto-rows: 280px;
    justify-content: center;
    position: relative;
    grid-gap: 40px;
    grid-auto-flow: dense;
}

.ht-tile-col:hover[b-gafhx4dzig] {
    border: 2px solid hsl(210,40%,40%);
}

.ht-tile-col:hover[b-gafhx4dzig]  .col-tile-setting {
    display:block;
}

.ht-tiles-grey[b-gafhx4dzig] {
    background-color: hsla(0, 0%, 84%, 1);
}

.ht-tile-col[b-gafhx4dzig] {
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    box-shadow: 2px 2px 4px #ccc;
    padding: 8px;
}

.tile_add:hover[b-gafhx4dzig] {
    border: 2px solid hsl(210,40%,40%);
    border-radius: 5px;
    box-shadow: 2px 2px 4px #ccc;
}


.tile-width-w1[b-gafhx4dzig] {
    width: 100%;
}

.tile-width-w2[b-gafhx4dzig] {
    grid-column: auto / span 2;
}

.tile-width-w3[b-gafhx4dzig] {
    grid-column: auto / span 3;
}

.tile-height-h1[b-gafhx4dzig] {
    /*height: 280px;*/
}

.tile-height-h2[b-gafhx4dzig] {
    grid-row: auto/ span 2;
}

.tile-height-h3[b-gafhx4dzig] {
    grid-row: auto / span 3;
}

.grid-item[b-gafhx4dzig] {
    padding: 20px;
}

.tile-body-wrapper[b-gafhx4dzig] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 35px 1fr;
    height: 100%;
}

.tile-add-container[b-gafhx4dzig] {
    min-height: 280px;
    display: grid;
    align-content: center;
    text-align: center;
}


[b-gafhx4dzig] .tile-content-body-row {
    grid-row: 2/2;
    grid-column: 1/4;
}

[b-gafhx4dzig] .tile-content-blur {
    filter: blur(1px);
}

.tile-content[b-gafhx4dzig] {
    z-index: 0;
    position: relative;
    height: 100%;
    overflow-y: auto;
}


.item1[b-gafhx4dzig] {
    grid-column: 1;
    grid-row: 1;
}

[b-gafhx4dzig] .tile-icon-gear {
    margin-top: -5px;
    height: 24px;
    width: 24px;
    float: right;
}

[b-gafhx4dzig] .tile-icon-close {
    padding: 5px;
    float: right;
}
[b-gafhx4dzig] .row-even {
    background-color: var(--cb_form, hsl(0,0%,96%));
}

/*Donut chart animation*/
[b-gafhx4dzig] .circle-chart__circle {
    animation: circle-chart-fill-b-gafhx4dzig 2s reverse; /* 1 */
    transform: rotate(-90deg); /* 2, 3 */
    transform-origin: center; /* 4 */
}

[b-gafhx4dzig] .chart-legend-dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}
[b-gafhx4dzig] .circle-chart__info {
    animation: circle-chart-appear-b-gafhx4dzig 2s forwards;
    opacity: 0;
    transform: translateY(0.3em);
}

@keyframes circle-chart-fill-b-gafhx4dzig {
    to {
        stroke-dasharray: 0 100;
    }
}

@keyframes circle-chart-appear-b-gafhx4dzig {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/*ends here*/
[b-gafhx4dzig] .bar {
    height: 21px;
    /*transition: fill 0.3s ease;*/
    cursor: pointer;
}

[b-gafhx4dzig] .bar-yaxis-labels {
    font-size: x-small;
    float: right;
    padding-right: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 100%;
    /*position: absolute;*/
    width: 45px;
}

[b-gafhx4dzig] .bar-label {
    font-size: large;
    font-weight: bold;
}
/* /Layout/Navigation/IqMainLayout.razor.rz.scp.css */
/*
IqMainLayout.razor.css
  This is the style sheet for the IQBlazor project's
	main layout.  
	(Remember that css isolation applies styling ONLY to elements laid out in the companion parent .RAZOR file
	so do NOT add any styling to elements in child components here.)
	It sets up a grid as follows:
	The .master class is the edge-to-edge div that becomes the "body" of the "app" in Index.html.
	That div then uses a grid layout with a top menu bar (.topbar), and then
	left and right sidebars (.leftbar and .rightbar) and a 
	main content area (.maincontent).  That main content div is marked up to
	receive the "@Body" markup from the page router (i.e. the individual razor page content).
*/

.skiplink[b-0s8w7hvwik] {
	text-decoration: underline;
	padding: 6px;
	position: absolute;
	/*top: -40px;*/
	left: 70px;
	color: black;
	font-weight: normal;
	border-left: 2px solid var(--nb_menbck, black);
	border-right: 2px solid var(--nb_menbck, black);
	border-bottom: 2px solid var(--nb_menbck, black);
	border-bottom-right-radius: 8px;
	background: white; /* transparent;*/
	/*transition: top 1s ease-out, background 1s linear;*/
	z-index: 100;
	transform: translateY(-40px);
	transition: transform 0.3s;
}

.skiplink:focus[b-0s8w7hvwik] {
	transform: translateY(0%);
}


.master[b-0s8w7hvwik] {
	/*Make the grid go edge-to-edge in browser window - either of these approaches work:*/
	/*
		  position: fixed;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			*/
	position: relative;
	height: 100vh;
	width: 100%;
	/*Define as a grid:*/
	display: grid;
	/*Define rows and columns (long-hand vs short-hand syntax):*/
	grid-template-rows: auto 1fr;
	grid-template-columns: auto 1fr;
	/*grid-template: auto 1fr / auto 1fr auto;*/
	/*These are the defaults:*/
	align-items: stretch;
	justify-items: stretch;
}

.topbar[b-0s8w7hvwik] {
/*padding-top:2px;
padding-bottom:2px;*/
	display: block;
	width: 100%;
	align-items: center;
	min-height: 30px;
	border-bottom: 2px solid var(--nh_top, hsl(170,80%,40%));
	background-color: var(--nb_top, hsl(210,40%,40%));
	color: var(--nt_top);
	/*	grid-column: 1 / span 4;*/
	grid-column: span 2;
	grid-row: 1;
	/*padding: 7px 8px;*/
}

.topbar2[b-0s8w7hvwik] {
	display: inline-grid;
	position: absolute;
	top: 6px;
	width: calc(100vw - 40px);
	vertical-align: middle;
	grid-template-columns: auto auto 1fr auto;
}


.diviqicon:hover[b-0s8w7hvwik] {
cursor: pointer;
}

	@media only screen and (min-width: 700px) {
		.diviqicon[b-0s8w7hvwik] {
			margin-left: 10px;
			margin-top: 2px;
		}

		.srchbarwrap[b-0s8w7hvwik] {
			padding-left: 14px;
			/*width: 70%;*/
		}
	}

	@media only screen and (max-width: 700px) {
		.diviqicon[b-0s8w7hvwik] {
			margin-left: 5px;
			margin-top: 2px;
		}

		.srchbarwrap[b-0s8w7hvwik] {
			padding-left: 4px;
		/*	width: 60%;*/
		}
	}

	:: deep .svgfeatbtn[b-0s8w7hvwik] {
	fill: transparent;
}

	[b-0s8w7hvwik] .svgfeatbtn rect {
		stroke: var(--gs_dotsa, hsla(0,0%,35%,.5));
		fill: var(--gs_text, hsl(0, 0%, 100%));
	}

	[b-0s8w7hvwik] .svgfeatbtn path {
			fill: var(--gf_text, hsl(0, 0%, 100%));
	}


.leftbar[b-0s8w7hvwik] {
	padding: 0;
	position: relative;
	overflow: hidden;
	border: none;
	background-color: var(--nb_left, hsl(0,0%,95%));
	grid-column: 1;
	grid-row: 2;
}

	.leftbar button > img[b-0s8w7hvwik] {
		vertical-align: middle;
	}


.leftbarlayout[b-0s8w7hvwik] {
	display: grid;
	position: relative;
	grid-template: 1fr / 40px auto;
	height: 100%;
}

.notice-container[b-0s8w7hvwik] {
	margin: auto;
	width: 50%;
	padding: 10px;
	font-size: small;
}
.font-bold[b-0s8w7hvwik] {
	font-weight: bold;
}
.link-center[b-0s8w7hvwik] {
	text-align: center;
	color: hsla(218, 85%, 43%, 1);
}
.link-center a:link[b-0s8w7hvwik], .link-center a:visited[b-0s8w7hvwik] {
		color: hsla(218, 85%, 43%, 1);
}
.link-readme[b-0s8w7hvwik] {
	border: none;
	background: transparent;
	color: hsla(218, 85%, 43%, 1);
	text-decoration: underline;
}


/*Left-panel pop-out sub-menues (ModuleListsMenu.razor, etc.)*/

[b-0s8w7hvwik] .leftpanel {
	background-color: hsl(0,0%,100%);
}


	[b-0s8w7hvwik] .leftpanel .lpheader.lpcollapse {
		padding: 0px; /*5px 8px;*/
		background-color: inherit /*rgb(128,128,128)*/;
		border: 1px solid transparent;
		display: grid;
		grid-template-columns: auto 1fr;
	}

[b-0s8w7hvwik] .lpheader.lpcollapse:hover {
	border: 1px solid black;
	border-radius: 3px;
}

[b-0s8w7hvwik] .leftpanel .lpheader.lpcollapse .lpheaderSpan {
	color: hsl(210,40%,40%);
	vertical-align: top;
	font-size: 18px;
	margin-left: 3px;
}

[b-0s8w7hvwik] .leftpanel .lpheader.lpcollapse .lpheaderSpan {
	align-self: center;
}

[b-0s8w7hvwik] .leftpanel .lpheader.lpcollapse > svg {
	align-self: center;
}

[b-0s8w7hvwik] .leftpanel .lpheader.lpcollapse .svgupdn {
	stroke: var(--gs_line2, hsl(210, 40%, 60%));
}

[b-0s8w7hvwik] .leftpanel .lpsection {
	padding-top: 4px;
	padding-bottom: 4px;
}

[b-0s8w7hvwik] .leftpanel .lpsectionUL {
	list-style: none;
	margin: 0;
	padding: 0px;
}

[b-0s8w7hvwik] .leftpanel .lpsection.lpcollapse {
	padding-top: 0;
	padding-left: 12px;
}

[b-0s8w7hvwik] .leftpanel .lpsectionLI {
	padding-left: 4px;
	padding-right: 4px;
}

[b-0s8w7hvwik] .leftpanel .lpsectionLID {
	vertical-align: top;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-auto-rows: auto;
}

[b-0s8w7hvwik] .leftpanel .lpsectionA {
	text-decoration: none;
	border: 1px solid transparent;
	display: block;
	padding: 6px 8px;
	color: rgb(60,60,60);
}

	[b-0s8w7hvwik] .leftpanel .lpsectionA.active {
		color: black;
		font-weight: bold;
		background-color: var(--cb_btnmenu);
	}

	[b-0s8w7hvwik] .leftpanel .lpsectionA:focus {
		border: 1px solid black;
		border-radius: 3px;
		/*		background-color: rgb(222,222,222);*/
		background-color: var(--cb_btnmenu_h);
	}

	[b-0s8w7hvwik] .leftpanel .lpsectionA:hover {
		border: 1px solid black;
		border-radius: 3px;
		background-color: var(--cb_btnmenu_h);
	}



.leftmenu[b-0s8w7hvwik] {
	grid-column: 1;
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	grid-auto-rows: max-content;
	row-gap: 4px;
}

/*Icon for currently selected feature - appears at top of left bar */
.leftmenuicon[b-0s8w7hvwik] {
	background-color: var(--nb_menbck, hsl(210,40%,20%));
	display: grid;
	width: 100%;
	height: 35px;
	justify-items: center;
	align-items: center;
}

/*Buttons for the sub-menu options - left side column*/
.leftmenu .leftsubmenu[b-0s8w7hvwik] {
	border: none;
	padding: 4px;
	display: grid;
	align-items: center;
}

	/*Also see change below in svgmenuicon settings*/
	.leftmenu .leftsubmenu:hover[b-0s8w7hvwik] {
		background-color: var(--nb_menbtn_h2, hsl(210,40%,30%));
	}

	.leftmenu .leftsubmenu.active[b-0s8w7hvwik] {
		background-color: var(--nb_menbtn, hsl(210,40%,60%));
	}


.quickactparent[b-0s8w7hvwik] {
	display: grid;
	position: relative;
	grid-template: 1fr / 40px;
	height: auto;
}

.quickactions[b-0s8w7hvwik] {
	border-top: 1px inset whitesmoke;
	margin: 3px;
	padding-top: 3px;
	display: grid;
}

	.quickactions div[b-0s8w7hvwik] {
		text-align: center;
	}

.rightbar[b-0s8w7hvwik] {
	border-left: 1px solid gainsboro;
	background-color: whitesmoke;
	grid-column: 3;
	grid-row: 2;
	padding: 0px;
}

.maincontent[b-0s8w7hvwik] {
	border-left: 1px solid gainsboro;
	background-color: white;
	grid-column: 2;
	grid-row: 2;
	overflow-y: auto;
	padding-left: 0;
	position: relative;
}
/* /Layout/Navigation/IQMainNavMenu.razor.rz.scp.css */


/*Top-level Menu Wrapper (with portion always visible plus dropdown) */
.featureMenuBtnDiv[b-d339rksz1d] {
	position: relative;
	display: inline-block;
	/*padding: 6px 8px;*/
	/* margin-left: -8px;*/
	/*  margin-top: -5px;
  margin-bottom: -5px;*/
	height: 48px;
	background-color: var(--nb_menbck, hsl(210,40%,20%));
}

/* Top Bar Menu 3xGrid Button Element */
.featureMenuBtn[b-d339rksz1d] {
	margin: 8px;
	position: relative;
	display: block;
	background-color: transparent;
	border: none;
	padding: 0px;
	padding-top: 2px;
}


/* Menu parent container (note that either "collapse" or "navshow" will also be added to control open/closed state -- see settings below for those states) */
.featuremenu[b-d339rksz1d] {
	/*width:235px; */
	padding: 0px;
	background-color: var(--nb_menbck, hsl(210,40%,20%));
	position: absolute;
}

	.featuremenu.navshow:not(:focus-within)[b-d339rksz1d] {
		background-color: gainsboro;
		transition: background-color 0.1s; /*fires an attached 'transitionend' event listener after very brief timeout */
	}

.navshow[b-d339rksz1d] {
	/*  position: fixed;*/
	left: 0;
	/*top: 53px;*/
	/*  top: 46px;
  display: inline-block;
*/
	display: inline-block;
	z-index: 20;
	/*NOTE: this is the background setting for the feature dropdown menu:*/
	background-color: hsl(210,40%,40%) /*whitesmoke*/;
	/*  border: 1px solid gray;*/
	/*  min-width: 180px;
  padding: 12px*/;
}

.collapse[b-d339rksz1d] {
	display: none;
}


/*Feature Menu - menu heading container*/
.featuremenuhead[b-d339rksz1d] {
	height: 36px;
	display: flex;
	/*margin-top: -2px;*/
}

/*Feature Menu - Current Feature Icon Div*/
.fmenucicon[b-d339rksz1d] {
	/* width: 43px;
padding: 3px;*/
	display: grid;
	justify-items: center;
	align-items: center;
	background-color: var(--nb_menbck, hsl(210,40%,20%));
}

/*Feature Menu - Current Feature Name Div*/
.fmenucnm[b-d339rksz1d] {
	width: 100%;
	font-size: 24px;
	padding-left: 8px;
	padding-top: 2px;
	color: white;
	background-color: var(--nb_top, hsl(210,40%,40%));
}

/*Feature Menu - Container Around Menu Items*/
.fmenumainitems[b-d339rksz1d] {
	display: grid;
	max-height: calc(100vh - 92px);
	overflow-y: auto;
	grid-auto-rows: auto; /*100px;*/
	grid-template-columns: repeat(2, 1fr); /*SET INLINE*/
	padding: 14px 17px;
	column-gap: 16px;
	row-gap: 16px;
	justify-items: center;
	/*  padding-top: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 6px;*/
	background-color: var(--nb_menbck, hsl(210,40%,20%));
}
	/*MOVED TO AN INLINE SETTING. when the menu has more than 10 feature buttons we make it 3 buttons wide*/
	.fmenumainitems.fmwide[b-d339rksz1d] {
		grid-template-columns: repeat(3, 1fr);
	}


/*Feature Menu Item Div*/
.fmenuitem[b-d339rksz1d] {
	width: 90px;
	height: 90px;
	background-color: var(--nb_menbtn, hsl(210,40%,60%));
	display: flex;
}

	.fmenuitem button[b-d339rksz1d] {
		background-color: inherit;
		border: none;
/*		outline: none;*/
		margin: 0px;
	}

/*
.featuremenuUL {
  list-style: none;
  margin: 0;
  padding: 0px;
}*/
.featuremenuA[b-d339rksz1d] {
	text-decoration: none;
	display: block;
	border: 1px solid transparent;
	/*  padding: 10px;*/
	color: hsl(0,0%,100%);
}


	.featuremenuA.active[b-d339rksz1d] {
		/*border-radius: 3px;*/
		border: 1px solid black;
		background-color: var(--nb_menbtn_a, hsl(210,40%,90%));
		font-weight: bold;
		/*color: hsl(170,50%,20%);*/
		color: hsl(210,40%,20%);
	}

	.featuremenuA:hover[b-d339rksz1d] {
		/*border-radius: 3px;*/
		border: 1px solid black;
		background-color: var(--nb_menbtn_h, hsl(210,40%,85%));
		/*  color: hsl(0,0%,40%);*/
		color: hsl(210,40%,20%);
		font-weight: bold;
	}



	.featuremenuA.active:hover[b-d339rksz1d] {
		/*      color: hsl(170,50%,20%);*/
		/*background-color: hsl(210,40%,90%);*/
	}

	.featuremenuA:focus[b-d339rksz1d] {
		/*border-radius: 3px;*/
		border: 2px solid black;
	}

	.featuremenuA:hover[b-d339rksz1d]  .svgfeatureicon .svgficopath,
	.featuremenuA:hover[b-d339rksz1d]  .svgfeatureicon .svgficocircle,
	.featuremenuA:hover[b-d339rksz1d]  .svgfeatureicon .svgficocircle,
	.featuremenuA:hover[b-d339rksz1d]  .svgfeatureicon .svgficopoly,
	.featuremenuA:hover[b-d339rksz1d]  .svgfeatureicon .svgficorect {
		fill: var(--gv_fmenu_h, hsl(210,40%,40%));
	}


	.featuremenuA.active[b-d339rksz1d]  .svgfeatureicon .svgficopath,
	.featuremenuA.active[b-d339rksz1d]  .svgfeatureicon .svgficocircle,
	.featuremenuA.active[b-d339rksz1d]  .svgfeatureicon .svgficocircle,
	.featuremenuA.active[b-d339rksz1d]  .svgfeatureicon .svgficopoly,
	.featuremenuA.active[b-d339rksz1d]  .svgfeatureicon .svgficorect {
		/*fill: hsl(210,40%,30%);*/
		/* fill: hsl(0,50%,50%);*/
		fill: var(--gv_fmenu_a, hsl(170,80%,40%));
	}


/*
.featuremenuLI {
  margin: 8px 4px;
}

.featuremenuLI img {
  vertical-align:middle;
  margin-right: 10px;
}*/

/* /Layout/Navigation/LoginDisplay.razor.rz.scp.css */
.login-btn[b-5pysmhxa3t] {
    border-radius: 9px;
    padding: 5px 10px 5px 10px;
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
    color: var(--nt_top);
    background-color: var(--nb_top, hsl(210,40%,40%));
}
.nav-container[b-5pysmhxa3t] {
    display: grid;
    grid-template-columns: [col]35px [col]35px [col]35px [col]35px;
    margin-right: 10px;
    justify-content: end;
}
.nav-container-div[b-5pysmhxa3t] {
        padding-top: 5px;
}
.nav-login-btn[b-5pysmhxa3t] {
    padding: 5px 0px 0px 5px;
}
.nav-container div:hover[b-5pysmhxa3t] {
    background-color: var(--nb_menbtn_h, hsl(210,40%,85%));
}
.nav-container div:focus[b-5pysmhxa3t] {
        background-color: var(--nb_scroll2_h, hsl(210, 40%, 92%))
    }
.nav-container div:hover[b-5pysmhxa3t]  .svgiqicong .svgiqpath {
    fill: var(--nb_top, hsl(210,40%,40%));
}
#btniq4help[b-5pysmhxa3t]  .svgiqicong path {
  fill: var(--nt_top, hsl(210,40%,40%));
}
.nav-container div:hover .login-user-name[b-5pysmhxa3t] {
    color: var(--nb_top, hsl(210,40%,40%));
}
.nav-container div:hover .login-user-name[b-5pysmhxa3t] {
    border: 2px solid var(--nb_top, hsl(210,40%,40%));
}
.nav-container div:hover .user-name-ltr[b-5pysmhxa3t] {
    color: var(--nb_top, hsl(210,40%,40%));
}
.nav-btn[b-5pysmhxa3t] {
    background-color: inherit;
    border: none;
}
.login-user-name[b-5pysmhxa3t] {
    border-radius: 50%;
    border: 2px solid var(--gf_text, hsl(0,0%,100%));
    height: 85%;
    width: 85%;
    text-align: center;
}
.user-name-ltr[b-5pysmhxa3t] {
    margin: 0px;
    color: var(--gf_text, hsl(0,0%,100%));
    font-weight: bold;
}
.right-nav.visible[b-5pysmhxa3t] {
    visibility: visible;
    display: block;
}
.right-nav.hidden[b-5pysmhxa3t] {
    visibility: hidden;
    display: none;
}
.right-nav.visible:not(:focus-within)[b-5pysmhxa3t] {
    background-color: white;
    transition: background-color 0.01s; /*fires an attached 'transitionend' event listener after very brief timeout */
}
.right-nav-pos[b-5pysmhxa3t] {
    z-index: 99;
    position: relative;
    background: var(--nb_top, hsl(210,40%,40%));
    text-align: left;
    padding: 11px 5px 15px 5px;
    margin: 0px 10px 0px 0px;
    border-radius: 7px;
}
.right-nav-item-container[b-5pysmhxa3t] {
    display: grid;
    grid-template-columns: [col]20% [col]80%;
    padding-bottom: 3px;
}
.right-nav-item-container:hover[b-5pysmhxa3t] {
        background-color: var(--nb_menbtn_h, hsl(210,40%,85%));
        border-left: 1px solid var(--nb_top, hsl(210,40%,40%));
        border-right: 1px solid var(--nb_top, hsl(210,40%,40%));
}
.right-nav-item-container:hover[b-5pysmhxa3t]  a {
    color: var(--nb_top, hsl(210,40%,40%));
}
.right-nav-item-container:hover[b-5pysmhxa3t]  .svgiqicong .svgiqpath {
    fill: var(--nb_top, hsl(210,40%,40%));
}
.right-nav-item-container div[b-5pysmhxa3t] {
    padding-left: 14px;
}
.right-nav-top[b-5pysmhxa3t] {
    z-index: 99;
    position: relative;
    margin-right: 18px;
    padding: 0px;
    height: 13px;
}
.login-item-container[b-5pysmhxa3t] {
    display: grid;
    grid-template-columns: [col]30% [col]70%;
    padding: 10px 0px 15px 15px;
}
.item-link[b-5pysmhxa3t] {
    text-decoration: none;
}
.align-center[b-5pysmhxa3t] {
    text-align: center;
}
.media-login-container[b-5pysmhxa3t] {
    width: 35px;
}
.media-right-nav[b-5pysmhxa3t] {
    transform: translateX(-65px);
    z-index: 99;
    position: absolute;
}
.media-right-nav-top[b-5pysmhxa3t] {
    z-index: 99;
    position: relative;
    margin-right: 18px;
    padding: 0px;
    height: 13px;
    margin-top: 9px;
}
.media-name-container[b-5pysmhxa3t] {
    display: grid;
    grid-template-columns: [col]20px [col]70%;
    padding: 10px 0px 15px 5px;
}
.media-item-container[b-5pysmhxa3t] {
    display: grid;
    grid-template-columns: [col]30px [col]70%;
    padding-bottom: 3px;
}
/* /Layout/Navigation/ModuleListsMenu.razor.rz.scp.css */
#dirContextMenu[b-rf4aw4em8m] {
	display: none;
	position: fixed;
	text-align: left;
	background: var(--cb_btnmenu);
	border: 1px solid var(--cb_btnmenu_a);
	padding-left: 0px;
	z-index: 10;
}

	#dirContextMenu:not(:focus-within)[b-rf4aw4em8m] {
		background-color: gainsboro;
		transition: background-color 0.01s; /*fires an attached 'transitionend' event listener after very brief timeout */
	}

.dirCTMBtn[b-rf4aw4em8m] {
	outline: none;
	border: 1px solid var(--bb_submit_h);
	background-color: inherit;
	text-align: left;
	display: block;
	width: 100%;
	padding: 6px;
}

	.dirCTMBtn:focus[b-rf4aw4em8m], .dirCTMBtn:active[b-rf4aw4em8m] {
		background-color: var(--cb_btnmenu_a);
		color: white;
	}