/* utilitiy classes: Start */
.cursor-pointer {
  cursor: pointer;
}

.font-normal {
  font-weight: 400;
}

.text-xs {
  font-size: 0.75rem;
  /* 12px */
  line-height: 1rem;
  /* 16px */
}

.text.sm {
  font-size: 0.875rem;
  /* 14px */
  line-height: 1.25rem;
  /* 20px */
}


/* utilitiy classes: End */

/* layout: Start */
main {
  margin: 0;
  padding: 0;
  min-height: calc(100% - 180px);
  display: flex;
  flex-direction: column;
}

main > div:first-child {
  flex: 1;
}

#navbar {
  max-width: 1920px !important;
  width: 100%;
}

#hero, .page-copy {
  padding: 0 2.5%;
}

.container {
  max-width: 1920px !important;
}

.footer .footer-bottom {
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.footer .footer-bottom .container {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1200px) {
  .navbar-expand-xl.navbar.static-top {
    padding: 0 2.5%
  }

  .navbar-expand-xl.navbar.static-top .container {
    padding: 0;
  }
}

/* layout: End */



/* PCF components shared UI Styling: Start */
.fui-table .ms-DetailsList-contentWrapper {
  max-height: 70vh;
}

.fui-table .ms-DetailsRow-fields {
  font-size: 14px;
}

input.search-input {
  height: 46px;
}

input.search-input::placeholder {
  opacity: .6;
}

input.search-input:disabled {
  background-color: #f3f2f1;
  border: none;
  box-shadow: none;
}

input.search-input:disabled::placeholder {
  opacity: .3;
}

.fui-table .ms-DetailsRow>span[role=checkbox],
.dropdownlist-nocheckbox span[role=checkbox] {
  border: none;
  display: none;
}

.fui-table div[class^="ms-TextField-wrapper"] input[type=text].ms-TextField-field {
  height: 30px;
  box-shadow: none;
  margin-bottom: 0;
  border: none;
}

.fui-table .ms-Checkbox-checkbox {
  margin-right: 0;
}

.fui-table i.ms-Checkbox-checkmark {
  padding-left: 0;
}

.fui-table .ms-Button i.ms-Icon {
  padding-left: 2px;
}

.fui-table .ms-DetailsHeader .ms-DetailsHeader-cell.colhead-end .ms-DetailsHeader-cellTitle {
  justify-content: flex-end;
}

.dropdownlist-nocheckbox .ms-DetailsRow {
  cursor: pointer;
}

/* SpinButton: start */
div[class^="spinButtonWrapper"] input[type=text] {
  border: none;
  box-shadow: none;
  margin: 0;
  text-align: right;
}

div[class^="spinButtonWrapper"] span[class^="arrowButtonsContainer"] {
  display: flex;
  flex-direction: column;
}

div[class^="spinButtonWrapper"] span[class^="arrowButtonsContainer"]>button {
  margin: 0;
}

/* SpinButton: end */

/* datepicker: start */
div[class^="header"]:has(div[class^="monthAndYear"]) {
  display: flex;
  align-items: flex-start;
  height: auto;
}

div[class^="monthAndYear"]+span {
  margin-bottom: 24px;
}

.ms-DatePicker table tbody tr:first-of-type>th {
  text-align: center;
}

.ms-DatePicker tr[class^="weekRow"] td button {
  margin-bottom: 0;
}

div[class|="monthPickerWrapper"] div[role="row"] {
  display: flex;
}

/* datepicker: end */

/* dropdown: start */
.ms-Dropdown-items>.ms-Dropdown-item {
  margin-bottom: 0;
}

/* dropdown: end */




/* PCF components shared UI Styling: End */



/* Power Page components shared UI Styling: Start */

/* multistep progress bar */
.progress {
  margin-left: 0;
}

/* table */
h3.table-info label {
  margin-bottom: 8px;
}

.view-grid .table.table-striped {
  --bs-table-striped-bg: white;
  white-space: nowrap;
  font-family: "Segoe UI";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.view-grid .table th a {
  color: #0a0a0a;
  font-family: "Segoe UI";
  font-weight: 600;
  font-size: 14px;
}


.view-grid .table {
  position: relative;  
}

@media (max-width: 1200px) {
  .view-grid:hover .table {
    border-spacing: 0;
    /* Use spacing instead of collapsing borders */
    border-collapse: separate;
    /* Prevent border collapse clipping issues */ 
  }
}

.view-grid .table th:first-child,
.view-grid .table td:first-child,
.view-grid .table th[aria-label*="action" i],
.view-grid .table td[aria-label*="action" i] {
  position: sticky;
  left: 0;
  /* Ensure the background color matches the table's background */
  background: #FAFAFA;
  z-index: 1;
  /* Ensure the last column is above other columns */
}

.view-grid .table td:first-child,
.view-grid .table td[aria-label*="action" i] {
  background-color: #fff;
}

.view-grid .table td:first-child > a {
  color: #0078D4;
  font-weight: 400;
}

.view-grid .table [aria-label*="action" i] {
  right: 0;
}

@media (max-width: 1200px) {
  .view-grid .table td:first-child {
    box-shadow: 5px 0 5px -5px rgba(222, 226, 230, 0.6);
    border-right: 1px solid rgba(222, 226, 230, 0.2);

  }

  .view-grid .table td[aria-label*="action" i] {
    box-shadow: -5px 0 5px -5px rgba(222, 226, 230, 0.6);
    border-left: 1px solid rgba(222, 226, 230, 0.2);
  }
}

.view-grid .table td {
  vertical-align: middle;
}

/* Adding Icons to Entity List Action buttons via CSS: start */
.view-grid .dropdown.action > .btn {
  display: none;
}

.view-grid .dropdown.action .dropdown-menu {
  display: flex;
  position: initial !important;
  border: 0;
  background: transparent;
  box-shadow: none;
  max-width: 65px;
  min-width: 65px;
  width: 65px;
  padding: 0;
  gap: 4px;
  align-items: center;
}

.view-grid .dropdown.action .dropdown-menu li {
  display: inline-block;
  margin-bottom: 0;
}

.view-grid .dropdown.action .dropdown-menu li a {
  font-size: 0;
  padding: 2px;
  margin: 0;
  color: #424242;
}

.view-grid .dropdown.action .dropdown-menu li a.disabled {
  color: #BDBDBD;
}

.view-grid .dropdown.action .dropdown-menu li a > span {
  font-size: 16px;
}

.view-grid .dropdown.action .dropdown-menu li a:hover {
  color: #242424;
  background: transparent;
}

/* customize icons: start */
.fi {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-size: cover;
}

/*view*/
.fi-view {  
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M3.66667%2014.8571V16H0V0H7.66964L12.5714%204.90179V6.85714H11.4286V5.71429H6.85714V1.14286H1.14286V14.8571H3.66667ZM8%204.57143H10.6161L8%201.95535V4.57143Z%22%20fill%3D%22%23201F1E%22/%3E%3Cpath%20d%3D%22M9.90481%2011.238C10.2271%2011.238%2010.53%2011.3025%2010.8132%2011.4314C11.0965%2011.5555%2011.3432%2011.7266%2011.5532%2011.9448C11.768%2012.1581%2011.9366%2012.4087%2012.0587%2012.6963C12.1856%2012.984%2012.2491%2013.2916%2012.2491%2013.619C12.2491%2013.9463%2012.1856%2014.2564%2012.0587%2014.549C11.9366%2014.8367%2011.768%2015.0897%2011.5532%2015.308C11.3432%2015.5212%2011.0965%2015.6899%2010.8132%2015.8139C10.53%2015.9379%2010.2271%2015.9999%209.90481%2015.9999C9.58247%2015.9999%209.27722%2015.9379%208.98906%2015.8139C8.70579%2015.6899%208.45671%2015.5212%208.2418%2015.308C8.03179%2015.0897%207.86574%2014.8367%207.74363%2014.549C7.62154%2014.2564%207.56049%2013.9463%207.56049%2013.619C7.56049%2013.2916%207.62154%2012.984%207.74363%2012.6963C7.86574%2012.4087%208.03179%2012.1581%208.2418%2011.9448C8.45671%2011.7266%208.70579%2011.5555%208.98906%2011.4314C9.27722%2011.3025%209.58247%2011.238%209.90481%2011.238ZM9.90481%2015.0475C10.1002%2015.0475%2010.2833%2015.0103%2010.4543%2014.9359C10.6252%2014.8615%2010.7742%2014.7598%2010.9012%2014.6309C11.0281%2014.5019%2011.1282%2014.3506%2011.2015%2014.177C11.2748%2014.0033%2011.3114%2013.8173%2011.3114%2013.619C11.3114%2013.4206%2011.2748%2013.2346%2011.2015%2013.0609C11.1282%2012.8873%2011.0281%2012.736%2010.9012%2012.607C10.7742%2012.4781%2010.6252%2012.3764%2010.4543%2012.302C10.2833%2012.2276%2010.1002%2012.1904%209.90481%2012.1904C9.70945%2012.1904%209.5263%2012.2276%209.35536%2012.302C9.18442%2012.3764%209.03546%2012.4781%208.90847%2012.607C8.78148%2012.736%208.68136%2012.8873%208.6081%2013.0609C8.53485%2013.2346%208.49822%2013.4206%208.49822%2013.619C8.49822%2013.8173%208.53485%2014.0033%208.6081%2014.177C8.68136%2014.3506%208.78148%2014.5019%208.90847%2014.6309C9.03546%2014.7598%209.18442%2014.8615%209.35536%2014.9359C9.5263%2015.0103%209.70945%2015.0475%209.90481%2015.0475ZM9.90481%208.38086C10.3932%208.38086%2010.8816%208.43542%2011.37%208.54455C11.8633%208.64872%2012.3347%208.80496%2012.7839%209.0133C13.2381%209.22163%2013.6606%209.47709%2014.0513%209.77967C14.442%2010.0822%2014.7815%2010.427%2015.0697%2010.8139C15.3578%2011.2008%2015.5849%2011.6299%2015.751%2012.1011C15.917%2012.5724%2016%2013.0783%2016%2013.619H15.0623C15.0623%2013.1675%2014.989%2012.7485%2014.8425%2012.3616C14.7009%2011.9746%2014.5056%2011.6224%2014.2565%2011.3049C14.0073%2010.9875%2013.7144%2010.7072%2013.3773%2010.4642C13.0452%2010.2162%2012.6887%2010.0103%2012.3078%209.84664C11.9268%209.67798%2011.5312%209.5515%2011.121%209.46717C10.7107%209.37789%2010.3053%209.33324%209.90481%209.33324C9.50432%209.33324%209.09895%209.37789%208.68869%209.46717C8.27844%209.5515%207.88283%209.67798%207.50187%209.84664C7.12093%2010.0103%206.76195%2010.2162%206.42496%2010.4642C6.09284%2010.7072%205.80224%2010.9875%205.55316%2011.3049C5.30407%2011.6224%205.10627%2011.9746%204.95975%2012.3616C4.81812%2012.7485%204.7473%2013.1675%204.7473%2013.619H3.80957C3.80957%2013.0783%203.8926%2012.5724%204.05866%2012.1011C4.22471%2011.6299%204.45181%2011.2008%204.73997%2010.8139C5.02813%2010.427%205.36756%2010.0822%205.75828%209.77967C6.149%209.47709%206.56903%209.22163%207.01837%209.0133C7.47258%208.80496%207.94388%208.64872%208.43229%208.54455C8.92557%208.43542%209.41641%208.38086%209.90481%208.38086Z%22%20fill%3D%22%23201F1E%22/%3E%3C/svg%3E");
}

/*edit*/
.fi-edit {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M16%202.61719C16%202.96094%2015.9349%203.29427%2015.8047%203.61719C15.6745%203.9401%2015.4844%204.22656%2015.2344%204.47656L4.94531%2014.7656L0%2016L1.23438%2011.0547L11.5234%200.765625C11.7734%200.515625%2012.0599%200.325521%2012.3828%200.195312C12.7057%200.0651042%2013.0391%200%2013.3828%200C13.7422%200%2014.0807%200.0703125%2014.3984%200.210938C14.7161%200.346354%2014.9922%200.533854%2015.2266%200.773438C15.4661%201.00781%2015.6536%201.28385%2015.7891%201.60156C15.9297%201.91927%2016%202.25781%2016%202.61719ZM2.54688%2011.1562C3.09896%2011.3385%203.57292%2011.6302%203.96875%2012.0312C4.36979%2012.4271%204.66146%2012.901%204.84375%2013.4531L13.2891%205L11%202.71094L2.54688%2011.1562ZM1.375%2014.625L3.94531%2013.9844C3.89323%2013.7448%203.80729%2013.5182%203.6875%2013.3047C3.57292%2013.0911%203.43229%2012.901%203.26562%2012.7344C3.09896%2012.5677%202.90885%2012.4271%202.69531%2012.3125C2.48177%2012.1927%202.25521%2012.1068%202.01562%2012.0547L1.375%2014.625ZM14%204.28906C14.1302%204.15885%2014.2552%204.03646%2014.375%203.92188C14.4948%203.80729%2014.6016%203.6875%2014.6953%203.5625C14.7891%203.43229%2014.862%203.29427%2014.9141%203.14844C14.9714%202.9974%2015%202.82292%2015%202.625C15%202.40104%2014.9557%202.19271%2014.8672%202C14.7839%201.80208%2014.6667%201.63021%2014.5156%201.48438C14.3698%201.33333%2014.1979%201.21615%2014%201.13281C13.8073%201.04427%2013.599%201%2013.375%201C13.1771%201%2013.0026%201.02865%2012.8516%201.08594C12.7057%201.13802%2012.5677%201.21094%2012.4375%201.30469C12.3125%201.39844%2012.1927%201.50521%2012.0781%201.625C11.9635%201.74479%2011.8411%201.86979%2011.7109%202L14%204.28906Z%22%20fill%3D%22%23323130%22/%3E%3C/svg%3E");
}

/*delete*/
.fi-delete {
 background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14%203H13V14.5C13%2014.7083%2012.9609%2014.9036%2012.8828%2015.0859C12.8047%2015.2682%2012.6979%2015.4271%2012.5625%2015.5625C12.4271%2015.6979%2012.2682%2015.8047%2012.0859%2015.8828C11.9036%2015.9609%2011.7083%2016%2011.5%2016H3.5C3.29167%2016%203.09635%2015.9609%202.91406%2015.8828C2.73177%2015.8047%202.57292%2015.6979%202.4375%2015.5625C2.30208%2015.4271%202.19531%2015.2682%202.11719%2015.0859C2.03906%2014.9036%202%2014.7083%202%2014.5V3H1V2H5V1C5%200.859375%205.02604%200.729167%205.07812%200.609375C5.13021%200.489583%205.20052%200.385417%205.28906%200.296875C5.38281%200.203125%205.48958%200.130208%205.60938%200.078125C5.72917%200.0260417%205.85938%200%206%200H9C9.14062%200%209.27083%200.0260417%209.39062%200.078125C9.51042%200.130208%209.61458%200.203125%209.70312%200.296875C9.79688%200.385417%209.86979%200.489583%209.92188%200.609375C9.97396%200.729167%2010%200.859375%2010%201V2H14V3ZM6%202H9V1H6V2ZM12%203H3V14.5C3%2014.6354%203.04948%2014.7526%203.14844%2014.8516C3.2474%2014.9505%203.36458%2015%203.5%2015H11.5C11.6354%2015%2011.7526%2014.9505%2011.8516%2014.8516C11.9505%2014.7526%2012%2014.6354%2012%2014.5V3ZM6%2013H5V5H6V13ZM8%2013H7V5H8V13ZM10%2013H9V5H10V13Z%22/%3E%3C/svg%3E');
}
/* customize icons: end */

/* Adding Icons to Entity List Action buttons via CSS: end */

.grid-actions {
  margin-bottom: 0;
  padding-bottom: 0;
}

.view-pagination {
  margin-bottom: 40px;
}

.view-pagination ul.pagination li a {
  padding: 8px 0;
}

.btn.btn-default.clearlookupfield,
.btn.btn-default.launchentitylookup {
  line-height: 1.53;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.dropdown.action>button {
  margin-bottom: 0;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Power Page components shared UI Styling: End */

.textDialogAttachment {
  max-width: 800px !important;
  min-width: 800px !important;
}