/* ---------------------------------------- Overwriting Radzen css styles START ------------------------------------------- */
:root {
 --rz-base-300: rgba(227, 231, 241, 0.8);
 --rz-paginator-padding: 0;
}

.rz-dropdown-item, .rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-dropdown-items li, .rz-autocomplete-items li, .rz-multiselect-items li {
 font-size: 0.875rem;
 color: #6c757d;
}

.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
 /*border: 1px solid #dadfe2;
   border-radius: 4px;*/
 box-shadow: none;
 /*background-color: #ffffff;*/
}

.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox, .rzi {
 font-size: 0.875rem;
 background-image: none;
}

.rz-dropdown-item {
 color: #6c757d;
}

label.rz-dropdown-label {
 margin-bottom: 0;
}

h1.rz-heading {
 font-size: 2rem;
 font-weight: normal;
}

h3.rz-heading {
 font-size: 1rem;
 font-weight: 500;
}

.rz-button-md .rz-button-text {
 line-height: 1.5rem;
}

.rz-grid-filter-active {
 color: #479cc8 !important;
}

.rz-legend {
 font-size: 10px;
 font-weight: 300;
}

.rz-legend-bottom {
 bottom: -15px;
}

.rz-grid-table {
 width: 100%;
 position: relative;
 border-collapse: collapse;
 border-spacing: 0;
}

.rz-datatable-thead th, .rz-grid-table thead th {
 background-color: transparent;
 padding: 0.75rem;
 padding-top: 0.5rem;
 padding-bottom: 0.5rem;
}

.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
 font-size: inherit;
 color: #242e4c;
 font-weight: 500;
 line-height: unset;
 padding: 0;
}

.rz-datatable-thead th > div:not(.rz-cell-filter), .rz-grid-table thead th > div:not(.rz-cell-filter) {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 width: 100%;
 outline: none;
 padding: 0;
}

.rz-datatable-data tr td:first-child, .rz-grid-table tr td:first-child {
 border-left: var(--rz-border-normal);
}

.rz-datatable-data tr td:last-child:not(.rz-composite-cell), .rz-grid-table tr td:last-child:not(.rz-composite-cell) {
 border-right: var(--rz-border-normal);
}

 .rz-datatable-thead th .rz-column-title-content, .rz-grid-table thead th.th-checkbox .rz-column-title-content {
  display: inline-block;
  white-space: nowrap;
  overflow: unset;
  text-overflow: ellipsis;
 }

.rz-paginator .rz-dropdown {
 margin-left: 0.5rem;
}

h1, .h1, .h1.rz-heading {
 letter-spacing: normal;
}

.CurrencyControl {
 border-top-left-radius: 0px !important;
 border-bottom-left-radius: 0px !important;
 border-left-style: none;
}


@media (min-width: 992px) {
 .horizontal .hor-header .container, .horizontal .horizontal-main .container, .horizontal .main-content.hor-content .container {
  max-width: 97% !important;
 }
}

@media print {
    body {
        visibility: hidden;
    }

    #section-to-print {
        visibility: visible;
        position: absolute;
        left: 0;
        top: 0;
    }
}

.rz-datatable-tfoot td, .rz-grid-table tfoot td {
 background-color: transparent;
}

.card-body:not(.card-user-profile, .pb-4, .card-user-dashboard) {
 -ms-flex: 1 1 auto;
 flex: 1 1 auto;
 margin: 0;
 padding: 1rem 1rem !important;
 position: relative;
}

.panel-body {
 padding-left: 5px;
 padding-right: 5px;
}

.rz-datatable-tfoot td, .rz-grid-table tfoot td {
 background-color: transparent;
 white-space: normal;
}

/*equivalent to modal-header*/
.user-details div.rz-dialog-content {
 padding: 0;
}

.rz-dialog-titlebar {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: start;
 align-items: flex-start;
 -ms-flex-pack: justify;
 justify-content: space-between;
 padding: 1rem;
 border-bottom: 1px solid rgba(227, 231, 241, 0.8);
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
 background-color: white;
}

 .rz-dialog-titlebar div.rz-dialog-title {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: normal;
 }

.rzi .rzi-times {
 box-sizing: content-box;
 border: 0;
 border-radius: 0.25rem;
 opacity: 0.5;
 padding: 5px;
 line-height: 1;
 font-size: 24px;
 background-image: none;
 color: #000;
}

.details-switch .rz-switch {
 display: inline-block;
 height: 1.45rem;
 width: 2.25rem;
 min-width: 2.25rem;
 /*background: #ebedfc;*/
 border-radius: 50px;
 position: relative;
 vertical-align: bottom;
 border: 1px solid rgba(227, 231, 241, 0.8);
 transition: 0.3s border-color, 0.3s background-color;
}

.details-switch .rz-switch.rz-switch-checked .rz-switch-circle {
  background: var(--primary-bg-color);
 }

.details-switch .rz-switch .rz-switch-circle {
  background: #ebedfc;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: calc(5 * var(--rz-border-radius));
 }

.details-switch .rz-switch.rz-switch-checked .rz-switch-circle:before {
  background: var(--rz-switch-circle-background-color);
  width: calc(1.25rem - 4px);
  height: calc(1.25rem - 4px);
  left: -2px;
  top: 12px;
  border-radius: 50px;
  transition: transform 0.3s ease;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
 }

.details-switch .rz-switch .rz-switch-circle:before {
  background: var(--rz-switch-circle-background-color);
  width: calc(1.25rem - 4px);
  height: calc(1.25rem - 4px);
  left: 1px;
  top: 12px;
  border-radius: 50px;
  transition: transform 0.3s ease;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
 }

.badge.fix-width {
 width: 90px;
}

.rz-dialog-content {
 flex: 0 1 auto;
 padding: 0;
 overflow: auto;
 position: relative;
}
.rz-tooltip .rz-top-tooltip-content {
 background: #262526;
 font-size: 12px;
 white-space: normal;
}
/* ---------------------------------------- Overwriting Radzen css styles END ------------------------------------------- */
.modal-footer .me-2 {
 margin-right: 0.25rem !important;
}

.modal-body .pb-5 {
 padding-left: 0rem !important;
 padding-right: 0rem !important;
 padding-bottom: 0.5rem !important;
}

/*Dashboard*/
.box {
 display: inline-block;
 width: 200px;
 height: 40px;
 margin: 10px 10px;
 border: 1px solid #51a3a3;
 position: relative;
 overflow: hidden;
 padding-left: 10px;
 border-radius: 5px;
}

.fill {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 border: none;
 background-color: #51a3a32e;
}

.text {
 position: relative;
 z-index: 1;
 text-align: center;
 line-height: 40px;
 color: #000;
}

.bg-info-gradient {
 background: linear-gradient(to bottom right, #2f89f5 0%, #79b3f9 100%) !important;
}

.badge.rounded-pill.bg-info-gradient {
 display: inline-block;
 padding: 0.95em 0.6em;
 font-weight: 500;
 line-height: 0;
 text-align: center;
 white-space: nowrap;
 vertical-align: baseline;
 border-radius: 3px;
 font-size: 70% !important;
 width: 90px;
}

/*@media print {
 body {
  visibility: hidden;
 }

 .section-to-print {
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
 }
}*/
@media print {
 .header, .sticky, .page-header, .row, body{
  visibility: hidden;
 }
 .section-to-print {
  visibility: visible;
  border: 1px solid white;
  height: 99%;
  page-break-after: avoid;
  page-break-before: avoid;
  position: relative;
  top:0;
  left:0;
 }
}

.table-reports-wrap td.text-wrap span.rz-cell-data {
 white-space:normal !important;
}

.PanelDropDown {
 margin-left: 10px;
 margin-right: 0px;
 display: inline-table;
}

.rz-grid-table-auto-override  table.rz-grid-table-fixed {
 table-layout: auto !important;
}
.text-author {
 bordeR: 1px solid rgba(0,0,0,.05);
 max-width: 100%;
 margin: 15px auto;
 padding: 1em;
 border-radius: 10px;
}

 .text-author img {
  border-radius: 50%;
  /*padding-bottom: 20px;*/
 }

 .text-author h3 {
  margin-bottom: 0;
 }
.contacts_body .contacts li {
 width: 100% !important;
 padding: 15px;
 border-bottom: 1px solid rgba(227, 231, 241, 0.8);
}
.contacts_body .active {
 background-color: #f4f6fd;
}

.breadcrumb-item + .breadcrumb-item::before {
content: ">" !important;
}

.btn-primary a:hover {
 background-color: #246a6a !important;
 border-color: #246a6a !important;
}
.a-underline {
text-decoration:underline !important;
}
/* .a-underline:hover {
  text-decoration: underline !important;
 }*/
 /*.a-underline:active {
  text-decoration: underline !important;
 }*/

.hidden {
 display: none !important
}
.watermark {
 content: "Legacy Information";
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) rotate(330deg);
 font-size: 100px;
 color: rgba(0, 0, 0, 0.05);
 pointer-events: none;
 z-index: 1;
}

.rz-multiselect-label-container, .rz-dropdown-label {
 display: block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 padding: 0px;
 margin: 0;
}

.subtext {
 font-size: 12px;
 font-style: italic;
 color: #828caa;
 margin-bottom: -5px;
 margin-top: 2px;
}
.norecords {
 color: lightgrey;
 font-size: 24px;
 text-align: center;
 margin: 2rem;
}

/* ---------------------------------------- Pagination Controls START ------------------------------------------- */
.pagination-container {
 display: flex;
 justify-content: space-evenly;
 align-items: center;
 padding: 0rem 1.5rem 1rem 1.5rem;
 flex-wrap: wrap;
}

 .pagination-container .dataTables_length {
  flex-grow: 1;
  text-align: left;
 }

 .pagination-container .pagination {
  flex-shrink: 0;
  margin-left: auto;
  text-align: center;
 }

/* Media query for smaller screens */
@media (max-width: 768px) {
 .pagination-container {
  flex-direction: row;
  align-items: center;
  text-align: center;
 }

  .pagination-container .dataTables_length,
  .pagination-container .pagination {
   width: 100%;
   margin-left: 0;
   order: 1;
   text-align: center;
  }

  .pagination-container .dataTables_length {
   order: 0;
  }

  .pagination-container .pagination {
   order: 2;
  }
}

@media (max-width: 480px) {

 .pagination-container .form-select,
 .pagination-container .page-link {
  font-size: 14px;
  /* Larger font size for easier interaction */
 }

 .rz-pagesize-text,
 .rz-pagesummary-text {
  font-size: 12px;
 }
}

.pagination-container-popup {
 padding: 1rem 0rem;
}
/* ---------------------------------------- Pagination Controls END --------------------------------- */

.embed-content {
 max-width:100%;
 height:auto;
}

/* ---------------------------------------- Style for Email in Activation Page START --------------------------------- */
.rz-textbox[readonly] {
 background-color: #edeff9;
 opacity: 1;
}
/* ---------------------------------------- Style for Email in Activation Page END--------------------------------- */



/*Custom Style for all onboarding page modals*/
.onb-modal-body {
 max-height: 350px;
 overflow: scroll;
 border-top: 1px solid #368181;
 border-bottom: 1px solid #368181;
}
.onb-modal {
 background: rgb(255 255 255 / 85%);
 box-shadow: 0 8px 32px 0 rgb(255 255 255 / 70%);
 backdrop-filter: blur(4px);
 -webkit-backdrop-filter: blur(4px);
 border-radius: 15px;
 border: 1px solid #368181;
 top: 10%;
 width: 50% !important;
}

/*End: Custom Style for all onboarding page modals*/


/*Custom Style for all onboarding video page modals*/
.onb-video-modal-body {
 max-height: 340px;
 /*overflow: scroll;*/
 /* align-content: center; */
 /* width: 100%; */
 padding: 0px;
 justify-self: center;
}

.onb-video-modal {
 background: rgb(255 255 255 / 85%);
 box-shadow: 0 8px 32px 0 rgb(255 255 255 / 70%);
 backdrop-filter: blur(4px);
 -webkit-backdrop-filter: blur(4px);
 border-radius: 15px;
 border: 1px solid #368181;
 top: 10%;
 /*width: 40% !important;*/
}
.ytp-button .ytp-share-button .ytp-show-share-title .ytp-share-button-visible,
.ytp-youtube-button .ytp-button .yt-uix-sessionlink,
.ytp-title-subtext {
 display: none !important;
}
/*End: Custom Style for all onboarding video page modals*/
/*Start: Verification Request List screen */
tr.rz-data-row:has(.inactiveRequest) {
 background-color: rgb(204, 204, 204, .7) !important;
}
 tr.rz-data-row:has(.inactiveRequest):hover {
  --bs-table-hover-bg: rgb(204, 204, 204) !important;
 }
 tr.rz-data-row:has(.inactiveRequest):active {
  --bs-table-hover-bg: rgb(204, 204, 204) !important;
 }
.rz-grid-table-header-override thead{
 display:none;
}
.rz-grid-table-header-override tr{
 border:0px !important;
}
.rle-modal-body {
 max-height: 500px;
}
/*End: Verification Request List screen */



/* FLOATING AI BUTTON */
.vertical-button {
 color: #fff !important;
 background: #000e60 !important;
 position: fixed;
 top: 30%;
 right: 25px;
 z-index: 99999;
 display: block;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 padding: 12px 18px;
 overflow: hidden;
 font-size: 16px;
 border-radius: 5px;
 white-space: nowrap;
 /* Prevent text from wrapping */
 transform: rotate(-90deg) translateY(-50%);
 transform-origin: top right;
 text-align: center;
}

 .vertical-button span {
  display: inline-block;
  transform-origin: center;
  transform: rotate(90deg);
  white-space: nowrap;
 }


@media (max-width: 767px) {
 .vertical-button {
  top: 20%;
 }
 .chatbot {
  top: 5% !important;
 }
}
.btn-glow {
 box-shadow: 0 0 0 0 #000e60;
 animation: glow 1.4s ease-out infinite;
}

@keyframes glow {
 0% {
  box-shadow: 0 0 0 0 #000e60;
 }

 50% {
  box-shadow: 0 0 30px 0 #000e60;
 }
}

.text-decoration-italic {
 font-style: italic;
}