@charset "UTF-8";

/* open-sans-300 - latin */

/* @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url("./fonts/open-sans-v15-latin-300.eot");    src: local("Open Sans Light"), local("OpenSans-Light"), url("./fonts/open-sans-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v15-latin-300.woff2") format("woff2"), url("./fonts/open-sans-v15-latin-300.woff") format("woff"), url("./fonts/open-sans-v15-latin-300.ttf") format("truetype"), url("./fonts/open-sans-v15-latin-300.svg#OpenSans") format("svg");
} */

/* open-sans-regular - latin */

/* @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url("./fonts/open-sans-v15-latin-regular.eot");
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url("./fonts/open-sans-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v15-latin-regular.woff2") format("woff2"), url("./fonts/open-sans-v15-latin-regular.woff") format("woff"), url("./fonts/open-sans-v15-latin-regular.ttf") format("truetype"), url("./fonts/open-sans-v15-latin-regular.svg#OpenSans") format("svg");
    
} */

/* open-sans-700 - latin */

/* @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url("./fonts/open-sans-v15-latin-700.eot");
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("./fonts/open-sans-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v15-latin-700.woff2") format("woff2"), url("./fonts/open-sans-v15-latin-700.woff") format("woff"), url("./fonts/open-sans-v15-latin-700.ttf") format("truetype"), url("./fonts/open-sans-v15-latin-700.svg#OpenSans") format("svg");
} */
@import url('/assets/css/fonts.css');
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body .p-widget {
  font-size: 12px;
  text-decoration: none;
}

body .p-corner-all {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

body .p-corner-top {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

body .p-corner-bottom {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

body .p-corner-left {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

body .p-corner-right {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

body a {
  color: #007ad9;
  text-decoration: none;
}

body a:hover {
  color: #116fbf;
}

body a:active {
  color: #005b9f;
}

body .p-helper-reset {
  line-height: normal;
}

body .p-state-disabled,
body .p-widget:disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

body .pi {
  font-size: 1.25em;
}

body .p-inputtext {
  font-size: 14px;
  color: #333333;
  background: #ffffff;
  padding: 0.429em;
  border: 1px solid #E6E5F0;
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    font-weight: 500;
}


body .p-inputtext[disabled] {
  background-color: #F6F6F6;
  border: 1px solid #E6E5F0;
}

body .p-inputtext:enabled:hover:not(.p-state-error) {
  border: 1.5px solid #A6A1B4;
}

body .p-inputtext:enabled:focus:not(.p-state-error) {
  border: 1.5px solid #A6A1B4;
  outline: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

body .p-checkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 20px;
  height: 20px;
}

body .p-checkbox .p-checkbox-box {
  border: 1px solid navy;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  -o-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  -webkit-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .p-checkbox .p-checkbox-box:not(.p-state-disabled):hover {
  border-color: #212121;
}

body .p-checkbox .p-checkbox-box.p-state-focus {
  border-color: #007ad9;
  background-color: #ffffff;
  color: #007ad9;
  -webkit-box-shadow: 0 0 0 0.2em #8dcdff;
  -moz-box-shadow: 0 0 0 0.2em #8dcdff;
  box-shadow: 0 0 0 0.2em #8dcdff;
}

body .p-checkbox .p-checkbox-box.p-state-active {
  border-color: #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}

body .p-checkbox .p-checkbox-box.p-state-active:not(.p-state-disabled):hover {
  border-color: #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}

body .p-checkbox .p-checkbox-box.p-state-active.p-state-focus {
  border-color: #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}

body .p-checkbox .p-checkbox-box .p-checkbox-icon {
  overflow: hidden;
  position: relative;
  font-size: 18px;
}

body .p-checkbox-label {
  margin: 0 0 0 0.5em;
}

body .p-radiobutton {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 20px;
  height: 20px;
}

body .p-radiobutton .p-radiobutton-box {
  border: 1px solid #a6a6a6;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  text-align: center;
  position: relative;
  -moz-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  -o-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  -webkit-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

body
  .p-radiobutton
  .p-radiobutton-box:not(.p-state-disabled):not(.p-state-active):hover {
  border-color: #212121;
}

body .p-radiobutton .p-radiobutton-box.p-state-focus {
  border-color: #007ad9;
  background-color: #ffffff;
  color: #007ad9;
  -webkit-box-shadow: 0 0 0 0.2em #8dcdff;
  -moz-box-shadow: 0 0 0 0.2em #8dcdff;
  box-shadow: 0 0 0 0.2em #8dcdff;
}

body .p-radiobutton .p-radiobutton-box.p-state-active {
  border-color: #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}

body .p-radiobutton .p-radiobutton-box.p-state-active .p-radiobutton-icon {
  background-color: #ffffff;
}

body
  .p-radiobutton
  .p-radiobutton-box.p-state-active:not(.p-state-disabled):hover {
  border-color: #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}

body .p-radiobutton .p-radiobutton-box.p-state-active.p-state-focus {
  border-color: #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}

body .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  background: transparent;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

body .p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
  display: none;
}

body .p-radiobutton-label {
  margin: 0 0 0 0.5em;
}

body .p-inputswitch {
  width: 3em;
  height: 1.75em;
}

body .p-inputswitch .p-inputswitch-slider {
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border-radius: 30px;
  background: #cccccc;
}

body .p-inputswitch .p-inputswitch-slider:before {
  background-color: #ffffff;
  height: 1.25em;
  width: 1.25em;
  left: 0.25em;
  top: 3px;
  bottom: 0.25em;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  -webkit-transform: translateX(1.25em);
  -ms-transform: translateX(1.25em);
  transform: translateX(1.25em);
}

body .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
  background: #b7b7b7;
}

body .p-inputswitch:not(.p-state-disabled):hover .p-inputswitch-slider {
  background-color: #b7b7b7;
}

body .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background-color: #007ad9;
}

body
  .p-inputswitch.p-inputswitch-checked:not(.p-state-disabled):hover
  .p-inputswitch-slider {
  background-color: #116fbf;
}

body
  .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus
  .p-inputswitch-slider {
  background: #005b9f;
}

body .p-autocomplete .p-autocomplete-input {
  padding: 0.429em;
}

body
  .p-autocomplete.p-autocomplete-multiple
  .p-autocomplete-multiple-container {
  padding: 0.2145em 0.429em;
}

body
  .p-autocomplete.p-autocomplete-multiple
  .p-autocomplete-multiple-container:not(.p-state-disabled):hover {
  border-color: #212121;
}

body
  .p-autocomplete.p-autocomplete-multiple
  .p-autocomplete-multiple-container:not(.p-state-disabled).p-state-focus {
  border-color: #007ad9;
  outline: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

body
  .p-autocomplete.p-autocomplete-multiple
  .p-autocomplete-multiple-container
  .p-autocomplete-input-token {
  margin: 0;
  padding: 0.2145em 0;
  color: #333333;
}

body
  .p-autocomplete.p-autocomplete-multiple
  .p-autocomplete-multiple-container
  .p-autocomplete-input-token
  input {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  padding: 0;
  margin: 0;
}

body
  .p-autocomplete.p-autocomplete-multiple
  .p-autocomplete-multiple-container
  .p-autocomplete-token {
  font-size: 14px;
  padding: 0.2145em 0.429em;
  margin: 0 0.286em 0 0;
  background: #007ad9;
  color: #ffffff;
}

body .p-autocomplete-panel {
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

body .p-autocomplete-panel .p-autocomplete-items {
  padding: 0;
}

body .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-list-item {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body
  .p-autocomplete-panel
  .p-autocomplete-items
  .p-autocomplete-list-item.p-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}

body .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-group {
  padding: 0.429em 0.857em;
  background-color: #d8dae2;
  color: #333333;
}

body .p-fluid .p-autocomplete .p-autocomplete-dropdown.p-button {
  width: 2.357em;
}

body
  .p-fluid
  .p-autocomplete.p-autocomplete-multiple.p-autocomplete-dd
  .p-autocomplete-multiple-container {
  border-right: 0 none;
  width: calc(100% - 2.357em);
}

body .p-fluid .p-autocomplete.p-autocomplete-dd .p-inputtext {
  border-right: 0 none;
  width: calc(100% - 2.357em);
}

body .p-chips > ul.p-inputtext {
  padding: 0.2145em 0.429em;
  display: inline-block;
}

body .p-chips > ul.p-inputtext:not(.p-state-disabled):hover {
  border-color: #212121;
}

body .p-chips > ul.p-inputtext:not(.p-state-disabled).p-state-focus {
  border-color: #007ad9;
  outline: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

body .p-chips > ul.p-inputtext .p-chips-input-token {
  padding: 0.2145em 0;
}

body .p-chips > ul.p-inputtext .p-chips-input-token input {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  padding: 0;
  margin: 0;
  color: #333333;
}

body .p-chips > ul.p-inputtext .p-chips-input-token input:hover {
  border: 0 none;
}

body .p-chips > ul.p-inputtext .p-chips-input-token input:focus {
  border: 0 none;
}

body .p-chips > ul.p-inputtext .p-chips-token {
  font-size: 14px;
  padding: 0.2145em 0.429em;
  margin: 0 0.286em 0 0;
  background: #007ad9;
  color: #ffffff;
}

body .p-dropdown {
  width: 100%;
  background: #ffffff;
  /* border: 1px solid #ced4da; */
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

body .p-dropdown:disabled, body .p-dropdown[readonly]{
     background-color: #F6F6F6;
  border: 1px solid #E6E5F0;
}
body .p-dropdown:not(.p-state-disabled):hover {
  /* border: 1.5px solid #A6A1B4; */
}

body .p-dropdown:not(.p-state-disabled).p-state-focus {
  border: 1.5px solid #A6A1B4;
  outline: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

body .p-dropdown .p-dropdown-label {
  padding-right: 2em;
}

body .p-dropdown .p-dropdown-trigger {
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  color: #848484;
}

body .p-dropdown .p-dropdown-clear-icon {
  color: #848484;
}

body .p-dropdown.p-dropdown-clearable .p-dropdown-label {
  padding-right: 4em;
}

body .p-dropdown-panel {
  width: 100%;
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

body .p-dropdown-panel .p-dropdown-filter-container {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
}

body .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter {
  width: 100%;
  padding-right: 2em;
}

body .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter-icon {
  top: 50%;
  margin-top: -0.5em;
  right: 1.357em;
  color: #212121;
}

body .p-dropdown-panel .p-dropdown-items {
  padding: 0;
}

body .p-dropdown-panel .p-dropdown-items .p-dropdown-item,
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-state-highlight,
body
  .p-dropdown-panel
  .p-dropdown-items
  .p-dropdown-item-group.p-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}

body
  .p-dropdown-panel
  .p-dropdown-items
  .p-dropdown-item:not(.p-state-highlight):not(.p-state-disabled):hover,
body
  .p-dropdown-panel
  .p-dropdown-items
  .p-dropdown-item-group:not(.p-state-highlight):not(.p-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}

body .p-multiselect {
  background: #ffffff;
  border: 1px solid #E6E5F0;
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  border-radius: 8px;
      border-radius: 8px;
}

body .p-multiselect:not(.p-state-disabled):hover {
  border-color: #212121;
}

body .p-multiselect:not(.p-state-disabled).p-state-focus {
  border-color: #007ad9;
  outline: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

body .p-multiselect .p-multiselect-label {
  padding: 0.429em;
  padding-right: 2em;
  color: #333333;
  width: 100%;
}

body .p-multiselect .p-multiselect-trigger {
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  color: #848484;
      border-radius: 10px;
}

body .p-multiselect-panel {
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}

body .p-multiselect-panel .p-multiselect-header {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
  border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

body
  .p-multiselect-panel
  .p-multiselect-header
  .p-multiselect-filter-container {
  float: none;
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
  border-radius: 8px;
}

body
  .p-multiselect-panel
  .p-multiselect-header
  .p-multiselect-filter-container
  .p-inputtext {
  padding: 0.429em;
  padding-right: 2em;
  border-radius: 8px;
}

body
  .p-multiselect-panel
  .p-multiselect-header
  .p-multiselect-filter-container
  .p-multiselect-filter-icon {
  color: #000000;
    top: 50%;
    margin-top: -0.5em;
    right: 0.5em;
    left: auto;
}

body .p-multiselect-panel .p-multiselect-header .p-checkbox {
  margin-right: 0.5em;
  float: none;
  vertical-align: middle;
}

body .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  color: #848484;
  top: 32%;
  margin-top: -0.5em;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

body .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
  color: #333333;
}

body .p-multiselect-panel .p-multiselect-items {
  padding: 0;
}

body .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body
  .p-multiselect-panel
  .p-multiselect-items
  .p-multiselect-item.p-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}

body
  .p-multiselect-panel
  .p-multiselect-items
  .p-multiselect-item:not(.p-state-highlight):not(.p-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}

body
  .p-multiselect-panel
  .p-multiselect-items
  .p-multiselect-item.p-state-disabled
  .p-checkbox-box {
  cursor: auto;
}

body
  .p-multiselect-panel
  .p-multiselect-items
  .p-multiselect-item.p-state-disabled
  .p-checkbox-box:hover {
  border: 1px solid #a6a6a6;
}

body
  .p-multiselect-panel
  .p-multiselect-items
  .p-multiselect-item.p-state-disabled
  .p-checkbox-box.p-state-active:hover {
  border-color: #007ad9;
}

body .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em 0 0;
}

body .p-multiselect-panel .p-multiselect-items .p-multiselect-item label {
  display: inline-block;
  vertical-align: middle;
}

body .p-listbox {
  /* padding: 0;
    min-width: 12em;
    background: #ffffff;
    border: 1px solid #a6a6a6; */
  padding: 0;
  min-width: 99%;
  background: #ffffff;
  border: none;
  margin: 0px 5px 0px 5px;
  color: black;
}

body .p-listbox .p-checkbox {
  margin: 0 0.5em 0 0;
}

body .p-listbox .p-listbox-header {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
}

body .p-listbox .p-listbox-header .p-listbox-filter-container {
  width: calc(100% - (0.857em + 0.857em + 0.5em));
}

body .p-listbox .p-listbox-header .p-listbox-filter-container input {
  padding: 0.429em;
  padding-right: 2em;
}

body
  .p-listbox
  .p-listbox-header
  .p-listbox-filter-container
  .p-listbox-filter-icon {
  top: 50%;
  left: auto;
  margin-top: -0.5em;
  right: 0.5em;
  color: #007ad9;
}

body .p-listbox .p-listbox-list {
  background-color: #ebf5ff;
}
.patientDrugHisTable > tbody > tr > td:last-child {
  border-radius: 0px 15px 15px 0px;
}
body .p-listbox .p-listbox-list .p-listbox-item {
  margin: 0;
  padding: 0 0;
  border: 0 none;
  color: #333333;
  background-color: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .p-listbox .p-listbox-list .p-listbox-item.p-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}

body .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em 0 0;
}

body .p-listbox .p-listbox-list .p-listbox-item label {
  display: inline-block;
  vertical-align: middle;
}

body
  .p-listbox:not(.p-state-disabled)
  .p-listbox-item:not(.p-state-highlight):not(.p-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}

body
  .p-listbox.p-state-disabled
  .p-checkbox-box:not(.p-state-disabled):not(.p-state-active):hover {
  border: 1px solid #a6a6a6;
}

body .p-listbox .p-listbox-footer {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-top: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
}

body .p-editor-container .p-editor-toolbar {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
}

body .p-editor-container .p-editor-content {
  border: 1px solid #c8c8c8;
}

body .p-editor-container .p-editor-content .ql-editor {
  background-color: #ffffff;
  color: #333333;
}

body .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
  color: #333333;
}

body .p-editor-container .ql-stroke {
  stroke: #333333;
}

body .p-editor-container .ql-picker-label {
  color: #333333;
}

body .p-editor-container .ql-snow.ql-toolbar button:hover,
body .p-editor-container .ql-snow .ql-toolbar button:hover,
body .p-editor-container .ql-snow.ql-toolbar button.ql-active,
body .p-editor-container .ql-snow .ql-toolbar button.ql-active,
body .p-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover,
body .p-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover,
body .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
body .p-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active,
body .p-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover,
body .p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover,
body .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
body .p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #007ad9;
}

body .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
body .p-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke,
body .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
body .p-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke,
body .p-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
body .p-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
body
  .p-editor-container
  .ql-snow.ql-toolbar
  .ql-picker-label.ql-active
  .ql-stroke,
body
  .p-editor-container
  .ql-snow
  .ql-toolbar
  .ql-picker-label.ql-active
  .ql-stroke,
body .p-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
body .p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
body
  .p-editor-container
  .ql-snow.ql-toolbar
  .ql-picker-item.ql-selected
  .ql-stroke,
body
  .p-editor-container
  .ql-snow
  .ql-toolbar
  .ql-picker-item.ql-selected
  .ql-stroke,
body .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
body .p-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
body .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
body .p-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
body
  .p-editor-container
  .ql-snow.ql-toolbar
  .ql-picker-label:hover
  .ql-stroke-miter,
body
  .p-editor-container
  .ql-snow
  .ql-toolbar
  .ql-picker-label:hover
  .ql-stroke-miter,
body
  .p-editor-container
  .ql-snow.ql-toolbar
  .ql-picker-label.ql-active
  .ql-stroke-miter,
body
  .p-editor-container
  .ql-snow
  .ql-toolbar
  .ql-picker-label.ql-active
  .ql-stroke-miter,
body
  .p-editor-container
  .ql-snow.ql-toolbar
  .ql-picker-item:hover
  .ql-stroke-miter,
body
  .p-editor-container
  .ql-snow
  .ql-toolbar
  .ql-picker-item:hover
  .ql-stroke-miter,
body
  .p-editor-container
  .ql-snow.ql-toolbar
  .ql-picker-item.ql-selected
  .ql-stroke-miter,
body
  .p-editor-container
  .ql-snow
  .ql-toolbar
  .ql-picker-item.ql-selected
  .ql-stroke-miter {
  stroke: #007ad9;
}

body .p-rating a {
  text-align: center;
  display: inline-block;
  color: #333333;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

body .p-rating a.p-rating-cancel {
  color: #e4018d;
}

body .p-rating a .p-rating-icon {
  font-size: 20px;
}

body .p-rating:not(.p-state-disabled):not(.p-rating-readonly) a:hover {
  color: #007ad9;
}

body
  .p-rating:not(.p-state-disabled):not(.p-rating-readonly)
  a.p-rating-cancel:hover {
  color: #b5019f;
}

body .p-spinner .p-spinner-input {
  padding-right: 2.429em;
}

body .p-spinner .p-spinner-button {
  width: 2em;
}

body .p-spinner .p-spinner-button.p-spinner-up {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

body .p-spinner .p-spinner-button.p-spinner-down {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

body .p-spinner .p-spinner-button .p-spinner-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
}

body .p-fluid .p-spinner .p-spinner-input {
  padding-right: 2.429em;
}

body .p-fluid .p-spinner .p-spinner-button {
  width: 2em;
}

body .p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
  left: 50%;
}

body .p-slider {
  background-color: #c8c8c8;
  border: 0 none;
}

body .p-slider.p-slider-horizontal {
  height: 0.286em;
}

body .p-slider.p-slider-horizontal .p-slider-handle {
  top: 50%;
  margin-top: -0.5715em;
}

body .p-slider.p-slider-vertical {
  width: 0.286em;
}

body .p-slider.p-slider-vertical .p-slider-handle {
  left: 50%;
  margin-left: -0.5715em;
}

body .p-slider .p-slider-handle {
  height: 1.143em;
  width: 1.143em;
  background-color: #ffffff;
  border: 2px solid #666666;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

body .p-slider .p-slider-range {
  background-color: #007ad9;
}

body .p-slider:not(.p-state-disabled) .p-slider-handle:hover {
  background-color: 2px solid #666666;
  border: 2px solid #007ad9;
}

body .p-datepicker {
  padding: 0.657em;
  min-width: 20em;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #a6a6a6;
}

body .p-datepicker:not(.p-datepicker-inline) {
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

body
  .p-datepicker:not(.p-state-disabled)
  .p-datepicker-header
  .p-datepicker-prev:hover,
body
  .p-datepicker:not(.p-state-disabled)
  .p-datepicker-header
  .p-datepicker-next:hover {
  color: #007ad9;
}

body
  .p-datepicker:not(.p-state-disabled)
  .p-datepicker-header
  .p-datepicker-prev:focus,
body
  .p-datepicker:not(.p-state-disabled)
  .p-datepicker-header
  .p-datepicker-next:focus {
  outline: 0 none;
  color: #007ad9;
}

body
  .p-datepicker:not(.p-state-disabled)
  table
  td
  a:not(.p-state-active):not(.p-state-highlight):hover {
  background-color: #eaeaea;
}

body
  .p-datepicker:not(.p-state-disabled)
  .p-monthpicker
  a.p-monthpicker-month:not(.p-state-active):hover {
  background-color: #eaeaea;
}

body .p-datepicker .p-datepicker-header {
  justify-content: center;
  padding: 0px;
  background-color: #ffffff;
  color: #333333;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-bottom: 1px solid #80808036;
}

.p-hidden-accessible{
  display: none;
}
.p-checkbox .p-hidden-accessible{
  display: unset;
  position: unset;
}

.p-hidden-accessible input {
  transform: unset;
}

.p-datepicker-calendar .p-highlight {
  background-color: #58f5f5;
}

body .p-datepicker .p-datepicker-header .p-datepicker-prev,
body .p-datepicker .p-datepicker-header .p-datepicker-next {
  cursor: pointer;
  top: 0px;
  color: #a6a6a6;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  background: none;
  border: none;
  outline: 0;
}

body .p-datepicker .p-datepicker-header .p-datepicker-title {
  margin: 0;
  padding: 0;
  line-height: 1;
}

body .p-datepicker .p-datepicker-header .p-datepicker-title select {
  margin-top: -0.35em;
  margin-bottom: 0;
}

body .p-datepicker table {
  font-size: 14px;
  margin: 0.857em 0 0 0;
}

body .p-datepicker table th {
  padding: 0.2em;
}

body .p-datepicker table td {
  /* padding: 0.1em; */
  padding: 6px;
}

body .p-datepicker table td > a,
body .p-datepicker table td > span {
  display: block;
  text-align: center;
  color: #333333 !important;
  padding: 0.1em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

body .p-datepicker table td > a.p-state-active,
body .p-datepicker table td > span.p-state-active {
  color: #ffffff;
  background-color: #007ad9;
}

body .p-datepicker table td > a {
  cursor: pointer;
}

body .p-datepicker table td.p-datepicker-today > a,
body .p-datepicker table td.p-datepicker-today > span {
  background-color: navy;
  font-weight: bold;
  color: #7C3AED !important;
}

body .p-datepicker table td.p-datepicker-today > a.p-state-active,
body .p-datepicker table td.p-datepicker-today > span.p-state-active {
  color: #ffffff;
  background-color: #007ad9;
}

body .p-datepicker table td.p-datepicker-weekheader,
body .p-datepicker table td.p-datepicker-weeknumber {
  border-right: 1px solid #a6a6a6;
}

body .p-datepicker .p-datepicker-buttonbar {
  border-top: 1px solid #d8dae2;
}

body .p-datepicker .p-timepicker {
  border: 0 none;
  border-top: 1px solid #d8dae2;
  padding: 0.857em;
}

body .p-datepicker .p-timepicker a {
  color: #333333;
  font-size: 1.286em;
}

body .p-datepicker .p-timepicker a:hover {
  color: #007ad9;
}

body .p-datepicker .p-timepicker span {
  font-size: 1.286em;
}

body .p-datepicker .p-monthpicker .p-monthpicker-month {
  color: #333333;
}

body .p-datepicker .p-monthpicker .p-monthpicker-month.p-state-active {
  color: #ffffff;
  background-color: #007ad9;
}

body .p-datepicker.p-datepicker-timeonly {
  padding: 0;
}

body .p-datepicker.p-datepicker-timeonly .p-timepicker {
  border-top: 0 none;
}

body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-right: 1px solid #d8dae2;
  padding-right: 0.857em;
  padding-left: 0.857em;
  padding-top: 0;
  padding-bottom: 0;
}

body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
  padding-left: 0;
}

body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
  padding-right: 0;
  border-right: 0 none;
}

body .p-calendar.p-calendar-w-btn .p-inputtext {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  font-weight: bold;
  color: navy;
  border: 1px solid #ced4da;
  width: 75%;
}

body
  .p-calendar.p-calendar-w-btn
  .p-inputtext:enabled:hover:not(.p-state-error),
body
  .p-calendar.p-calendar-w-btn
  .p-inputtext:enabled:focus:not(.p-state-error) {
  border-right: 0 none;
}

body .p-calendar.p-calendar-w-btn .p-datepicker-trigger.p-button {
  width: 2.357em;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 35px;
  padding-bottom: 5px;
  padding-left: 7px;
  margin-top: 0px;
}

body .p-fluid .p-calendar.p-calendar-w-btn input.p-inputtext {
  width: calc(100% - 2.357em);
}

body .p-fileupload .p-fileupload-buttonbar {
  background-color: #f4f4f4;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
  border-bottom: 0 none;
}

body .p-fileupload .p-fileupload-buttonbar .p-button {
  margin-right: 8px;
}

body .p-fileupload .p-fileupload-content {
  background-color: #ffffff;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
}

body .p-fileupload .p-progressbar {
  top: 0;
}

body .p-fileupload-choose:not(.p-state-disabled):hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}

body .p-fileupload-choose:not(.p-state-disabled):active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}

body .p-fileupload-choose.p-state-focus {
  outline: 0 none;
  outline-offset: 0px;
}

body .p-password-panel {
  padding: 12px;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

body .p-inputgroup .p-inputgroup-addon {
  border-color: #a6a6a6;
  background-color: #eaeaea;
  color: #848484;
  padding: 0.429em;
  min-width: 2em;
}

body .p-inputgroup .p-inputgroup-addon:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

body .p-inputgroup .p-inputgroup-addon:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

body .p-inputgroup .p-inputgroup-addon.p-inputgroup-addon-checkbox {
  position: relative;
}

body .p-inputgroup .p-inputgroup-addon.p-inputgroup-addon-checkbox .p-checkbox {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

body .p-inputgroup .p-inputgroup-addon.p-inputgroup-addon-radiobutton {
  position: relative;
}

body
  .p-inputgroup
  .p-inputgroup-addon.p-inputgroup-addon-radiobutton
  .p-radiobutton {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

body .p-inputgroup .p-button:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

body .p-inputgroup .p-button:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

body .p-fluid .p-inputgroup .p-button {
  width: auto;
}

body .p-fluid .p-inputgroup .p-button.p-button-icon-only {
  width: 2.357em;
}

body ::-webkit-input-placeholder {
  color: #666666;
}

body :-moz-placeholder {
  color: #666666;
}

body ::-moz-placeholder {
  color: #666666;
}

body :-ms-input-placeholder {
  color: #666666;
}

body .p-inputtext.ng-dirty.ng-invalid,
body p-dropdown.ng-dirty.ng-invalid > .p-dropdown,
body p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext,
body p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext,
body p-chips.ng-dirty.ng-invalid > .p-inputtext,
body p-inputmask.ng-dirty.ng-invalid > .p-inputtext,
body p-checkbox.ng-dirty.ng-invalid .p-checkbox-box,
body p-radiobutton.ng-dirty.ng-invalid .p-radiobutton-box,
body p-inputswitch.ng-dirty.ng-invalid .p-inputswitch,
body p-listbox.ng-dirty.ng-invalid .p-inputtext,
body p-multiselect.ng-dirty.ng-invalid > .p-multiselect,
body p-spinner.ng-dirty.ng-invalid > .p-inputtext,
body p-selectbutton.ng-dirty.ng-invalid .p-button,
body p-togglebutton.ng-dirty.ng-invalid .p-button {
  border: 1px solid #a80000;
}

body .p-button {
  margin: 0;
  color: #ffffff;
  background-color: #007ad9;
  border: 1px solid #007ad9;
  font-size: 14px;
  -moz-transition: background-color 0.2s, box-shadow 0.2s;
  -o-transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-transition: background-color 0.2s, box-shadow 0.2s;
  transition: background-color 0.2s, box-shadow 0.2s;
}

body .p-button:enabled:hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}

body .p-button:enabled:focus {
  outline: 0 none;
  outline-offset: 0px;
  -webkit-box-shadow: 0 0 0 0.2em #8dcdff;
  -moz-box-shadow: 0 0 0 0.2em #8dcdff;
  box-shadow: 0 0 0 0.2em #8dcdff;
}

body .p-button:enabled:active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}

body .p-button.p-button-text-only .p-button-text {
  padding: 0.429em 1em;
}

body .p-button.p-button-text-icon-left .p-button-text {
  padding: 0.429em 1em 0.429em 2em;
}

body .p-button.p-button-text-icon-right .p-button-text {
  padding: 0.429em 2em 0.429em 1em;
}

body .p-button.p-button-icon-only {
  width: 2.357em;
}

body .p-button.p-button-icon-only .p-button-text {
  padding: 0.399em 0.429em 0.429em 0.429em !important;
}

body .p-button.p-button-raised {
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}

body .p-button.p-button-rounded {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

body .p-fluid .p-button-icon-only {
  width: 2.357em;
}

body .p-togglebutton {
  background-color: #dadada;
  border: 1px solid #dadada;
  color: #333333;
  -moz-transition: background-color 0.2s, box-shadow 0.2s;
  -o-transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-transition: background-color 0.2s, box-shadow 0.2s;
  transition: background-color 0.2s, box-shadow 0.2s;
}

body .p-togglebutton .p-button-icon-left {
  color: #666666;
}

body .p-togglebutton:not(.p-state-disabled):not(.p-state-active):hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
}

body
  .p-togglebutton:not(.p-state-disabled):not(.p-state-active):hover
  .p-button-icon-left {
  color: #212121;
}

body .p-togglebutton:not(.p-state-disabled):not(.p-state-active).p-state-focus {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
  outline: 0 none;
}

body
  .p-togglebutton:not(.p-state-disabled):not(.p-state-active).p-state-focus
  .p-button-icon-left {
  color: #212121;
}

body .p-togglebutton.p-state-active {
  background-color: #007ad9;
  border-color: #007ad9;
  color: #ffffff;
}

body .p-togglebutton.p-state-active .p-button-icon-left {
  color: #ffffff;
}

body .p-togglebutton.p-state-active:hover {
  background-color: #116fbf;
  border-color: #116fbf;
  color: #ffffff;
}

body .p-togglebutton.p-state-active:hover .p-button-icon-left {
  color: #ffffff;
}

body .p-togglebutton.p-state-active.p-state-focus {
  background-color: #005b9f;
  border-color: #005b9f;
  color: #ffffff;
}

body .p-togglebutton.p-state-active.p-state-focus .p-button-icon-left {
  color: #ffffff;
}

body .p-selectbutton .p-button {
  background-color: #dadada;
  border: 1px solid #dadada;
  color: #333333;
  -moz-transition: background-color 0.2s, box-shadow 0.2s;
  -o-transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-transition: background-color 0.2s, box-shadow 0.2s;
  transition: background-color 0.2s, box-shadow 0.2s;
}

body .p-selectbutton .p-button .p-button-icon-left {
  color: #666666;
}

body
  .p-selectbutton
  .p-button:not(.p-state-disabled):not(.p-state-active):hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
}

body
  .p-selectbutton
  .p-button:not(.p-state-disabled):not(.p-state-active):hover
  .p-button-icon-left {
  color: #212121;
}

body
  .p-selectbutton
  .p-button:not(.p-state-disabled):not(.p-state-active).p-state-focus {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
  outline: 0 none;
}

body
  .p-selectbutton
  .p-button:not(.p-state-disabled):not(.p-state-active).p-state-focus
  .p-button-icon-left {
  color: #212121;
}

body .p-selectbutton .p-button.p-state-active {
  background-color: #007ad9;
  border-color: #007ad9;
  color: #ffffff;
}

body .p-selectbutton .p-button.p-state-active .p-button-icon-left {
  color: #ffffff;
}

body .p-selectbutton .p-button.p-state-active:not(.p-state-disabled):hover {
  background-color: #116fbf;
  border-color: #116fbf;
  color: #ffffff;
}

body
  .p-selectbutton
  .p-button.p-state-active:not(.p-state-disabled):hover
  .p-button-icon-left {
  color: #ffffff;
}

body .p-selectbutton .p-button.p-state-active.p-state-focus {
  background-color: #005b9f;
  border-color: #005b9f;
  color: #ffffff;
}

body
  .p-selectbutton
  .p-button.p-state-active.p-state-focus
  .p-button-icon-left {
  color: #ffffff;
}

body .p-selectbutton .p-button:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

body .p-selectbutton .p-button:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media (max-width: 640px) {
  body .p-buttonset:not(.p-splitbutton) .p-button {
    margin-bottom: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
}

body .p-splitbutton.p-buttonset .p-button {
  border: 1px solid transparent;
}

body .p-splitbutton.p-buttonset .p-menu {
  min-width: 100%;
}

body .p-button.p-state-default.p-button-secondary,
body .p-buttonset.p-button-secondary > .p-button.p-state-default {
  color: #333333;
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4;
}

body .p-button.p-state-default.p-button-secondary:enabled:hover,
body .p-buttonset.p-button-secondary > .p-button.p-state-default:enabled:hover {
  background-color: #c8c8c8;
  color: #333333;
  border-color: #c8c8c8;
}

body .p-button.p-state-default.p-button-secondary:enabled:focus,
body .p-buttonset.p-button-secondary > .p-button.p-state-default:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2em #8dcdff;
  -moz-box-shadow: 0 0 0 0.2em #8dcdff;
  box-shadow: 0 0 0 0.2em #8dcdff;
}

body .p-button.p-state-default.p-button-secondary:enabled:active,
body
  .p-buttonset.p-button-secondary
  > .p-button.p-state-default:enabled:active {
  background-color: #a0a0a0;
  color: #333333;
  border-color: #a0a0a0;
}

body .p-button.p-state-default.p-button-info,
body .p-buttonset.p-button-info > .p-button.p-state-default {
  color: #ffffff;
  background-color: #007ad9;
  border: 1px solid #007ad9;
}

body .p-button.p-state-default.p-button-info:enabled:hover,
body .p-buttonset.p-button-info > .p-button.p-state-default:enabled:hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}

body .p-button.p-state-default.p-button-info:enabled:focus,
body .p-buttonset.p-button-info > .p-button.p-state-default:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2em #8dcdff;
  -moz-box-shadow: 0 0 0 0.2em #8dcdff;
  box-shadow: 0 0 0 0.2em #8dcdff;
}

body .p-button.p-state-default.p-button-info:enabled:active,
body .p-buttonset.p-button-info > .p-button.p-state-default:enabled:active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}

body .p-button.p-state-default.p-button-success,
body .p-buttonset.p-button-success > .p-button.p-state-default {
  color: #ffffff;
  background-color: #34a835;
  border: 1px solid #34a835;
}

body .p-button.p-state-default.p-button-success:enabled:hover,
body .p-buttonset.p-button-success > .p-button.p-state-default:enabled:hover {
  background-color: #107d11;
  color: #ffffff;
  border-color: #107d11;
}

body .p-button.p-state-default.p-button-success:enabled:focus,
body .p-buttonset.p-button-success > .p-button.p-state-default:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2em #aae5aa;
  -moz-box-shadow: 0 0 0 0.2em #aae5aa;
  box-shadow: 0 0 0 0.2em #aae5aa;
}

body .p-button.p-state-default.p-button-success:enabled:active,
body .p-buttonset.p-button-success > .p-button.p-state-default:enabled:active {
  background-color: #0c6b0d;
  color: #ffffff;
  border-color: #0c6b0d;
}

body .p-button.p-state-default.p-button-warning,
body .p-buttonset.p-button-warning > .p-button.p-state-default {
  color: #333333;
  background-color: #ffba01;
  border: 1px solid #ffba01;
}

body .p-button.p-state-default.p-button-warning:enabled:hover,
body .p-buttonset.p-button-warning > .p-button.p-state-default:enabled:hover {
  background-color: #ed990b;
  color: #333333;
  border-color: #ed990b;
}

body .p-button.p-state-default.p-button-warning:enabled:focus,
body .p-buttonset.p-button-warning > .p-button.p-state-default:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2em #ffeab4;
  -moz-box-shadow: 0 0 0 0.2em #ffeab4;
  box-shadow: 0 0 0 0.2em #ffeab4;
}

body .p-button.p-state-default.p-button-warning:enabled:active,
body .p-buttonset.p-button-warning > .p-button.p-state-default:enabled:active {
  background-color: #d38b10;
  color: #333333;
  border-color: #d38b10;
}

body .p-button.p-state-default.p-button-danger,
body .p-buttonset.p-button-danger > .p-button.p-state-default {
  color: #ffffff;
  background-color: #e91224;
  border: 1px solid #e91224;
}

body .p-button.p-state-default.p-button-danger:enabled:hover,
body .p-buttonset.p-button-danger > .p-button.p-state-default:enabled:hover {
  background-color: #c01120;
  color: #ffffff;
  border-color: #c01120;
}

body .p-button.p-state-default.p-button-danger:enabled:focus,
body .p-buttonset.p-button-danger > .p-button.p-state-default:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2em #f9b4ba;
  -moz-box-shadow: 0 0 0 0.2em #f9b4ba;
  box-shadow: 0 0 0 0.2em #f9b4ba;
}

body .p-button.p-state-default.p-button-danger:enabled:active,
body .p-buttonset.p-button-danger > .p-button.p-state-default:enabled:active {
  background-color: #a90000;
  color: #ffffff;
  border-color: #a90000;
}

body .p-widget-content p {
  line-height: 1.5;
  margin: 0;
}

body .p-panel {
  padding: 0;
  border: 0 none;
}

body .p-panel .p-panel-header {
  /* border: 1px solid navy;
    padding: 0.361em 1em;
    background:  #2BAED5; 
    color: #ffff;
    font-weight: 500;
    font-size: 18px;  */
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

body .p-panel .p-panel-header .p-panel-title {
  vertical-align: middle;
  font-weight: 700;
}

body .p-panel .p-panel-header .p-panel-header-icon {
  margin: 0;
  position: relative;
  font-size: 14px;
  color: #848484;
  border: 1px solid transparent;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

body .p-panel .p-panel-header .p-panel-header-icon:hover {
  color: #333333;
}

body .p-panel .p-panel-content {
  padding: 0.2em 0em !important;
  border: none;
  background-color: transparent;
  color: #333333;
  padding: 0.571em 1em;
  border-top: 0 none;
}

body .p-panel .p-panel-footer {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  border-top: 0 none;
  margin: 0;
}

body .p-fieldset {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
}

body .p-fieldset .p-fieldset-legend a {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #f4f4f4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

body .p-fieldset .p-fieldset-legend a .p-fieldset-toggler {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  color: #848484;
}

body .p-fieldset .p-fieldset-legend a .p-fieldset-legend-text {
  padding: 0;
}

body .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
  color: #333333;
}

body
  .p-fieldset.p-fieldset-toggleable
  .p-fieldset-legend
  a:hover
  .p-fieldset-toggler {
  color: #333333;
}

body .p-fieldset .p-fieldset-content {
  padding: 0;
}

body .p-accordion .p-accordion-header {
  margin-bottom: 2px;
}

body .p-accordion .p-accordion-header a {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #f4f4f4;
  color: #333333;
  font-weight: 700;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

body .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
  color: #848484;
}

body
  .p-accordion
  .p-accordion-header:not(.p-state-active):not(.p-state-disabled):hover
  a {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
  color: #333333;
}

body
  .p-accordion
  .p-accordion-header:not(.p-state-active):not(.p-state-disabled):hover
  a
  .p-accordion-toggle-icon {
  color: #333333;
}

body .p-accordion .p-accordion-header:not(.p-state-disabled).p-state-active a {
  background-color: #007ad9;
  border: 1px solid #007ad9;
  color: #ffffff;
}

body
  .p-accordion
  .p-accordion-header:not(.p-state-disabled).p-state-active
  a
  .p-accordion-toggle-icon {
  color: #ffffff;
}

body
  .p-accordion
  .p-accordion-header:not(.p-state-disabled).p-state-active:hover
  a {
  border: 1px solid #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}

body
  .p-accordion
  .p-accordion-header:not(.p-state-disabled).p-state-active:hover
  a
  .p-accordion-toggle-icon {
  color: #ffffff;
}

body .p-accordion .p-accordion-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

body .p-tabview .p-tabview-top,
body .p-tabview .p-tabview-bottom,
body .p-tabview .p-tabview-left,
body .p-tabview .p-tabview-right {
  border: 0 none;
}

body .p-tabview .p-tabview-top .p-tabview-nav,
body .p-tabview .p-tabview-bottom .p-tabview-nav,
body .p-tabview .p-tabview-left .p-tabview-nav,
body .p-tabview .p-tabview-right .p-tabview-nav {
  padding: 0;
  background: transparent;
  border: 0 none;
}

body .p-tabview .p-tabview-top .p-tabview-nav li,
body .p-tabview .p-tabview-bottom .p-tabview-nav li,
body .p-tabview .p-tabview-left .p-tabview-nav li,
body .p-tabview .p-tabview-right .p-tabview-nav li {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  color: navy;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

body .p-tabview .p-tabview-top .p-tabview-nav li a,
body .p-tabview .p-tabview-bottom .p-tabview-nav li a,
body .p-tabview .p-tabview-left .p-tabview-nav li a,
body .p-tabview .p-tabview-right .p-tabview-nav li a {
  float: none;
  display: inline-block;
  color: #007ad9 !important;
  padding: 0.571em 1em;
  font-weight: 700;
}

body .p-tabview .p-tabview-top .p-tabview-nav li a .p-tabview-left-icon,
body .p-tabview .p-tabview-bottom .p-tabview-nav li a .p-tabview-left-icon,
body .p-tabview .p-tabview-left .p-tabview-nav li a .p-tabview-left-icon,
body .p-tabview .p-tabview-right .p-tabview-nav li a .p-tabview-left-icon {
  margin-right: 0.5em;
}

body .p-tabview .p-tabview-top .p-tabview-nav li a .p-tabview-right-icon,
body .p-tabview .p-tabview-bottom .p-tabview-nav li a .p-tabview-right-icon,
body .p-tabview .p-tabview-left .p-tabview-nav li a .p-tabview-right-icon,
body .p-tabview .p-tabview-right .p-tabview-nav li a .p-tabview-right-icon {
  margin-left: 0.5em;
}

body .p-tabview.p-tabview-top .p-tabview-nav li .p-tabview-close,
body .p-tabview.p-tabview-bottom .p-tabview-nav li .p-tabview-close,
body .p-tabview.p-tabview-left .p-tabview-nav li .p-tabview-close,
body .p-tabview.p-tabview-right .p-tabview-nav li .p-tabview-close {
  color: #848484;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}

body
  .p-tabview.p-tabview-top
  .p-tabview-nav
  li:not(.p-state-active):not(.p-state-disabled):hover,
body
  .p-tabview.p-tabview-bottom
  .p-tabview-nav
  li:not(.p-state-active):not(.p-state-disabled):hover,
body
  .p-tabview.p-tabview-left
  .p-tabview-nav
  li:not(.p-state-active):not(.p-state-disabled):hover,
body
  .p-tabview.p-tabview-right
  .p-tabview-nav
  li:not(.p-state-active):not(.p-state-disabled):hover {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
}

body
  .p-tabview.p-tabview-top
  .p-tabview-nav
  li:not(.p-state-active):not(.p-state-disabled):hover
  a,
body
  .p-tabview.p-tabview-bottom
  .p-tabview-nav
  li:not(.p-state-active):not(.p-state-disabled):hover
  a,
body
  .p-tabview.p-tabview-left
  .p-tabview-nav
  li:not(.p-state-active):not(.p-state-disabled):hover
  a,
body
  .p-tabview.p-tabview-right
  .p-tabview-nav
  li:not(.p-state-active):not(.p-state-disabled):hover
  a {
  color: #333333;
}

body
  .p-tabview.p-tabview-top
  .p-tabview-nav
  li:not(.p-state-active):not(.p-state-disabled):hover
  .p-tabview-close,
body
  .p-tabview.p-tabview-bottom
  .p-tabview-nav
  li:not(.p-state-active):not(.p-state-disabled):hover
  .p-tabview-close,
body
  .p-tabview.p-tabview-left
  .p-tabview-nav
  li:not(.p-state-active):not(.p-state-disabled):hover
  .p-tabview-close,
body
  .p-tabview.p-tabview-right
  .p-tabview-nav
  li:not(.p-state-active):not(.p-state-disabled):hover
  .p-tabview-close {
  color: #333333;
}

body .p-tabview.p-tabview-top .p-tabview-nav li.p-state-active,
body .p-tabview.p-tabview-bottom .p-tabview-nav li.p-state-active,
body .p-tabview.p-tabview-left .p-tabview-nav li.p-state-active,
body .p-tabview.p-tabview-right .p-tabview-nav li.p-state-active {
  background-color: #2baed5;
  border: 1px solid #2baed5;
  color: #fff !important;
}

body .p-tabview.p-tabview-top .p-tabview-nav li.p-state-active a,
body .p-tabview.p-tabview-bottom .p-tabview-nav li.p-state-active a,
body .p-tabview.p-tabview-left .p-tabview-nav li.p-state-active a,
body .p-tabview.p-tabview-right .p-tabview-nav li.p-state-active a {
  color: #ffffff !important;
}

body .p-tabview.p-tabview-top .p-tabview-nav li.p-state-active .p-tabview-close,
body
  .p-tabview.p-tabview-bottom
  .p-tabview-nav
  li.p-state-active
  .p-tabview-close,
body
  .p-tabview.p-tabview-left
  .p-tabview-nav
  li.p-state-active
  .p-tabview-close,
body
  .p-tabview.p-tabview-right
  .p-tabview-nav
  li.p-state-active
  .p-tabview-close {
  color: #ffffff;
}

body .p-tabview.p-tabview-top .p-tabview-nav li.p-state-active:hover,
body .p-tabview.p-tabview-bottom .p-tabview-nav li.p-state-active:hover,
body .p-tabview.p-tabview-left .p-tabview-nav li.p-state-active:hover,
body .p-tabview.p-tabview-right .p-tabview-nav li.p-state-active:hover {
  border: 1px solid #005b9f;
  background-color: #005b9f;
}

body .p-tabview.p-tabview-top .p-tabview-nav li.p-state-active:hover a,
body .p-tabview.p-tabview-bottom .p-tabview-nav li.p-state-active:hover a,
body .p-tabview.p-tabview-left .p-tabview-nav li.p-state-active:hover a,
body .p-tabview.p-tabview-right .p-tabview-nav li.p-state-active:hover a {
  color: #ffffff;
}

body
  .p-tabview.p-tabview-top
  .p-tabview-nav
  li.p-state-active:hover
  a
  .p-tabview-left-icon,
body
  .p-tabview.p-tabview-top
  .p-tabview-nav
  li.p-state-active:hover
  a
  .p-tabview-right-icon,
body
  .p-tabview.p-tabview-bottom
  .p-tabview-nav
  li.p-state-active:hover
  a
  .p-tabview-left-icon,
body
  .p-tabview.p-tabview-bottom
  .p-tabview-nav
  li.p-state-active:hover
  a
  .p-tabview-right-icon,
body
  .p-tabview.p-tabview-left
  .p-tabview-nav
  li.p-state-active:hover
  a
  .p-tabview-left-icon,
body
  .p-tabview.p-tabview-left
  .p-tabview-nav
  li.p-state-active:hover
  a
  .p-tabview-right-icon,
body
  .p-tabview.p-tabview-right
  .p-tabview-nav
  li.p-state-active:hover
  a
  .p-tabview-left-icon,
body
  .p-tabview.p-tabview-right
  .p-tabview-nav
  li.p-state-active:hover
  a
  .p-tabview-right-icon {
  color: #ffffff;
}

body .p-tabview.p-tabview-top .p-tabview-nav li.p-tabview-selected a,
body .p-tabview.p-tabview-bottom .p-tabview-nav li.p-tabview-selected a,
body .p-tabview.p-tabview-left .p-tabview-nav li.p-tabview-selected a,
body .p-tabview.p-tabview-right .p-tabview-nav li.p-tabview-selected a {
  cursor: pointer;
}

/* body .p-tabview.p-tabview-top .p-tabview-nav {
    margin-bottom: 4px;
} */

body .p-tabview.p-tabview-top .p-tabview-nav li {
  margin-right: 5px;
}

body .p-tabview.p-tabview-bottom .p-tabview-nav {
  margin-top: -1px;
}

body .p-tabview.p-tabview-bottom .p-tabview-nav li {
  margin-right: 2px;
}

body .p-tabview.p-tabview-left .p-tabview-nav {
  margin-right: -px;
}

body .p-tabview.p-tabview-left .p-tabview-nav li {
  margin-bottom: 2px;
}

body .p-tabview.p-tabview-right .p-tabview-nav {
  margin-right: -1px;
}

body .p-tabview.p-tabview-right .p-tabview-nav li {
  margin-bottom: 2px;
}

body .p-tabview .p-tabview-panels {
  background-color: #ffffff;
  /* padding: 0.571em 1em; */
  border: none;
  color: black;
}

body .p-tabview .p-tabview-panels .p-tabview-panel {
  padding: 0;
}

body .p-toolbar {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}

body .p-toolbar button {
  vertical-align: middle;
}

body .p-toolbar .p-toolbar-separator {
  vertical-align: middle;
  color: #848484;
  margin: 0 0.5em;
}

body .p-card {
  /* background-color: #ffffff; */
  color: #333333;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */


    background: #FFFFFF;
    box-shadow: 0px 0px 12px 0px #0000001F;
}

body .p-paginator {
  /* background-color: #fff;
  border: none;
  text-align: right !important;
  padding: 0;
  justify-content: end !important;
  margin-top: 10px; */
      background: #FAFAFA;
    color: #6c757d;
    /* border: solid #e9ecef; */
    border: none;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 3px;
    display: flex;
    gap: 8px;
}

body .p-paginator .p-paginator-first,
body .p-paginator .p-paginator-prev,
body .p-paginator .p-paginator-next,
body .p-paginator .p-paginator-last {
  /* color: #848484; */
  height: 2.286em;
  min-width: 2.286em;
  border: 0 none;
  line-height: 2.286em;
  padding: 0;
  margin: 0;
  vertical-align: top;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;

  border-radius: 8px;
    background: white;
    border: none;
    color: #333333 !important;
}

body
  .p-paginator
  .p-paginator-first:not(.p-state-disabled):not(.p-state-active):hover,
body
  .p-paginator
  .p-paginator-prev:not(.p-state-disabled):not(.p-state-active):hover,
body
  .p-paginator
  .p-paginator-next:not(.p-state-disabled):not(.p-state-active):hover,
body
  .p-paginator
  .p-paginator-last:not(.p-state-disabled):not(.p-state-active):hover {
  background-color: #e0e0e0;
  color: #333333;
}

body .p-paginator .p-paginator-current {
  color: #848484;
  height: 2.286em;
  min-width: 2.286em;
  line-height: 2.286em;
}

body .p-paginator .p-dropdown {
  border: 0 none;
}

body .p-paginator .p-dropdown .p-dropdown-trigger,
body .p-paginator .p-dropdown .p-dropdown-label {
  color: #848484;
    height: 32px;
    text-align: center;
}

body .p-paginator .p-dropdown:hover .p-dropdown-trigger,
body .p-paginator .p-dropdown:hover .p-dropdown-label {
  color: #333333;
}

body .p-paginator .p-paginator-first:before {
  position: relative;
  top: 1px;
}

body .p-paginator .p-paginator-prev:before {
  position: relative;
}

body .p-paginator .p-paginator-next:before {
  position: relative;
  top: 1px;
}

body .p-paginator .p-paginator-last:before {
  position: relative;
  top: 1px;
}

body .p-paginator .p-paginator-pages {
  vertical-align: top;
  display: inline-block;
  padding: 0;
  margin-bottom: 12px;
  display: flex;
    gap: 8px;
}

body .p-paginator .p-paginator-pages .p-paginator-page {
  height: 2.286em;
  min-width: 2.286em;
  text-align: center !important;
  border: 0 none;
  line-height: 2.286em;
  padding: 0;
  margin: 0;
  background: white;
  border: none;
  color: #333333 !important;
  font-weight: bold;
  vertical-align: top;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 8px;
}

body .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background-color: #6555C5;
  font-weight: bold;
  border: 1px solid #6555C5;
  color: #ffffff !important;
  border-radius: 8px;
  margin: 0px 3px;

}

body .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
  background-color: #ffffff;
    color: #6555C5 !important;
    font-weight: bold;
    border-radius: 8px;
    border: 1px solid #6555C5;
}

body .p-paginator .p-dropdown {
  margin-left: 0em;
  height: 2.386em;
  min-width: auto;
}

body .p-datatable-table .p-datatable-table-caption,
body .p-datatable-table .p-datatable-table-summary {
  color: #333333;
  text-align: -webkit-right;
  padding: 0.38em 0em 0.321em 0em;
  text-align: center;
}

body .p-datatable-table .p-datatable-table-caption {
  border-bottom: 0 none;
  text-align: -webkit-right !important;
  /* margin: -44px 0px 0px 0px; */
  font-weight: 700;
}

body .p-datatable-table .p-datatable-table-summary {
  border-top: 0 none;
  font-weight: 700;
}

body .p-datatable-table .p-datatable-thead > tr > th {
    text-align: left;
    /* padding: 1rem 1rem; */
    padding: 1rem 0.5rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 500;
    color: #777777;
    background: #FAFAFA;
    transition: box-shadow 0.2s;
    font-size: 11px;
   /* text-transform: uppercase; */
   /* white-space: nowrap; */
   word-break: break-word;
}

body .p-datatable-table .p-datatable-table-tfoot > tr > td {
  font-size: 12px;
  padding: 0.571em 0.857em;
  border: 1px solid #c3c3ef;
  font-weight: 700;
  color: #333333;
  background-color: #ffffff;
}

body .p-datatable-table .p-sortable-column .p-sortable-column-icon {
  color: lightgrey;
}

body .p-datatable-table .p-sortable-column:not(.p-state-highlight):hover {
  color: #333333;
}

body
  .p-datatable-table
  .p-sortable-column:not(.p-state-highlight):hover
  .p-sortable-column-icon {
  color: #333333;
}

body .p-datatable-table .p-sortable-column.p-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

body
  .p-datatable-table
  .p-sortable-column.p-state-highlight
  .p-sortable-column-icon {
  color: #ffffff;
}

body .p-datatable-table .p-editable-column input {
  font-size: 14px;
  font-family: 'Inter', sans-serif;
}

body .p-datatable-table .p-editable-column input:focus {
  outline: 1px solid #007ad9;
  outline-offset: 2px;
}

body .p-datatable-table .p-datatable-table-tbody > tr {
  background-color: #ffffff;
  color: navy;
  font-weight: 500;
}

body .p-datatable-table .p-datatable-table-tbody > tr:hover {
  background-color: #03e4b8 !important;
  color: #fff !important;
  font-weight: 500;
}

body .p-datatable-table .p-datatable-table-tbody > tr > td {
  /* background-color: inherit; */
  border: none;
}

/* body .p-datatable-table .p-datatable-table-tbody>tr.p-state-highlight {
    background-color: #007ad9!important;
    color: #ffffff;
} */

body .p-datatable-table .p-datatable-table-tbody > tr.p-state-highlight a {
  color: #ffffff;
}

body .p-datatable-table .p-datatable-table-tbody > tr.p-contextmenu-selected {
  background-color: #007ad9;
  color: #ffffff;
}

body
  .p-datatable-table
  .p-datatable-table-tbody
  > tr.p-datatable-table-dragpoint-top
  > td {
  -webkit-box-shadow: inset 0 2px 0 0 #007ad9;
  -moz-box-shadow: inset 0 2px 0 0 #007ad9;
  box-shadow: inset 0 2px 0 0 #007ad9;
}

body
  .p-datatable-table
  .p-datatable-table-tbody
  > tr.p-datatable-table-dragpoint-bottom
  > td {
  -webkit-box-shadow: inset 0 -2px 0 0 #007ad9;
  -moz-box-shadow: inset 0 -2px 0 0 #007ad9;
  box-shadow: inset 0 -2px 0 0 #007ad9;
}

/* body .p-datatable-table .p-datatable-table-tbody>tr:nth-child(even).p-state-highlight {
    background-color: #007ad9;
    color: #ffffff;
} */

body
  .p-datatable-table
  .p-datatable-table-tbody
  > tr:nth-child(even).p-state-highlight
  a {
  color: #ffffff;
}

body
  .p-datatable-table
  .p-datatable-table-tbody
  > tr:nth-child(even).p-contextmenu-selected {
  background-color: #007ad9;
  color: #ffffff;
}

  .p-datatable .p-datatable-tbody > tr {
    background: #F6F6F6;
    color: #000000;
    transition: box-shadow 0.2s;
    border-bottom: 1px solid #E7E7E7;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.2px;
  }
tr:nth-child(even) {
  background: #FAFAFA !important;
}
tr:nth-child(odd) {
  background: #fff !important;
}
body
  .p-datatable-table.p-datatable-table-hoverable-rows
  .p-datatable-table-tbody
  > tr.p-selectable-row:not(.p-state-highlight):not(
    .p-contextmenu-selected
  ):hover {
  cursor: pointer;
  background-color: #eaeaea;
  color: #333333;
}

body .p-datatable-table .p-column-resizer-helper {
  background-color: #007ad9;
}

@media screen and (max-width: 40em) {
  body .p-datatable-table.p-datatable-table-responsive .p-paginator-top {
    border-bottom: 1px solid #c8c8c8;
  }
  body .p-datatable-table.p-datatable-table-responsive .p-paginator-bottom {
    border-top: 1px solid #c8c8c8;
  }
  body
    .p-datatable-table.p-datatable-table-responsive
    .p-datatable-table-tbody
    > tr
    > td {
    border: 0 none;
  }
}

body .p-datagrid .p-datagrid-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}

body .p-datagrid .p-datagrid-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

body .p-datagrid .p-datagrid-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}

body .p-datalist .p-datalist-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}

body .p-datalist .p-datalist-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

body .p-datalist .p-datalist-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}

body .p-datascroller .p-datascroller-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}

body .p-datascroller .p-datascroller-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

body .p-datascroller .p-datascroller-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}

body .p-virtualscroller .p-virtualscroller-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}

body .p-virtualscroller .p-virtualscroller-content {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
}

body .p-virtualscroller .p-virtualscroller-content .p-virtualscroller-list li {
  border-bottom: 1px solid #c8c8c8;
}

body .p-virtualscroller .p-virtualscroller-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}

body .p-dataview .p-dataview-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}

body .p-dataview .p-dataview-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

body .p-dataview .p-dataview-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}

body .fc th {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
  color: #333333;
  padding: 0.571em 1em;
}

body .fc td.p-widget-content {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  color: #333333;
}

body .fc td.fc-head-container {
  border: 1px solid #c8c8c8;
}

body .fc .fc-row {
  border-right: 1px solid #c8c8c8;
}

body .fc .fc-event {
  background-color: #116fbf;
  border: 1px solid #116fbf;
  color: #ffffff;
}

body .fc .fc-toolbar .fc-button {
  color: #ffffff;
  background-color: #007ad9;
  border: 1px solid #007ad9;
  font-size: 14px;
  -moz-transition: background-color 0.2s, box-shadow 0.2s;
  -o-transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-transition: background-color 0.2s, box-shadow 0.2s;
  transition: background-color 0.2s, box-shadow 0.2s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

body .fc .fc-toolbar .fc-button:enabled:hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}

body .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
}

body .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: "";
}

body .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
}

body .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: "";
}

body .fc .fc-toolbar .fc-button:focus {
  outline: 0 none;
  outline-offset: 0px;
  -webkit-box-shadow: 0 0 0 0.2em #8dcdff;
  -moz-box-shadow: 0 0 0 0.2em #8dcdff;
  box-shadow: 0 0 0 0.2em #8dcdff;
}

body .fc .fc-toolbar .fc-button-group .fc-button {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .fc .fc-toolbar .fc-button-group .fc-button:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

body .fc .fc-toolbar .fc-button-group .fc-button:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

body .fc .fc-divider {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
}

body .p-fluid .fc .fc-toolbar .fc-button {
  width: auto;
}

body .p-picklist .p-picklist-buttons button {
  font-size: 16px;
}

body .p-picklist .p-picklist-caption {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

body .p-picklist .p-picklist-filter-container {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
  border-bottom: 0 none;
}

body .p-picklist .p-picklist-filter-container input.p-picklist-filter {
  width: 100%;
  padding-right: 2em;
  text-indent: 0;
}

body .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
  top: 50%;
  margin-top: -0.5em;
  left: auto;
  right: 1.357em;
  color: #007ad9;
}

body .p-picklist .p-picklist-buttons {
  padding: 0.571em 1em;
}

body .p-picklist .p-picklist-list {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0;
}

body .p-picklist .p-picklist-list .p-picklist-item {
  padding: 0.429em 0.857em;
  margin: 0;
  border: 0 none;
  color: #333333;
  background-color: transparent;
}

body
  .p-picklist
  .p-picklist-list
  .p-picklist-item:not(.p-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}

body .p-picklist .p-picklist-list .p-picklist-item.p-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

body .p-picklist .p-picklist-list .p-picklist-droppoint-highlight {
  background-color: #007ad9;
}

@media (max-width: 40em) {
  body .p-picklist.p-picklist-responsive .p-picklist-buttons {
    padding: 0.571em 1em;
  }
}

body .p-orderlist .p-orderlist-controls {
  padding: 0.571em 1em;
}

body .p-orderlist .p-orderlist-controls button {
  font-size: 16px;
}

body .p-orderlist .p-orderlist-caption {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

body .p-orderlist .p-orderlist-filter-container {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
  border-bottom: 0 none;
}

body .p-orderlist .p-orderlist-filter-container input.p-inputtext {
  width: 100%;
  padding-right: 2em;
  text-indent: 0;
}

body .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
  top: 50%;
  margin-top: -0.5em;
  left: auto;
  right: 1.357em;
  color: #007ad9;
}

body .p-orderlist .p-orderlist-list {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0;
}

body .p-orderlist .p-orderlist-list .p-orderlist-item {
  padding: 0.429em 0.857em;
  margin: 0;
  border: 0 none;
  color: #333333;
  background-color: transparent;
}

body
  .p-orderlist
  .p-orderlist-list
  .p-orderlist-item:not(.p-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}

body .p-orderlist .p-orderlist-list .p-orderlist-item.p-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

body .p-orderlist .p-orderlist-list .p-orderlist-droppoint-highlight {
  background-color: #007ad9;
}

body .p-tree {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

body .p-tree .p-tree-container {
  padding: 0.286em;
  margin: 0;
}

body .p-tree .p-tree-container .p-treenode {
  padding: 0.143em 0;
}

body .p-tree .p-tree-container .p-treenode .p-treenode-content {
  padding: 0;
  border: 1px solid transparent;
}

body .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
  vertical-align: middle;
  display: inline-block;
  float: none;
  margin: 0 0.143em 0 0;
  color: #848484;
}

body
  .p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content
  .p-treenode-icon {
  vertical-align: middle;
  display: inline-block;
  margin: 0 0.143em 0 0;
  color: #848484;
}

body
  .p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content
  .p-treenode-label {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
  padding: 0.286em;
}

body
  .p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content
  .p-treenode-label.p-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

body .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
  margin: 0 0.5em 0 0;
}

body
  .p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content
  .p-checkbox
  .p-checkbox-icon {
  margin: 1px 0 0 0;
}

body
  .p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content.p-treenode-selectable
  .p-treenode-label:not(.p-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}

body .p-tree .p-tree-container .p-treenode .p-treenode-content > span {
  line-height: inherit;
}

body
  .p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content.p-treenode-dragover {
  background-color: #eaeaea;
  color: #333333;
}

body
  .p-tree
  .p-tree-container
  .p-treenode-droppoint.p-treenode-droppoint-active {
  background-color: #007ad9;
}

body .p-tree.p-tree-horizontal {
  padding-left: 0;
  padding-right: 0;
}

body .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

body
  .p-tree.p-tree-horizontal
  .p-treenode
  .p-treenode-content.p-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

body
  .p-tree.p-tree-horizontal
  .p-treenode
  .p-treenode-content
  .p-checkbox
  .p-icon {
  color: #007ad9;
}

body
  .p-tree.p-tree-horizontal
  .p-treenode
  .p-treenode-content
  .p-treenode-label:not(.p-state-highlight):hover {
  background-color: inherit;
  color: inherit;
}

body
  .p-tree.p-tree-horizontal
  .p-treenode
  .p-treenode-content.p-treenode-selectable:not(.p-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}

body .p-tree .p-tree-filter-container .p-tree-filter {
  width: 100%;
  padding-right: 2em;
}

body .p-tree .p-tree-filter-container .p-tree-filter-icon {
  top: 50%;
  left: auto;
  margin-top: -0.5em;
  right: 0.8em;
  color: #007ad9;
}

body
  .p-organizationchart
  .p-organizationchart-node-content.p-organizationchart-selectable-node:not(
    .p-state-highlight
  ):hover {
  background-color: #eaeaea;
  color: #333333;
}

body .p-organizationchart .p-organizationchart-node-content.p-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

body
  .p-organizationchart
  .p-organizationchart-node-content.p-state-highlight
  .p-node-toggler
  i {
  color: #00325a;
}

body .p-organizationchart .p-organizationchart-line-down {
  background-color: #c8c8c8;
}

body .p-organizationchart .p-organizationchart-line-left {
  border-right: 1px solid #c8c8c8;
  border-color: #c8c8c8;
}

body .p-organizationchart .p-organizationchart-line-top {
  border-top: 1px solid #c8c8c8;
  border-color: #c8c8c8;
}

body .p-organizationchart .p-organizationchart-node-content {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

body .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
  bottom: -0.7em;
  margin-left: -0.46em;
  color: #848484;
}

body .p-treetable .p-treetable-caption,
body .p-treetable .p-treetable-summary {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  text-align: center;
}

body .p-treetable .p-treetable-caption {
  border-bottom: 0 none;
  font-weight: 700;
}

body .p-treetable .p-treetable-summary {
  border-top: 0 none;
  font-weight: 700;
}

body .p-treetable .p-treetable-thead > tr > th {
  padding: 0.571em 0.857em;
  border: 1px solid #c8c8c8;
  font-weight: 700;
  color: #333333;
  background-color: #f4f4f4;
}

body .p-treetable .p-treetable-tbody > tr > td {
  padding: 0.571em 0.857em;
}

body .p-treetable .p-treetable-tfoot > tr > td {
  padding: 0.571em 0.857em;
  border: 1px solid #c8c8c8;
  font-weight: 700;
  color: #333333;
  background-color: #ffffff;
}

body .p-treetable .p-sortable-column .p-sortable-column-icon {
  color: #848484;
}

body .p-treetable .p-sortable-column:not(.p-state-highlight):hover {
  background-color: #e0e0e0;
  color: #333333;
}

body
  .p-treetable
  .p-sortable-column:not(.p-state-highlight):hover
  .p-sortable-column-icon {
  color: #333333;
}

body .p-treetable .p-sortable-column.p-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

body .p-treetable .p-sortable-column.p-state-highlight .p-sortable-column-icon {
  color: #ffffff;
}

body .p-treetable .p-editable-column input {
  font-size: 14px;
  font-family: 'Inter', sans-serif;
}

body .p-treetable .p-editable-column input:focus {
  outline: 1px solid #007ad9;
  outline-offset: 2px;
}

body .p-treetable .p-treetable-tbody > tr {
  background-color: #ffffff;
  color: #333333;
}

body .p-treetable .p-treetable-tbody > tr > td {
  background-color: inherit;
  border: 1px solid #c8c8c8;
}

body .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
  color: #848484;
  vertical-align: middle;
}

body .p-treetable .p-treetable-tbody > tr > td .p-treetable-chkbox {
  vertical-align: middle;
  margin-right: 0.5em;
}

body .p-treetable .p-treetable-tbody > tr.p-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

body .p-treetable .p-treetable-tbody > tr.p-state-highlight > td {
  background-color: inherit;
  border: 1px solid #c8c8c8;
}

body
  .p-treetable
  .p-treetable-tbody
  > tr.p-state-highlight
  > td
  .p-treetable-toggler {
  color: #ffffff;
}

body .p-treetable .p-treetable-tbody > tr.p-contextmenu-selected {
  background-color: #007ad9;
  color: #ffffff;
}

body .p-treetable .p-treetable-tbody > tr.p-contextmenu-selected > td {
  background-color: inherit;
  border: 1px solid #c8c8c8;
}

body
  .p-treetable
  .p-treetable-tbody
  > tr.p-contextmenu-selected
  > td
  .p-treetable-toggler {
  color: #ffffff;
}

body
  .p-treetable.p-treetable-hoverable-rows
  .p-treetable-tbody
  > tr:not(.p-state-highlight):not(.p-contextmenu-selected):hover {
  cursor: pointer;
  background-color: #eaeaea;
  color: #333333;
}

body .p-treetable .p-column-resizer-helper {
  background-color: #007ad9;
}

body .p-carousel .p-carousel-content .p-carousel-prev,
body .p-carousel .p-carousel-content .p-carousel-next {
  background-color: #ffffff;
  border: solid 1px rgba(178, 193, 205, 0.64);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0.2em;
  color: #333333;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

body
  .p-carousel
  .p-carousel-content
  .p-carousel-prev:not(.p-state-disabled):hover,
body
  .p-carousel
  .p-carousel-content
  .p-carousel-next:not(.p-state-disabled):hover {
  background-color: #ffffff;
  color: #007ad9;
  border-color: solid 1px rgba(178, 193, 205, 0.64);
}

body .p-carousel .p-carousel-dots-container .p-carousel-dot-item > .p-button {
  border-color: transparent;
  background-color: transparent;
}

body
  .p-carousel
  .p-carousel-dots-container
  .p-carousel-dot-item
  .p-carousel-dot-icon {
  width: 20px;
  height: 6px;
  background-color: #b2c1cd;
  margin: 0 0.2em;
}

body
  .p-carousel
  .p-carousel-dots-container
  .p-carousel-dot-item
  .p-carousel-dot-icon::before {
  content: " ";
}

body
  .p-carousel
  .p-carousel-dots-container
  .p-carousel-dot-item.p-state-highlight
  .p-carousel-dot-icon {
  background-color: #007ad9;
}

body .p-messages {
  padding: 1em;
  margin: 1em 0;
}

body .p-messages.p-messages-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}

body .p-messages.p-messages-info .p-messages-icon {
  color: #212121;
}

body .p-messages.p-messages-info .p-messages-close {
  color: #212121;
}

body .p-messages.p-messages-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}

body .p-messages.p-messages-success .p-messages-icon {
  color: #212121;
}

body .p-messages.p-messages-success .p-messages-close {
  color: #212121;
}

body .p-messages.p-messages-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}

body .p-messages.p-messages-warn .p-messages-icon {
  color: #212121;
}

body .p-messages.p-messages-warn .p-messages-close {
  color: #212121;
}

body .p-messages.p-messages-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}

body .p-messages.p-messages-error .p-messages-icon {
  color: #212121;
}

body .p-messages.p-messages-error .p-messages-close {
  color: #212121;
}

body .p-messages .p-messages-close {
  top: 0.25em;
  right: 0.5em;
  font-size: 1.5em;
}

body .p-messages .p-messages-icon {
  font-size: 2em;
}

body .p-message {
  padding: 0.429em;
  margin: 0;
}

body .p-message.p-message-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}

body .p-message.p-message-info .p-message-icon {
  color: #212121;
}

body .p-message.p-message-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}

body .p-message.p-message-success .p-message-icon {
  color: #212121;
}

body .p-message.p-message-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}

body .p-message.p-message-warn .p-message-icon {
  color: #212121;
}

body .p-message.p-message-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}

body .p-message.p-message-error .p-message-icon {
  color: #212121;
}

body .p-message .p-message-icon {
  font-size: 1.25em;
}

body .p-message .p-message-text {
  font-size: 1em;
}

body .p-growl {
  top: 70px;
}

body .p-growl .p-growl-item-container {
  margin: 0 0 1em 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

body .p-growl .p-growl-item-container .p-growl-item {
  padding: 1em;
}

body .p-growl .p-growl-item-container .p-growl-item .p-growl-message {
  margin: 0 0 0 4em;
}

body .p-growl .p-growl-item-container .p-growl-item .p-growl-image {
  font-size: 2.571em;
}

body .p-growl .p-growl-item-container.p-growl-message-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}

body .p-growl .p-growl-item-container.p-growl-message-info .p-growl-image {
  color: #212121;
}

body .p-growl .p-growl-item-container.p-growl-message-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}

body .p-growl .p-growl-item-container.p-growl-message-success .p-growl-image {
  color: #212121;
}

body .p-growl .p-growl-item-container.p-growl-message-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}

body .p-growl .p-growl-item-container.p-growl-message-warn .p-growl-image {
  color: #212121;
}

body .p-growl .p-growl-item-container.p-growl-message-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}

body .p-growl .p-growl-item-container.p-growl-message-error .p-growl-image {
  color: #212121;
}

/* body .p-toast .p-toast-message {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  margin: 0 0 1em 0;
}

body .p-toast .p-toast-message.p-toast-message-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}

body .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
  color: #212121;
  border: none;
  background: none;
  font-weight: bold;
}

body .p-toast .p-toast-message.p-toast-message-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}

body .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
  color: #212121;
  border: none;
  background: none;
  font-weight: bold;
}

body .p-toast .p-toast-message.p-toast-message-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}

body .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
  color: #212121;
  border: none;
  background: none;
  font-weight: bold;
}

body .p-toast .p-toast-message.p-toast-message-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}

body .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
  color: #212121;
  border: none;
  background: none;
} */



  .p-toast {
    /* opacity: 0.7; */
  }
  .p-toast .p-toast-message {
    margin: 0 0 1rem 0;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    /* padding: 1rem; */
    padding: 0.5rem;
    border-width: 0 0 0 6px;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
    margin: 0 0 0 1rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
    font-size: 0.7rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) {
    /* width: 1rem;
    height: 1rem;
    border: 0.5px solid #16a34a;
    border-radius: 50%;
    padding: 2px;
    color: #16a34a; */

    width: 1.5rem;
    height: 1.5rem;
    border: 0.5px solid #2ecb68c2;
    border-radius: 50%;
    padding: 5px;
    color: #ffffff;
    background-color: #2ecb68c2;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    /* font-weight: 500;
    font-size: 1rem; */
    font-weight: 600;
    font-size: 1rem;
    color: #008000;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    margin: 0;
    /* margin: 0.5rem 0 0 0; */
    font-size: 12px;
    font-weight: 400;
    color: #334155;
  }
  .p-toast-icon-close .p-toast-icon-close-icon svg{

    width: 12px !important;
    height: 12px !important;
}

  .p-toast .p-toast-message .p-toast-icon-close {
    width: 1.5rem;
    height: 1.5rem;
    /* border-radius: 50%; */
    border: none;
    background: transparent;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-toast .p-toast-message .p-toast-icon-close:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
    /* color: #044868; */
    color: #333;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    /* background: #f0fdf4;
    border-color: #bbf7d0;
    color: #16a34a;
    box-shadow:0px 4px 8px 0px 
       color-mix(in srgb, #22c55e, transparent 96%);
       border-width: 1px;
       border-style: solid;
       backdrop-filter: blur(1.5px);
       border-radius: 6px; */

       background: #ECF8EF;
       border-color: #43B75D;
       color: #000000;
       box-shadow: 0 2px 3px 0px rgba(31, 41, 55, 0.1), 0 0px 0px 0px rgba(31, 41, 55, 0.05);
       /* box-shadow: 0px 4px 8px 0px 
   color-mix(in srgb, #22c55e, transparent 96%); */
       border-width: 1px;
       border-style: solid;
       -webkit-backdrop-filter: blur(1.5px);
       backdrop-filter: blur(1.5px);
       border-radius: 11px;
  }
  
  .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
    color: #224a23;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
    color: #6d5100;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: #FDECEC;
    /* border: solid #e60017; */
    border-width: 0 0 0 6px;
    color: #73000c;
    border: 1.5px solid #EE443F;
  }
  .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
    color: #73000c;
  }


body .p-widget-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}

body .p-overlaypanel {
  background-color: #ffffff;
  color: #333333;
  padding: 0;
  border: 1px solid #c8c8c8;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .p-overlaypanel .p-overlaypanel-content {
  padding: 0.571em 1em;
}

body .p-overlaypanel .p-overlaypanel-close {
  background-color: #007ad9;
  color: #ffffff;
  width: 1.538em;
  height: 1.538em;
  line-height: 1.538em;
  text-align: center;
  position: absolute;
  top: -0.769em;
  right: -0.769em;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

body .p-overlaypanel .p-overlaypanel-close:hover {
  background-color: #005b9f;
  color: #ffffff;
}

body .p-overlaypanel .p-overlaypanel-close .p-overlaypanel-close-icon {
  line-height: inherit;
}

body .p-overlaypanel:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}

body .p-overlaypanel:before {
  border-color: rgba(200, 200, 200, 0);
  border-bottom-color: #c8c8c8;
}

body .p-overlaypanel.p-overlaypanel-flipped:after {
  border-top-color: #ffffff;
}

body .p-overlaypanel.p-overlaypanel-flipped:before {
  border-top-color: #c8c8c8;
}

body .p-dialog {
  padding: 0;
  max-height: 98%;
  /* -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); */

  border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0px 0px 24px 0px #00000066;
}

body .p-dialog .p-dialog-header {
   border: 1px solid #c8c8c8;
    color: #234C77;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 0 none;
    background-color: #F8F9FB;
    border-radius: 12px 12px 0px 0px;
    padding: 1.2em 0.75em;
}

body .p-dialog .p-dialog-header .p-dialog-title {
  margin: 0;
  float: none;
}

body .p-dialog .p-dialog-header .p-dialog-header-icon {
      /* background: #777777; */
  border: 0 none;
  padding: 0;
  margin-left: 0.5em;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-align: center;
}

body .p-dialog .p-dialog-header .p-dialog-header-icon:hover {
  color: #333333;
}

body .p-dialog .p-dialog-content {
  /* background-color: #ffff;
  color: navy;
  border: 1px solid #c8c8c8;
  box-shadow: 0 2px 24px rgb(13, 64, 111);
  padding: 0px 20px 0px 20px; */
  background-color: #ffff;
  color: #000000;
;
  padding: 10px 20px 10px 20px;
  border-radius: 0px 0px 8px 8px;
}

body .p-dialog .p-dialog-footer {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
  margin: 0;
  text-align: right;
  position: relative;
  top: -1px;
}

body .p-dialog .p-dialog-footer button {
  margin: 0 0.5em 0 0;
  width: auto;
}

body .p-dialog.p-confirm-dialog .p-dialog-content {
  padding: 1.5em;
}

body .p-dialog.p-confirm-dialog .p-dialog-content > span {
  float: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  margin: 0;
}

body .p-dialog.p-confirm-dialog .p-dialog-content > span.p-icon {
  margin-right: 0.35em;
  font-size: 16px;
}

body .p-sidebar {
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

body .p-sidebar .p-sidebar-close {
  color: #848484;
}

body .p-sidebar .p-sidebar-close:hover {
  color: #333333;
}

body .p-tooltip .p-tooltip-text {
   /* background-color: #ffffff;
  color: #111111; */
  background-color: #CBD5E1;
  color: #212121;
  padding: 0.7em;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

body .p-tooltip.p-tooltip-right .p-tooltip-arrow {
  /* border-right-color: #ffffff; */
  border-right-color: #CBD5E1;
}

body .p-tooltip.p-tooltip-left .p-tooltip-arrow {
  /* border-left-color: #ffffff; */
  border-left-color: #CBD5E1;
}

body .p-tooltip.p-tooltip-top .p-tooltip-arrow {
  /* border-top-color:#ffffff; */
  border-top-color:#CBD5E1;
}

body .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
  /* border-bottom-color: #ffffff; */
  border-bottom-color: #CBD5E1;
}

body .p-lightbox {
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

body .p-lightbox .p-lightbox-caption {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  color: #333333;
  padding: 0.571em 1em;
  font-weight: 700;
}

body .p-lightbox .p-lightbox-caption .p-lightbox-caption-text {
  color: #333333;
  margin: 0;
}

body .p-lightbox .p-lightbox-caption .p-lightbox-close {
  padding: 0;
  color: #848484;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

body .p-lightbox .p-lightbox-caption .p-lightbox-close:hover {
  color: #333333;
}

body .p-lightbox .p-lightbox-content-wrapper {
  overflow: hidden;
  background-color: #ffffff;
  color: #333333;
  border: 0 none;
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-left,
body .p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-right {
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 3em;
  color: #ffffff;
  margin-top: -0.5em;
}

body .p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-left:hover,
body .p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-right:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

body
  .p-lightbox
  .p-lightbox-content-wrapper
  .p-lightbox-content.p-lightbox-loading
  ~ a {
  display: none;
}

body .p-breadcrumb {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}

body .p-breadcrumb ul li .p-menuitem-link {
  color: #333333;
  margin: 0;
}

body .p-breadcrumb ul li.p-breadcrumb-chevron {
  margin: 0 0.5em 0 0.5em;
  color: #848484;
}

body .p-breadcrumb ul li:first-child a {
  color: #848484;
  margin: 0;
}

body .p-breadcrumb ul li .p-menuitem-icon {
  color: #848484;
}

body .p-steps {
  position: relative;
}

body .p-steps .p-steps-item {
  background-color: transparent;
  text-align: center;
}

body .p-steps .p-steps-item .p-menuitem-link {
  display: inline-block;
  text-align: center;
  background-color: transparent;
  overflow: hidden;
}

body .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  position: relative;
  top: 16px;
  margin-bottom: 14px;
  width: 28px;
  height: 28px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

body .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  display: block;
  margin-top: 6px;
  color: #848484;
}

body .p-steps .p-steps-item.p-state-highlight .p-steps-number {
  background: #007ad9;
  color: #ffffff;
}

body .p-steps .p-steps-item.p-state-highlight .p-steps-title {
  font-weight: 700;
  color: #333333;
}

body .p-steps .p-steps-item:last-child .p-menuitem-link {
  display: block;
}

body .p-steps:before {
  content: " ";
  border-top: 1px solid #c8c8c8;
  width: 100%;
  top: 45%;
  left: 0;
  display: block;
  position: absolute;
}

body .p-menu .p-menuitem-link,
body .p-menubar .p-menuitem-link,
body .p-tieredmenu .p-menuitem-link,
body .p-contextmenu .p-menuitem-link,
body .p-megamenu .p-menuitem-link,
body .p-slidemenu .p-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
  font-weight: normal;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .p-menu .p-menuitem-link .p-menuitem-text,
body .p-menubar .p-menuitem-link .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link .p-menuitem-text,
body .p-contextmenu .p-menuitem-link .p-menuitem-text,
body .p-megamenu .p-menuitem-link .p-menuitem-text,
body .p-slidemenu .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

body .p-menu .p-menuitem-link .p-menuitem-icon,
body .p-menubar .p-menuitem-link .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link .p-menuitem-icon,
body .p-megamenu .p-menuitem-link .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
  color: #333333;
  margin-right: 0.5em;
}

body .p-menu .p-menuitem-link:hover,
body .p-menubar .p-menuitem-link:hover,
body .p-tieredmenu .p-menuitem-link:hover,
body .p-contextmenu .p-menuitem-link:hover,
body .p-megamenu .p-menuitem-link:hover,
body .p-slidemenu .p-menuitem-link:hover {
  background-color: #eaeaea;
}

body .p-menu .p-menuitem-link:hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text {
  color: #333333;
}

body .p-menu .p-menuitem-link:hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon {
  color: #333333;
}

body .p-menu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}

body .p-menu .p-menuitem {
  margin: 0;
}

body .p-menu.p-shadow {
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

body .p-menu .p-submenu-header {
  margin: 0;
  padding: 0.714em 0.857em;
  color: #333333;
  background-color: #f4f4f4;
  font-weight: 700;
  border: 0 none;
}

body .p-menu .p-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}

body .p-menubar {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}

body .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
  padding: 0.714em 0.857em;
}

body .p-menubar .p-menubar-root-list > .p-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 0 0 0 1px;
}

body .p-menubar .p-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

body .p-menubar .p-submenu-list .p-menuitem {
  margin: 0;
}

body .p-menubar .p-submenu-list .p-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}

body .p-menubar .p-menuitem {
  margin: 0;
}

body .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background-color: #eaeaea;
}

body
  .p-menubar
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-text {
  color: #333333;
}

body
  .p-menubar
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-icon,
body
  .p-menubar
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-submenu-icon {
  color: #333333;
}

body .p-contextmenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

body .p-contextmenu .p-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

body .p-contextmenu .p-menuitem {
  margin: 0;
}

body .p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
  right: 0.429em;
}

body .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background-color: #eaeaea;
}

body
  .p-contextmenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-text {
  color: #333333;
}

body
  .p-contextmenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-icon,
body
  .p-contextmenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-submenu-icon {
  color: #333333;
}

body .p-contextmenu .p-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}

body .p-tieredmenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}

body .p-tieredmenu .p-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

body .p-tieredmenu .p-menuitem {
  margin: 0;
}

body .p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
  right: 0.429em;
}

body .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background-color: #eaeaea;
}

body
  .p-tieredmenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-text {
  color: #333333;
}

body
  .p-tieredmenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-icon,
body
  .p-tieredmenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-submenu-icon {
  color: #333333;
}

body .p-tieredmenu .p-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}

body .p-slidemenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}

body .p-slidemenu .p-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 0 none;
}

body .p-slidemenu .p-menuitem {
  margin: 0;
}

body .p-slidemenu .p-menuitem .p-menuitem-link .p-submenu-icon {
  right: 0.429em;
}

body .p-slidemenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background-color: #eaeaea;
}

body
  .p-slidemenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-text {
  color: #333333;
}

body
  .p-slidemenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-icon,
body
  .p-slidemenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-submenu-icon {
  color: #333333;
}

body .p-slidemenu .p-slidemenu-backward {
  margin: 0;
  padding: 0.571em 1em;
  color: #333333;
  background-color: #f4f4f4;
  font-weight: 700;
  border: 0 none;
}

body .p-slidemenu .p-slidemenu-backward:hover {
  background-color: #dbdbdb;
  color: #333333;
}

body .p-slidemenu .p-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}

body .p-tabmenu {
  border: 0 none;
}

body .p-tabmenu .p-tabmenu-nav {
  padding: 0;
  background: transparent;
  border-bottom: 1px solid #c8c8c8;
}

body .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
  position: static;
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  margin-right: 2px;
  margin-bottom: -1px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

body .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  color: #333333;
  padding: 0.571em 1em;
}

body
  .p-tabmenu
  .p-tabmenu-nav
  .p-tabmenuitem
  .p-menuitem-link
  .p-menuitem-text {
  color: #333333;
  margin-right: 0.5em;
}

body
  .p-tabmenu
  .p-tabmenu-nav
  .p-tabmenuitem
  .p-menuitem-link
  .p-menuitem-icon {
  color: #848484;
  margin-right: 0.5em;
}

body
  .p-tabmenu
  .p-tabmenu-nav
  .p-tabmenuitem:not(.p-state-active):not(.p-state-disabled):hover {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
}

body
  .p-tabmenu
  .p-tabmenu-nav
  .p-tabmenuitem:not(.p-state-active):not(.p-state-disabled):hover
  .p-menuitem-link
  .p-menuitem-text {
  color: #333333;
}

body
  .p-tabmenu
  .p-tabmenu-nav
  .p-tabmenuitem:not(.p-state-active):not(.p-state-disabled):hover
  .p-menuitem-link
  .p-menuitem-icon {
  color: #333333;
}

body .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-state-active {
  background-color: #007ad9;
  border: 1px solid #007ad9;
}

body
  .p-tabmenu
  .p-tabmenu-nav
  .p-tabmenuitem.p-state-active
  .p-menuitem-link
  .p-menuitem-text {
  color: #ffffff;
}

body
  .p-tabmenu
  .p-tabmenu-nav
  .p-tabmenuitem.p-state-active
  .p-menuitem-link
  .p-menuitem-icon {
  color: #ffffff;
}

body .p-megamenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}

body .p-megamenu .p-megamenu-submenu-header {
  margin: 0;
  padding: 0.571em 1em;
  color: #333333;
  background-color: #f4f4f4;
  font-weight: 700;
  border: 0 none;
}

body .p-megamenu .p-megamenu-panel {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

body .p-megamenu .p-menuitem {
  margin: 0;
}

body .p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon {
  right: 0.429em;
}

body .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background-color: #eaeaea;
}

body
  .p-megamenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-text {
  color: #333333;
}

body
  .p-megamenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-icon,
body
  .p-megamenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-submenu-icon {
  color: #333333;
}

body
  .p-megamenu.p-megamenu-vertical
  .p-megamenu-root-list
  > .p-menuitem
  > .p-menuitem-link
  > .p-submenu-icon {
  right: 0.429em;
}

body .p-panelmenu .p-icon {
  position: static;
}

body .p-panelmenu .p-panelmenu-header {
  padding: 0;
}

body .p-panelmenu .p-panelmenu-header > a {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  color: #333333;
  padding: 0.714em 0.857em;
  font-weight: 700;
  position: static;
  font-size: 14px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

body .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
  color: #848484;
}

body .p-panelmenu .p-panelmenu-header:not(.p-state-active) > a:hover {
  outline: 0 none;
  border: 1px solid #dbdbdb;
  background-color: #dbdbdb;
  color: #333333;
}

body
  .p-panelmenu
  .p-panelmenu-header:not(.p-state-active)
  > a:hover
  .p-panelmenu-icon {
  color: #333333;
}

body .p-panelmenu .p-panelmenu-header.p-state-active > a {
  border: 1px solid #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}

body .p-panelmenu .p-panelmenu-header.p-state-active > a .p-panelmenu-icon {
  color: #ffffff;
}

body .p-panelmenu .p-panelmenu-header.p-state-active > a:hover {
  outline: 0 none;
  border: 1px solid #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}

body
  .p-panelmenu
  .p-panelmenu-header.p-state-active
  > a:hover
  .p-panelmenu-icon {
  color: #ffffff;
}

body .p-panelmenu .p-panelmenu-panel {
  margin-top: 2px;
}

body .p-panelmenu .p-panelmenu-panel:first-child {
  margin-top: 0;
}

body .p-panelmenu .p-panelmenu-content {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  margin-top: 0;
  position: static;
  border-top: 0 none;
}

body .p-panelmenu .p-panelmenu-content .p-menuitem {
  margin: 0;
}

body .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
}

body .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:hover {
  background-color: #eaeaea;
}

body
  .p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  .p-menuitem-link:hover
  .p-menuitem-icon,
body
  .p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  .p-menuitem-link:hover
  .p-panelmenu-icon {
  color: #333333;
}

body
  .p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  .p-menuitem-link:hover
  .p-menuitem-text {
  color: #333333;
}

body .p-progressbar {
  border: 0 none;
  height: 24px;
  background-color: #eaeaea;
}

body .p-progressbar .p-progressbar-value {
  border: 0 none;
  margin: 0;
  background: #007ad9;
}

body .p-progressbar .p-progressbar-label {
  margin-top: 0;
  color: #333333;
  line-height: 24px;
}

body .p-galleria .p-galleria-nav-prev,
body .p-galleria .p-galleria-nav-next {
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  color: #848484;
}

body .p-galleria .p-galleria-nav-prev:hover,
body .p-galleria .p-galleria-nav-next:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

body .p-galleria .p-galleria-nav-prev {
  font-size: 16px;
}

body .p-galleria .p-galleria-nav-next {
  font-size: 16px;
}

body .p-terminal {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}

body .p-terminal .p-terminal-input {
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  height: 16px;
}

body .p-terminal .p-terminal-command {
  height: 16px;
}

body .p-inplace {
  min-height: 2.357em;
}

body .p-inplace .p-inplace-display {
  padding: 0.429em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

body .p-inplace .p-inplace-display:not(.p-state-disabled):hover {
  background-color: #eaeaea;
  color: #333333;
}

body .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > :first-child {
  display: inline-block;
  width: calc(100% - 2.357em);
}
body .p-datatable-table .p-datatable-tbody > tr:hover {
  /* background-color: #D7D4ED !important; */
  background-color: #CCE8FE !important;
    color: #000000 !important;
  font-weight: 500;
}
.has-search {
  position: relative;
}
.fa-search {
  top: 0px;
  position: absolute;
  left: 0px;
}
.has-search > .form-control {
  padding-left: 2.375rem;
}
.has-search > .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 34px;
  height: 8.375rem;
  line-height: 2.375rem;
  text-align: right;
  pointer-events: none;
  color: #0f0f0f;

  font-size: large;
}
.has-search {
  position: relative;
}
.error-message {
  color: red !important;
}
.form-signin {
  margin: 0;
}
/* #toggle_btn {
  margin-top: 15px;
} */
/* .p-sortable-column {
  display: flex !important;
  gap: 2%;
} */

.spinner_overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #0000009e;
  opacity: 0.2;
  z-index: 9999;
}

.dots {
  width: 0;
  height: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-filter: url(#goo);
  filter: url(#goo);
  z-index: 9999;
}

.dot {
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.dot:before {
  content: "";
  width: 35px;
  height: 35px;
  border-radius: 50px;
  background: #fbd301;
  position: absolute;
  left: 50%;
  -webkit-transform: translateY(0) rotate(0deg);
  transform: translateY(0) rotate(0deg);
  margin-left: -17.5px;
  margin-top: -17.5px;
}

@-webkit-keyframes dot-move {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  18%,
  22% {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
  }
  40%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes dot-move {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  18%,
  22% {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
  }
  40%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes dot-colors {
  0% {
    background-color: #fbd301;
  }
  25% {
    background-color: #ff3270;
  }
  50% {
    background-color: #208bf1;
  }
  75% {
    background-color: #afe102;
  }
  100% {
    background-color: #fbd301;
  }
}

@keyframes dot-colors {
  0% {
    background-color: #fbd301;
  }
  25% {
    background-color: #ff3270;
  }
  50% {
    background-color: #208bf1;
  }
  75% {
    background-color: #afe102;
  }
  100% {
    background-color: #fbd301;
  }
}

.dot:nth-child(5):before {
  z-index: 100;
  width: 45.5px;
  height: 45.5px;
  margin-left: -22.75px;
  margin-top: -22.75px;
  -webkit-animation: dot-colors 4s ease infinite;
  animation: dot-colors 4s ease infinite;
}

@-webkit-keyframes dot-rotate-1 {
  0% {
    -webkit-transform: rotate(-105deg);
    transform: rotate(-105deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@keyframes dot-rotate-1 {
  0% {
    -webkit-transform: rotate(-105deg);
    transform: rotate(-105deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

.dot:nth-child(1) {
  -webkit-animation: dot-rotate-1 4s 0s linear infinite;
  animation: dot-rotate-1 4s 0s linear infinite;
}

.dot:nth-child(1):before {
  background-color: #ff3270;
  -webkit-animation: dot-move 4s 0s ease infinite;
  animation: dot-move 4s 0s ease infinite;
}

@-webkit-keyframes dot-rotate-2 {
  0% {
    -webkit-transform: rotate(165deg);
    transform: rotate(165deg);
  }
  100% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
}

@keyframes dot-rotate-2 {
  0% {
    -webkit-transform: rotate(165deg);
    transform: rotate(165deg);
  }
  100% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
}

.dot:nth-child(2) {
  -webkit-animation: dot-rotate-2 4s 1s linear infinite;
  animation: dot-rotate-2 4s 1s linear infinite;
}

.dot:nth-child(2):before {
  background-color: #208bf1;
  -webkit-animation: dot-move 4s 1s ease infinite;
  animation: dot-move 4s 1s ease infinite;
}

@-webkit-keyframes dot-rotate-3 {
  0% {
    -webkit-transform: rotate(435deg);
    transform: rotate(435deg);
  }
  100% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
}

@keyframes dot-rotate-3 {
  0% {
    -webkit-transform: rotate(435deg);
    transform: rotate(435deg);
  }
  100% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
}

.dot:nth-child(3) {
  -webkit-animation: dot-rotate-3 4s 2s linear infinite;
  animation: dot-rotate-3 4s 2s linear infinite;
}

.dot:nth-child(3):before {
  background-color: #afe102;
  -webkit-animation: dot-move 4s 2s ease infinite;
  animation: dot-move 4s 2s ease infinite;
}

@-webkit-keyframes dot-rotate-4 {
  0% {
    -webkit-transform: rotate(705deg);
    transform: rotate(705deg);
  }
  100% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

@keyframes dot-rotate-4 {
  0% {
    -webkit-transform: rotate(705deg);
    transform: rotate(705deg);
  }
  100% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

.dot:nth-child(4) {
  -webkit-animation: dot-rotate-4 4s 3s linear infinite;
  animation: dot-rotate-4 4s 3s linear infinite;
}

.dot:nth-child(4):before {
  background-color: #fbd301;
  -webkit-animation: dot-move 4s 3s ease infinite;
  animation: dot-move 4s 3s ease infinite;
}

body .p-checkbox .p-hidden-accessible input {
  width: 20px;
  height: 20px;
}
/* medical record css */

td {
  padding: 1px;
}
.red-color {
  color: #880808 !important;
}
.green-color {
  color: #06d85f;
  font-size: 18px;
  margin-top: 4px;
}
.Absentclass {
  border-radius: 100px;
  padding: 0px 5px 3px 5px;
  font-size: 15px;
  font-weight: 900;
  border: 1px solid orange;
  background: orange;
  color: #fff;
}
.rescheduleyes {
  color: maroon;
  /* text-decoration: underline; */
  font-weight: bolder;
  font-size: 16px;
  padding: 2px;
  font-style: normal;
  border:1px solid;
  border-radius:100%;
}
.rescheduleno {
  color: red;
  text-decoration: underline;
  font-weight: bolder;
  font-size: 18px;
  font-style: normal;
}
.rescheduleyes1 {
  color: maroon;
  /* text-decoration: underline; */
  font-weight: bolder;
  font-size: 10px;
  /* padding: 2px; */
  font-style: normal;
  border:1px solid;
  border-radius:15%;
}
.rescheduleyessub1 {
  color: maroon;
  font-weight: bolder;
  font-size: 10px;
  font-style: normal;
}
.rescheduleno1 {
  color: red;
  text-decoration: underline;
  font-weight: bolder;
  font-size: 10px;
  font-style: normal;
}
.giveclss{
  color: green; 
  font-size: 10px;
  font-style: normal;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: visible;
  opacity: 1;
}

.popup {
  /* margin: 70px auto;*/
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out;
  top: 40%;
  left: 27%;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: 'Inter', sans-serif;
}
.popup .close {
  position: absolute;
  top: 0px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06d85f;
  cursor: pointer;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
.MDclass {
  border-radius: 100px;
  padding: 4px;
  font-size: 9px;
  font-weight: 900;
  border: 1px solid #00008045;
}
/* table,
th,
td {
  border: 0.5px solid #80808061 !important;
  border-collapse: collapse;
  color: black;
} */
/* tr:nth-child(even) {
  background: #fff !important;
} */

@media screen and (max-width: 700px) {
  .popup {
    width: 70%;
  }
}
@media print {
  @page {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 0px;
    margin-left: 20px;
  }
}



.custom-tooltip .p-tooltip-text {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(46, 53, 46) !important;
  width: 190px;
  height: auto;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 5px 20px;
}


.p-paginator .p-dropdown-panel {
  top: auto !important;
  bottom: 100%; /* Position it above the dropdown */
}


/* Table Scroll Bar css 

/* Applies to all scrollable areas within the table */
 .p-datatable .p-datatable-wrapper {
  overflow-y: auto;
}

/* Styling for the scrollbar track */
 .p-datatable .p-datatable-wrapper::-webkit-scrollbar-track {
  background-color: #f4f4f4; /* Light grey background for the track */
  border-radius: 10px;
}

/* Styling for the scrollbar handle */
 .p-datatable .p-datatable-wrapper::-webkit-scrollbar-thumb {
  background-color: #b4b4b4; /* Darker grey for the scrollbar handle */
  border-radius: 10px;
}

/* Optional: Styling for the scrollbar handle on hover */
 .p-datatable .p-datatable-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Darker shade on hover */
}

/* Sets the size of the scrollbar to be slimmer */
 .p-datatable .p-datatable-wrapper::-webkit-scrollbar {
  width: 6px; /* Slimmer width for the scrollbar */
  height: 6px; /* Adjust height as necessary, for horizontal scrollbars */
}






.body .p-multiselect-panel .p-multiselect-header {
  padding-left: 1rem;
  padding-right: 1rem;
}

.body  .p-multiselect {
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
}
.body  .p-multiselect.p-disabled {
  opacity: 1;
  background-color: #e2e8f0;
}
.body  .p-multiselect.p-disabled .p-multiselect-label {
  color: #64748b;
}
.body  .p-multiselect.p-multiselect-chip .p-multiselect-token {
  border-radius: 4px;
  margin-right: 0.25rem;
}
.body  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
  margin-left: 0.375rem;
}


.body  .p-multiselect-item .p-checkbox .p-checkbox-box {
  border: 1px solid #cbd5e1;
  background: #ffffff;
  width: 1.25rem;
  height: 1.25rem;
  color: #334155;
  border-radius: 6px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
  outline-color: transparent;

}