/* Base Form, Grid styles - start */
.custom_navbar { overflow: hidden; position: fixed; top: 0; width: 100%; background: #fff; border-bottom: 1px solid #d3d3d3; z-index: 1000; padding: 10px; padding-left: 30px;  margin-left: -10px; }
.form-outer { padding: 10px; padding-left: 20px; padding-right: 20px; }
.btn-light { border: 1px solid #d3d3d3 !important; }
.my-center-text { text-align: center; width: 100%; }
.slider-label { margin-bottom: 35px; }
.MuiRating-iconFilled, .MuiRating-iconEmpty { margin-top: 3px; }
.grid-search { min-width: 300px; max-width: 500px; }
.stretch, .p-chips-multiple-container, .p-password-input { width: 100% !important; }
.grid-outer { max-width: 100%; overflow-x: auto; }
.p-datatable, .p-datatable-header { max-width: 100% !important; }
.p-datatable-wrapper { max-width: 100vw; overflow-x: scroll; }
.p-selection-column.p-frozen-column { z-index: 1; max-width: 50px !important; }
.p-frozen-column { position: sticky !important; }
.grid-top-buttons { padding: 0.5rem 0.5rem !important; }
.p-editable-column > * { width: 100%; }
.p-frozen-column .p-button { width: 1.5rem !important; }
.p-datatable .p-datatable-tbody > tr > td {     padding: 0.75rem 0.5rem !important; }
.p-datatable .p-datatable-header { padding: 0rem 1rem !important; }
.p-tabview-title {     color: #000 !important; }
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #cadfff  !important;  font-weight: 700 !important; }
.p-tabview .p-tabview-nav li .p-tabview-nav-link { background: #cadfff  !important; font-weight: 400 !important; }
.p-tabview-nav { background: #cadfff !important; }
.p-tabview .p-tabview-nav .p-tabview-ink-bar { height: 4px !important; }
.p-datatable .p-datatable-thead > tr > th {  padding: 0.75rem 1rem !important; }
.p-tag { width: fit-content !important;}
.ui-loader .p-progress-spinner { margin-top: 47vh; }
.p-dialog .p-dialog-header { padding: 0.5rem 1.5rem 0.5rem 1.5rem !important; }
.p-dialog .p-dialog-content { padding: 0 1rem 1rem 1rem !important; }
.p-dialog-header { border-bottom: 2px solid #d3d3d3 !important; }
.p-dropdown-item-group { background: #d3d3d3 !important; }
.basegrid-search-filters .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 0.5rem !important; }
.basegrid-search-filters .p-fieldset .p-fieldset-content { padding: 0px !important; }
.basegrid-search-filters .p-fieldset-legend-text { font-weight: 500 !important; font-size: 1rem !important; }
.basegrid-search-filters .p-fieldset-toggler { font-weight: 500 !important; font-size: 1rem !important; }
.p-tabview-nav-link { border-top-right-radius: 0px !important; border-top-left-radius: 0px !important; }
.p-editable-column { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.p-datepicker, .p-column-filter-overlay { z-index: 1004 !important; }
/* Base Form, Grid styles - end */

/* * Tooltip css - start */
[data-tooltip]:before {   /*  use with data-tooltip="custom_data" */
  content: attr(data-tooltip); position: absolute; opacity: 0;   /* needed - do not touch */
  transition: all 0.15s ease; padding: 10px; color: #333; border-radius: 10px; box-shadow: 2px 2px 1px silver;   /* customizable */   
}
[data-tooltip]:hover:before {
  opacity: 0.5; z-index: 999;  /* needed - do not touch */
  background: #151b26; color: #fff; margin-top: -50px; margin-left: 20px;    /* customizable */
}
[data-tooltip]:not([data-tooltip-persistent]):before { pointer-events: none; }
/* * Tooltip css - end */

/* CK editor css - start */
.ck-editor__editable { min-height: 200px !important; max-height: 400px !important; }
#container { width: 1000px; margin: 20px auto; }
.ck-editor__editable[role="textbox"] { min-height: 200px; }  /* editing area */
.ck-content .image { max-width: 80%; margin: 20px auto; }  /* block images */
/* CK editor css - end */

/* BaseImageUploader css - end */
.p-button.p-fileupload-choose { padding: 10px !important; }
.FIE_root *, #SfxPopper *, .FIE_save-modal { z-index: 99999 !important; }
.SfxModal-Wrapper { z-index: 9999 !important; }
.FIE_topbar-close-button { display: none !important;}
/* BaseImageUploader css - end */

/* BaseAttachmentUploader css - end */
.attachment_pannel .p-card-content { padding: 0.75rem !important;}
.attachment_pannel .p-card-content { padding: 0px !important;}
.attachment_pannel .p-card { box-shadow: 0px 0px 8px -2px  rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;}
/* BaseAttachmentUploader css - end */

.menu-custom-buttons { margin: auto; margin-right: 5px; }
.menu-custom-buttons .p-splitbutton .p-splitbutton-defaultbutton, .p-splitbutton.p-button-rounded>.p-splitbutton-defaultbutton.p-button, .p-splitbutton.p-button-outlined>.p-splitbutton-defaultbutton.p-button { padding: 0px !important; display: none !important; }
.menu-custom-buttons .p-button.p-button-icon-only { width: 2rem !important; padding: 0px !important; border-radius: 5px; }
.menu-custom-buttons .p-button { border-radius: 0px; }

.is_desktop_form_header { margin-top: 48px !important; }
.p-dialog-content .is_desktop_form_header { margin-top: 0px !important; }
.custom_navbar { width: 100% !important;}
.custom_navbar.opened { width: calc(100% - 300px) !important;}
.header-text-mini { display: none; }
.header-text { display: block; padding-bottom: 5px; font-weight: bold; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.grid-search-bar { width: 100%; }
.desktop-popup { width: 80vw; min-height: 85vh; }
.is_desktop_form_header.skip-margin { margin-top: 0px !important; }