:root { 
	--sidebar-width: 280px;
	--core-blue: #0021a5;
}

body {
	/* for footer at bottom of viewport */
	display:flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100dvh;
	/* show mce menus when displayed in ui dialog */
	& .ui-front {
		z-index:1000;
	}
	& .hero-split-container .hero-split-wrapper .split-hero-content {
		padding-top:3%;
	}
}

/* for footer at bottom of viewport */
.footer-wrapper {
	margin-top:auto;
}

a {
	color: var(--core-blue);
}

header.header {
	position: static;
}

h1 a {
	text-decoration: none;
	color: #000;
}

h2 {
	margin-bottom:0.7rem;
}

.ufl-linkedin {
	max-width: 25px;
}

blockquote {
	padding:1rem 1rem .3rem 1rem;
}

#ajaxbox {
	& h1 {
		display:none;
	}
	& p {
		padding:5px;
	}
}

.cen {
	text-align: center;
}

.hidden, .lm-rf-pimanual, #downwarn, #loading, #eventinfo {
	display: none;
}

.list-wrapper {
	margin-bottom:1.5rem;
}

.button-small {
	& .animated-border-button {
		padding:1rem 2rem;
		font-size: 1rem;
		margin-right:8px;		
	}
	@media (max-width: 767px) {
		.animated-border-button {
			min-height:0;
			min-width:0;
		}
	}
}

.copyright-section .copyright-links {
	font-size: 1rem;
	margin-bottom:0;
}

.lm-settings {
	& a {
		text-decoration:none;
	}
}

.feedbackscore {
	& img {
		width:18px;
	}
}

.logoutcontainer {
	& p {
		margin:1rem auto;
		font-family: var(--book-bold-sans);
	}
}

.header .visually-hidden-focusable {
	position: absolute;
	background-color: #fff;
	display: flow-root;
	font-size: 20px;
	color: black;
	width: 210px;
	top: 0;
	left: 0;
	box-shadow: 10px 10px 10px #0000002e; 
}

/* min widths */

.lm-mw-1 {
	min-width:250px;
}

@media (min-width: 800px) {
  .fullwidth-text-block .container {
    padding-top: 65px;
  }
}

.lm-scrollbutton {
	display:none;
	transition: all .25s ease-in-out;
	position: fixed;
	bottom: -59px;
	right: 0;
 	margin: 0 3em 3em 0;
	border-radius: 50%;
	padding: 2em;
	width: 80px;
	content: "Back To Top";
	text-decoration: none;
	outline: none;
	z-index: 2000;
	& svg {
		fill: #fa4616;
		color: #fff;
		width: 74px;
		height: 62px;
		opacity: 1;
	}
	& .screen-reader-text {
		position: absolute;
		-webkit-clip-path: inset(50%);
		clip-path: inset(50%);
		margin: -1px;
		border: 0;
		padding: 0;
		width: 1px;
		height: 1px;
		overflow: hidden;
		word-wrap: normal !important;
		clip: rect(1px,1px,1px,1px);
	}
}

.flip-vertical svg {
	transform: scaleY(-1);
	transform-origin: center;
}

/* wide header */

.header #main-nav-ul .dropdown-menu {
	min-width:250px;
}

/* tab styles */

#content {
	& ul.tab-list {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		margin: 1.5rem 0 1rem 0;
		padding: 0;
		gap: 2px;
		& li::before {
			content:none;
		}
		& li {
			padding-left:0;
			padding-right:8px;
		}
	}
}

.tab {
	background: #f4f6f6;;
	border: 1px solid #fa4616;
	padding: 12px 16px;
	cursor: pointer;
	display: block;
	transition: all 0.2s ease;
	white-space: nowrap;
	text-align: center;
	flex: 0 0 auto;	
	#content ul li a& {
		color: #333;
		font-family: var(--book-weight-sans);		
	}
}

.tab[aria-selected="true"] {
	background: white;
	border-bottom: 2px solid white;
	margin-bottom: -2px;
	color: #000;
	font-weight: bold;
	position: relative;
	z-index: 1;
}

@media (min-width: 800px) {
	h1 {
	  font-size: 30px;
	  line-height: 35px; 
	} 
	h2 {
	  font-size: 34px;
	  line-height: 38px; 
	}
}

/* form classes */

.lm-form-topright {
	display:inline-block;
	& select {
		padding:.2rem .5rem;
		margin:0;
	}
	& button {
		padding:.5rem;
		font-size: 1rem;
		line-height:1;
		margin:0 0 .2rem .5rem;
	}
	@media (max-width: 767px) {
		.animated-border-button {
			min-height:0;
			min-width:0;
		}
	}
}

/* used in 'changes' forms */
#cedit-form {
	& .tbe {
		text-align:center;
		color:rgb(var(--bs-danger-rgb));
		& span {
			display:block;
		}
	}	
}

.lm-switch {
	position: relative;
	display: inline-block;
	& .lm-slide-cont {
		position: relative;
		display: inline-block;
		width: 60px;
		height: 34px;
		top:0;
		left:0;
	}
	& input {
		opacity: 0;
		width: 0;
		height: 0;
	}
	& .lm-slide-txt {
		position: relative;
		top: 4px;
		left: 8px;
	}
	& .lm-slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: .4s;
		transition: .4s;
		border-radius: 34px;
	}
	& .lm-slider:before {
		position: absolute;
		content: "";
		height: 26px;
		width: 26px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
		border-radius: 50%;
	}
	& input:checked + .lm-slider {
		background-color: #2196F3;
	}
	& input:focus + .lm-slider {
		box-shadow: 0 0 1px #2196F3;
	}
	& input:checked + .lm-slider:before {
		-webkit-transform: translateX(26px);
		-ms-transform: translateX(26px);
		transform: translateX(26px);
	}
}

.lm-settings-form {
	margin-top:1rem;
	& label {
		display:block;
		margin-bottom:1rem;
	}
}

.lm-top-search {
	margin-bottom:.8rem;
	& .animated-border-button {
		margin-top:16px;
	}
}

textarea {
		resize:both;
	}
	
.lm-label-mimic {
	font-weight:400;
	font-size:1.3rem;
	margin-bottom:8px;
}

.lm-cedit-notes {
	margin-top:.5rem;
	margin-bottom:1.5rem;
	& div {
		margin-bottom:.7rem;
	}
}

.lm-form-lblnested {
	& label {
		display:block;
		padding:.5rem 0;
		margin-bottom:1rem;
	}
	& legend {
		display:inline-block;
		width:auto;
		float:none;
		font-size:1.3rem;
		margin-bottom:0;
	}
	& fieldset {
		margin-bottom:1.5rem;
		& label {
			display:inline-block;
			margin-right:.8rem;
			margin-bottom:0;
		}
	}
	& input[type="text"], & textarea, & input[type="date"], & input[type="tel"] {
		background-color: #F4F6F6;
		border: 1px solid #ccc;
		border-radius: 12px;
		padding:.1rem .7rem;
	}
	& input[type="text"] {
		max-width:500px;
		width: 100%;
	}
	& textarea {
		width:100%;
		height:250px;
	}
	& .lm-cedit-lbl {
		display:inline-block;
		margin:0 1rem .5rem 0;
		vertical-align:top;
		font-size:1.3rem;
	}
	& .lm-cedit-err {
		margin-top: .5rem;
		font-weight:bold;
	}
	& select {
		padding:0 .5rem;
		margin:0;
	}
	& .custom-combobox {
		display:inline-block;
		width:90%;
		max-width:500px;
		& input {
			width:90%;
			max-width:500px;
		}
	}
	& .lm-consumable-type {
		& .ct-desc {
			border-bottom:1rem;
		}
		& label {
			margin-bottom:1rem;
		}
		& .lm-cedit-lbl {
			font-size:1.1rem;
		}
	}
	& .button-wrapper {
		margin-bottom:1rem;
	}
	& .text-danger p {
		color:rgba(var(--bs-danger-rgb), var(--bs-text-opacity));
	}
}

#cedit-filterform {
	& #bkgd {
		margin:1rem auto;
	}
	& ul {
		list-style:none;
	}
}

.lm-pi-approval {
	& h3, & h2 {
		margin-bottom:1.5rem;
	}
	& fieldset {
		margin-bottom:1rem;
	}
}

.lm-agree {
	& fieldset label {
		display:block;
	}
	& label {
		margin-bottom:1rem;
	}
}	

.ui-datepicker {
	& select {
		padding:0 .5rem;
	}
	& td {
		min-width:0;
	}
}

.ui-autocomplete {
	max-height:200px;
	max-width:250px;
	overflow-y:auto;
	overflow-x:auto;
}

.g-recaptcha {
	padding:.5rem 0;
}

.subbutton {
	margin:.5rem 0;
}

select {
	height: auto;
	width: auto;
}

/* table classes */

tr {
	border-bottom: 1px solid #ccddeb;
}

td {
	padding:6px 10px;
	min-width:50px;
}

th {
	padding:0 10px 7px 10px;
}

.trbgchl {
	background-color: #f3823d;
}

.tbl-wrapper, .clist-tbox, .tablist-navtablediv, .tablistcomp-navtablediv {
	overflow-x: auto;
	margin-bottom:1.5rem;
	scrollbar-color: #f3f1e9 #fa4616;
}

.lm-top-scrollbar {
	display:none;
	overflow-x: auto;
	overflow-y: hidden;
	height: 20px;
	max-width: 100%;
	scrollbar-color: #f3f1e9 #fa4616;
}

.lm-top-scrollbar-content {
	height: 1px;
}

.lm-docicon {
	display:inline-block;
	&:hover .docdd {
		display:block;
		background-color:var(--core-blue);
		position:absolute;	
		padding:.5rem .7rem .5rem .5rem;
		margin:-4px 0 0 0;
		/* .5rem .5rem 1.5rem;
		top:-4px;
		left:-4px;
		margin:0;
		padding:0
		*/
		
	}
	#content & ul li {
		margin:0;
		padding:0;
		& a {
			color:#fff;
		}
	}
	& .docdd {
		display:none;
		& ul {
			margin-bottom:0;
		}
	}	
}	

.clist-table {
	& .tha {
		text-align:right;
		padding-right:1rem;
	}
	& .tharse {
		text-align:center;
	}
}

.lm-cust-form {
	margin-bottom:1rem;
	& label {
		margin:.5rem;
	}
}

.lm-clist-export {
	display: inline-block;
	margin-right:1rem;
	& a {
		font-size: 1.5rem;
		text-decoration: none;
	}
}

.clist-navsub,.clist-dt-navsub {
	border:none;
	background-color:#fff;
	color:#fff;
}

.tablist,.tablistcomp,.tablistcompleft {
	border-collapse: collapse;
	& thead {
		border: 2px solid #E8EFF5;
	}
	& tbody {
		border: 2px solid #E8EFF5;
	}
	& th {
		border-bottom: 2px solid #DD2400;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	& .ui-selected {
		background-color: #E4F3C9;
	}
	& .trbghoversel {
		background-color: #c7d4ab;
	}
	& .trbghover {
		background-color: #f3d8c8;
	}
	& .ui-selecting {
		background-color:#F3EDC9;
	}
	& .filterlink {
		& a {
			margin:2px 3px;
		}
	}
	& fieldset {
		margin-bottom:0;
	}
}

.tablist {
	width: 100%;
}

.tablistcomp {
	margin: 0 auto;
}

.custdisttbl, .custmain {
	width: 100%;
}

.clist-navpan {
	text-align: center;
	margin-bottom: 25px;
	& #nav {
		width:100%;
		margin-bottom:1rem;
		& tbody {
			border: 2px solid #E8EFF5;
		}
	}
	& #pnums {
		text-align: center;
		padding: 5px 5px 15px 5px;
		line-height: 1.5;
	}
	& .clist-form, & #selectops, & .lm-clist-export, & #filterclear, & .clist-selected-items-text {
		display: inline-block;
		margin:0 1rem 1rem 0;
	}
	& .button-wrapper {
		display: inline-block;
		& a {
			@media (min-width: 800px) {
				margin-bottom: 4px;
			}
		}
	}
	& #searchdiv {
		display: inline-block;
		& .bp {
			display: inline-block;
			margin-right:1rem;
		}
		& > * {
			margin-top:.5rem;
			margin-bottom:.5rem;
		}
	}
	& select {
		width:auto;
		padding:5px;
		margin: 0;
		height:auto;
	}
}

.dropzone {
	margin-bottom:1rem;
}

.rsempty {
	text-align:center;
	& .lm-empty-text {
		display:block;
		padding:1rem;
	}
}	

.LMEdTbl {
	margin:0 auto 1rem auto;	
	& tr {
		border: none;
	}
	& li::marker {
		content: none;
	}
	& .frmindctr {
		display:inline-block;
	}
	/* & .tbt {
		text-align:center;
	} */
}

/* view table */
.prsnlreqtbl {
	margin: 0 auto 2rem auto;
}

.custom-combobox {
	display: block;
	height: 1.7em;
	white-space: nowrap;
}

.custom-combobox-toggle {
	margin: -3px 0 0 -1px;
	margin-right: 0px;
	padding: 0;
	height: 100%;
}

/* page type classes */

.stdpg {
	& main, & .breadcrumb-wrapper nav {
		margin:0 auto;
		max-width:1560px;
		padding:0 1rem;
	}
	& main {
		margin-top:1rem;
	}
}

.nonup {
	& .breadcrumb-wrapper {
		padding-left:1rem;
	}
	& .lmcontainer {
		padding:1rem;
	}
	& .dashboard-container {
		padding:0 0 .5rem 0;
		& .db-playout {
			grid-template-columns: 50% 1fr;
		}
		@media (max-width: 768px) {
			& .db-playout {
				grid-template-columns: 1fr;
			}
		}
	}
}

/* panel classes */

.dashpanels {
	& details {
		margin-bottom:.5rem;
	}
	& summary {
		padding:.5rem 1rem;
		color:#fff;
		background-color: #DD2400;
		font-size: 18px;
	}
	& table {
		width:100%;
		margin-bottom: 6px;
	}
	& p {
		font-size: 16px;
		line-height: 24px; 
		padding-bottom: 6px;
		text-align: center;
		margin-bottom: 0;
		border-bottom: 1px solid #ccddeb;
	}
	& .tbl-wrapper {
		margin-bottom:1rem;
	}
}

/* prerequisites */

.lm-pr-wrapper {
	margin-top:1rem;
}
.lm-pr-step p {
	padding-left: 10rem;
	text-indent: -10rem;
	& .substep {
		display:block;
		padding:.5rem 0 0 0;
		text-indent:0;
	}
}
.lm-pr-cond-g {
	margin:0 2.6rem;
	font-weight:bold;
}
.lm-pr-cond-b {
	margin:0 1rem;
	font-weight:bold;
}

/* internal header */

.header-internal {
	background-color: #0021a5;
	color: #ffffff;
	border-bottom: 1px solid #4a63cb;
	/* padding: 8px 1rem; */
	max-height:57px;
	& .col-logo{
		margin:8px 1rem;
		& img {
			width:40px;
			margin-right:1rem;
		}
	}
	& .navbar-toggler {
		top:3px;
		padding:15px 1rem;
		height:50px;
	}
	& .navbar-brand-alternate {
		display: flex;		
		width: 100%;
		font-family: var(--book-bold-sans);
		overflow-wrap: break-word !important;
		white-space: inherit !important;
		transition: none !important;
		max-width: 500px;
		max-height: 40px;
		align-items: center;
		overflow: hidden;
		font-size: 18px;
		@media (max-width: 900px) {		
			font-size:14px;
			line-height:16px;		
		}
		@media (max-width: 340px) {
			font-size:12px;
			line-height:13px;			
		}
	}
	.header & #main-navbar {
		@media (min-width: 490px) {
			position: absolute;
			background-color: #fff;
			z-index: 99999;
			right: 0;
			top: 0;
			color: #000 !important;
			width: 500px;
		}
		& .col-count-three {
			column-count: 1;
		}
		& #main-nav-ul {
			padding-top: 10px;
			padding-bottom: 10px; 
			& .dropdown-menu-internal {
				margin-left: 30px;
				border-left: 1px solid #fa4616 !important;
				border-top: none;
				border-bottom: none;
				border-right: none;
				border-radius: 0;
				padding:8px 0;
				box-shadow: none;
				min-width:0;
				text-align: left;
				list-style: none;
				position: static;
				display: none;
				& a {
					color: #343741 !important;
					text-transform: unset !important;
				}
				&.show {
					display: block;
				}
			}
			& .dropdown-toggle {
				border-bottom: none; 
			}
			& .dropdown-toggle:hover, & .dropdown-toggle:focus {
				color: #fa4616; 
			}
			& .dropdown-toggle:after {
				display: none; 
			}
			& a {
				color: #0021a5;
				border: none;
				padding-left: 36px;
				line-height: 36px;
				text-transform: uppercase;
				text-decoration: none;
				position: relative;
				white-space: normal; 
				margin-top: 0;
				padding-top: 0;
				padding-bottom: 0;
				font-size: 15px;
				font-family: var(--book-weight-sans), "Franklin Gothic", Tahoma;
			}
			& a:hover, a:focus {
				text-decoration: underline; 
			}
			& .mobile-menu-toggle {
				background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="12.791" height="6.317"><path fill="none" stroke="%23fa4616" stroke-width="1.5" d="m.47.584 5.925 4.77 5.926-4.77" data-name="Path 13942"/></svg>');
				border: none;
				position: absolute;
				right: 36px;
				top: 0;
				bottom: 0;
				display: flex;
				align-items: center;
				width: 24px;
				max-height: 36px;
				height: 100%;
				background-repeat: no-repeat;
				background-position: center;
				z-index: 99999;
				transition: all .2s ease-in-out;
				&.toggled {
					transform: rotate(180deg);
				}
			}
		}
		& .navbar-collapse {
			max-height: 90vh;
			overflow-y: scroll;
		}
		& .container-fluid {
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
	}
	& .mobile-nav-constant {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		width: auto;
		& .navbar-toggler:focus-visible {
			outline: 3px solid #fff;
		}
	}
	& .mobile-offsite-toggle-wrapper-internal {
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: #f4f6f6;
		display: flex;
		flex-direction: row;
		align-items: stretch;
		justify-content: space-between;
		& .mobile-offsite-links {
			& a {
				display: block;
			}
			& a:hover, & a:focus {
				text-decoration: underline; 
			}
		}
		& .navbar-toggler-icon, & .navbar-toggler-icon::before, & .navbar-toggler-icon::after {
			background-color: #0021a5;
			color: #0021a5; 
		}
		& .navbar-toggler {
			color: #0021a5 !important;
			position: relative;
			top: unset;
			margin-bottom: 10px;
			background-image: unset; 
		}
	}
}

/* footer */

.footer-wrapper .footer {
	padding-left:2.5%;
}

.lm-footer-links {
	text-align:center;
	padding-top:1rem;
	& div {
		margin:0 auto;
	}
	& a {
		color:#fff;
		padding:1rem;
		text-decoration: none;
	}
}

.dashboard-container {
	padding:1rem;
	& .db-playout {
		display: grid;
		grid-template-columns: var(--sidebar-width) 1fr;
		grid-template-areas: 'h1 lgdiv';
		gap: 1rem;
		align-items: start;
	}	
	& .db-layout {
		display: grid;
		grid-template-columns: var(--sidebar-width) 1fr;
		grid-template-areas: 'nav main';
		gap: 1rem;
		align-items: start;
	}
	& h1 {
		grid-area: h1;
	}
	& .db-logininfo {
		grid-area: lgdiv;
		text-align:right;
		line-height:35px;
		font-weight:300;
	}
	& .db-resofltrbuttons, .feedbackscore {
		display:none;
	}
	& nav {
		grid-area: nav;
		padding-top: .5rem;
		& details {
			padding-bottom: .5rem;
		}
	}
	& main {
		grid-area: main;
		min-width:0px;
	}
	#content & ul li a {
		font-family: var(--book-weight-sans);
		font-size: 18px;
		line-height: 24px;
	}
	#content & ul li {
		margin-bottom: 7px;
	}
	@media (max-width: 768px) {
		& .db-layout {
			grid-template-columns: 1fr;
			grid-template-areas: 'nav' 'main';
		  }  
		& .db-playout {
			grid-template-columns: 1fr;
			grid-template-areas: 'h1' 'lgdiv';
			gap: 0;
			margin-bottom:.5rem;
		  }
		& .db-logininfo {
			text-align:left;
		}
		& nav {
			padding-top: 0;
			& details {
				padding-bottom: 0;
			}
		}
		:root { --sidebar-width: 100%; }
	}
}

/* bio page */

.faculty-page {
	padding:0px;
	&.lm-light {
		background-color:#fff;
	}
	& .faculty-listing-item .faculty-listing-bio p, & .faculty-listing-item .faculty-listing-bio a {
		color:#000;
	}
	& .faculty-listing-item .faculty-listing-bio p.staffname {
			font-weight:bolder;
			font-family:var(--semi-bold-sans);
	}
}

.faculty-listing-item {
	& img {
		max-height:230px;
	}
}

/* resource/user page */

.generalinfo-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: 1rem 0;
	& dd {
		margin-left:.65rem;
		margin-bottom:.2rem;
	}
	& dl {
		margin-bottom:0px;
	}
	& .dt-wrap {
		display: flex;
		flex-wrap: wrap;
		& dt, & dd {
			display: inline-block;
		}
	}
	& p {
		font-size: 16px;
	}
}

.gi-img-wrapper{
	display: inline-block;
	max-width:260px;
	min-height:150px;
	padding:10px;
	overflow: hidden;
	border: 1px solid #999;
	margin:0 1rem 1rem 0;
	& img {
		width: 100%;
		height: 100%;
		object-fit: cover;		
	}
	& a {
		text-decoration: none;
	}
}

.gi-col {
	display: inline-block;	
	margin-right:1.5rem;
	@media (min-width: 920px) {
		max-width:290px;
	}		
	@media (min-width: 1120px) {
		max-width:390px;
	}	
	@media (min-width: 1410px) {
		max-width:525px;
	}
}

#eventinfo {
	padding:1rem;
	position:fixed;
	z-index:900;
	background-color:#fff;
	border:1px solid #fa4616;
	border-radius:3px;
	max-width:240px;
	& p {
		margin-bottom:.6rem;
	}
}

/* project pages */

.projreqpan {
	display:flex;
	flex-wrap: wrap;
	margin-bottom:1rem;
	& span {
		display: inline-block;
		mix-width:350px;
		margin-right:1rem;
	}
}

/* training calendar */

.training-cal {
	width:100%;
	height:600px;
}

/* tkiosk */

.lm-tk {
	& .button-small {
		display:inline-block;
		& .animated-border-button {
			padding:.5rem 1.5rem
		}
	}
	& .db-playout {
		margin:.9rem 0 1.8rem 0;
	}
	& .tk-welcome {
		display:inline-block;
		margin-right:1.5rem;
	}
	& .button-wrapper a {
		margin:0;
	}
	& .tk-resync, & .tk-time {
		display:inline-block;
		width:33%
	}
	& .tk-up {
		display:inline-block;
		width:34%;
		text-align:center;
	}
	& .tk-time {
		text-align:right;
	}
	& .tk-bpan {
		margin-top:1.9rem;
	}
	& td {
		padding:.5rem;
	}

	& thead, & tbody {
		border:none;
	}
	& .tha {
		text-align:left;
	}
}

.tk-projmsgbox {
	padding-bottom:.8rem;
	max-width: 450px;
}

.lm-tk-lt {
	background-color:#fff;
	& tr {
		border-bottom:1px dashed var(--core-blue);
	}
}

.lm-tk-dk {
	background-color:#000;
	color:#fff;
	& a, & h1 {
		color:#fff;
	}
	& tr {
		border-bottom:1px dashed #fff;
	}
	& .trbghover {
		background-color: var(--core-blue);
	}
}

/* committees */

.lm-committee-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: 1rem 0;
	& .lm-com-card {
		display: inline-block;	
		margin-right:1rem;
		margin-bottom:1rem;
		max-width:290px;
		@media (min-width: 1120px) {
			max-width:390px;
		}	
		@media (min-width: 1410px) {
			max-width:525px;
		}
		& h2 {
			background-color:var(--core-blue);
			color:#fff;
			padding:.3rem .7rem;
			font-size:1.2rem;
			font-weight:bold;
			@media (min-width: 1120px) {
				font-size:1.5rem;
			}	
		}
		& .lm-com-cols {
			display:flex;
			flex-wrap: wrap;
			margin:0;
			& div {
				display: inline-block;
				width:130px;
				padding:.1rem .5rem;
				margin-right:.5rem;
				border-bottom: 1px solid #ccddeb;
				@media (min-width: 1120px) {
					width:180px;
				}
				@media (min-width: 1410px) {
					width:250px;
				}
			}
		}
		& .membchr {
			font-weight:bold;
		}
	}
}

/* faculty area */

.fcltprfledit {
	& .facultyflow {
		max-width: 300px;
	}
	& .prsnlreqtbl {
		margin:0 1rem 2rem 1rem;
	}
	& .cen {
		text-align: left;
	}
	& .titlediv {
		border-bottom: 2px solid #E8EFF5;
		margin-bottom:1rem;
		& h2, & span {
			display: inline-block;
		}
		& span {
			margin-left: 2rem;
		}
	}
	& table {
		border-collapse: collapse;
		margin-bottom:1rem;
		& thead {
			border: 2px solid #E8EFF5;
		}
		& tbody {
			border: 2px solid #E8EFF5;
		}
		& th {
			border-bottom: 2px solid #DD2400;
			padding-top: 10px;
			padding-bottom: 10px;
		}
	}
	& .valdiv {
		margin-left:2rem;
		margin-bottom:1em;
		font-size:smaller;
	}
	& details {
		margin-bottom:1rem;
	}
}

.fcltprflview {
	#content & ol li::before {
		margin-right: 1rem;
	}
}

/* facilities */

.lm-facility-guide {
	margin:2rem 0;
	padding-top:1.5rem;
	border-top:1px dotted var(--core-blue);
	border-bottom:1px dotted var(--core-blue);
	& .lm-card {
		margin-top:1rem;
	}
}

/* personnel */

.lm-personnel-details {
	& .lm-card {
		width: 300px;
	}
}

/* account tree */

.lm-treepanel {
	display: flex;
	flex-direction: column;
	height: 100vh;
	& li.lm_tp_collapsed ul {
		display:none;
	}
	& .dashboard-container {
		padding:.5rem 1rem;
		& h1 {
			margin:0;
		}
	}
	& .lm-tp-container {
		display:flex;
		flex: 1;
		min-height: 0;
		padding:0;
		@media (max-width: 768px) {
			flex-direction: column;
		}
		& .lm-tp-left {
			border-top:4px solid var(--core-blue);
			width: 300px;
			min-width: 200px;
			max-width: 80vw;
			padding: 1rem;
			overflow-y: auto;
			flex-shrink: 0;
			& a.lm_tp_clps {
				padding-right:.5rem;
			}
			#content & ul {
				padding:0;
				& li ul {
					margin-left:.1rem;
				} 
			}
			#content & ul li {
				margin-bottom:0;
				white-space:nowrap;
				&.lm_tp_archived a {
					color: #dc3545;
				}
				& a {
					font-size:1rem;
					line-height:1.2;
					color:#000;
					font-family: var(--book-weight-sans);
				}
			}
			#content & li::before {
				content:'';
			}
			@media (max-width: 768px) {
				width: 100% !important;
				max-width: none;
				height: auto;
				max-height: 40vh;
				min-width: 0;			
			}
		}
		& .lm-tp-resizer {
			width: 4px;
			background-color: var(--core-blue);
			cursor: col-resize;
			flex-shrink: 0;
			position: relative;
			&:hover {
				background-color: #999;
			}
			&::after {
				content: "";
				position: absolute;
				top: 0;
				left: -2px;
				right: -2px;
				bottom: 0;
			}
			@media (max-width: 768px) {
				width: 100%;
				height: 4px;
				cursor: row-resize;
				display: none; /* Hide resizer on mobile */
			}
		}
		& .lm-tp-right {
			border-top:4px solid var(--core-blue);
			flex: 1;
			padding: 1rem;
			overflow-y: auto;
			min-width: 0;	
			@media (max-width: 768px) {
				flex: 1;
				height: auto;
				min-height:0;			
			}
		}
	}
}

/* main menu */

.lm-main-menu {
	text-align:center;
	& img {
		margin:.4rem;
	}
	& .custom-combobox-input{
		max-width: 350px;
	}
	& .lm-main-menu-icons {
		margin:1.5rem 1rem;
	}
}

.lm-mm-wrap {
	margin-bottom: 50px;
}

/* cards */

.lm-card-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: 1rem 0;
}

.lm-card {
	display: inline-block;	
	margin-right:3rem;
	max-width:290px;		
	@media (min-width: 1120px) {
		max-width:390px;
	}	
	@media (min-width: 1410px) {
		max-width:525px;
	}
}