body .ui-state-disabled {
  /*opacity: 1.0 !important; 09-17-2021 - FM changed to display disabled buttons. 
  background: #f8f9fa;*/
}

.l2p-dashboard-card {
  width:100%; 
  text-align:left; 
  padding:0.75rem;
}

/*This fixes text editor not displaying icons properly in Primefaces 14 - 08/12/2024 - fm*/
.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke {
  stroke: black !important;
}
.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  color: black !important;
}
.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill {
  fill: black !important;
}    

/* This prevents the topbar dropdown menu from going off-screen on small windows - Skyler */
@media screen and (max-width: 991px) {
  .layout-wrapper .layout-topbar .topbar-menu {
    justify-content: space-around; /* instead of space-between */
  }
}

/* This fixes checkboxes being set to too small of a value for the label to fit */
.ui-chkbox.labeledCheckbox {
	display: inline-flex;
	width: auto;
	height: auto;
	align-items: center;
}

.ui-columntoggler-all {
	height: 35px;
}
.ui-columntoggler .ui-columntoggler-all .ui-chkbox {
	margin-top: -15px !important;
}

/* This fixes tabmenu items having too small of a click area in diamond layout - 11/24 Skyler */
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
	padding: 0;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
	padding: 1rem;
}

/* This fixes command links having a higher font weight (700) than command buttons, which have weight 400. */
span.ui-linkbutton {
	font-weight: 400;
}

/*
    This fixes command links and links in datatables becoming hard to see if the row is selected (especially in dark blue theme).
    The "not" rule means the new colors will only be applied to links without child elements: https://stackoverflow.com/a/76079959
    This is required to ensure icons in links are still visible. - 1/25 Skyler
*/
body .ui-datatable .ui-datatable-data > tr > td a.ui-commandlink:not(:has(*)),
body .ui-datatable .ui-datatable-data > tr > td a.ui-link:not(:has(*)) {
    color: #2196F3;
}
body .ui-datatable .ui-datatable-data > tr.ui-state-highlight > td a.ui-commandlink:not(:has(*)),
body .ui-datatable .ui-datatable-data > tr.ui-state-highlight > td a.ui-link:not(:has(*)) {
    color: #ffffff;
}
/* This fixes command links and links that are NOT in datatables */
a.ui-commandlink:not(:has(*)),
a.ui-link:not(:has(*)) {
	color: #2196F3;
}

/*
	This class can be used to give links an underline style
	when the user hovers over them.
*/
a.link-underline-on-hover {
	color: #64B5F6;
}
a.link-underline-on-hover:hover {
	text-decoration: underline;
}

@-webkit-keyframes modal-in {
  from {
    background-color: transparent;
  }
  to {
    background-color: rgba(0, 0, 0, 0.6);
  }
}
@keyframes modal-in {
  from {
    background-color: transparent;
  }
  to {
    background-color: rgba(0, 0, 0, 0.6);
  }
}
.modal-in {
  -webkit-animation-name: modal-in;
  animation-name: modal-in;
}
.watch-list {
	background-color: #FFCDD2 !important;
	color: #C63737 !important;
}