/* 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 */



/* 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 */

/* 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-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;
}
@-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 */

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