.error-message { color: darkred; }
.rounded-5 { border-radius: 3rem; }

.login-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  background-color: #F8F9FD;
}
.login-bg-new {
  background: linear-gradient(90deg, #1C193C 0%, #3D254E 100%);
  width: 100%;
  min-height: 100vh;
}
body { background-color: #f8fbff !important; }
.fs-20 { font-size: 20px !important; line-height: 28px !important; }
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-thumb { background: #3D254E; }

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #FDD444 !important;
}

.text-theme { color: #3D254E !important; }

.btn-danger {
  border: 1px solid #3D254E;
  background-color: transparent;
  color: #3D254E;
  padding: 6px 12px !important;
  border-radius: 4px;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-primary:active:focus {
  border-color: #3D254E;
  background-color: #3D254E;
  color: #fff;
  box-shadow: unset !important;
}

.btn-primary {
  border: 1px solid #3D254E;
  background-color: #3D254E;
  color: #fff;
  padding: 6px 12px !important;
  border-radius: 5px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active:focus {
  border-color: #3D254E;
  background-color: #3D254E;
  box-shadow: unset !important;
}

.table th, .table td { padding-left: 5px; padding-right: 5px; }

.navbar .navbar-menu-wrapper {
  background-color: var(--white-fg);
  color: #6C7383;
  padding-left: 1.5rem;
  padding-right: 2.187rem;
  padding-top: 30px;
  padding-bottom: 24px;
  width: calc(100% - 242px);
  height: 70px;
}
.navbar .navbar-brand-wrapper {
  background-color: var(--white-fg);
  width: 242px;
  height: 70px;
  padding: 20px 35px;
}
.navbar .navbar-brand-wrapper .navbar-brand img { height: auto !important; }
.sidebar { margin-top: 70px; background: var(--white-fg) !important; }

.sidebar .nav .nav-item.active > .nav-link i,
.sidebar .nav .nav-item.active > .nav-link .menu-title,
.sidebar .nav .nav-item.active > .nav-link .menu-arrow {
  color: var(--white-fg) !important;
}
.sidebar .nav .nav-item.active > .nav-link {
  background: linear-gradient(90deg, #FDD444 0%, #ECB90E 100%) !important;
  border-radius: 0 20px 20px 0;
}
/* .nav-link:hover,
.nav-link:focus {
  color: #fff !important;
} */

.nav-link:hover .menu-icon,
.nav-link:focus .menu-icon::before {
  color: #fff !important;
}

 
.content-wrapper { background: transparent !important; padding: 4.5rem 2.5rem 1.5rem 2.5rem !important; }

.table.select-table th {
  color: #787878 !important;
  font-weight: 500;
  padding-left: 5px;
  font-size: 12px !important;
  text-align: start;
}
.table.select-table tr td:first-child { padding-left: 5px !important; }
.sidebar .nav .nav-item .nav-link .menu-title { font-size: 14px; font-weight: 600; }
.sidebar .nav .nav-item .nav-link i.menu-icon:before { color: #ECB90E !important; }
.sidebar .nav .nav-item.active .nav-link i.menu-icon:before { color: var(--white-fg) !important; }

.badge-opacity-danger {
  background: linear-gradient(90deg, #FDD444 0%, #ECB90E 100%);
  border: none;
  color: #1A1A2E !important;
  font-weight: 700;
}

.sidebar .nav .nav-item.active > .nav-link .menu-title { font-size: 14px; }

.card-title {
  background-color: #FDD444;
  padding: 15px 10px;
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
  font-size: 14px;
  font-weight: 600 !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: rgb(255 0 0 / 3%) !important;
  color: var(--bs-table-striped-color);
}

.view_btn, .view_btn-1 {
  background: linear-gradient(90deg, #1C193C 0%, #3D254E 100%);
  border: none;
}
.view_btn:hover, .view_btn-1:hover { color: #3D254E; }
.view_btn-1, .view_btn {
  font-size: 14px;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  transition: all 1s;
  padding: 10px 20px !important;
}
.view_btn_icon_span { color: var(--white-fg); margin-right: 6px; }

.maximum-height_300 { height: 300px; overflow: scroll; }
.maximum-height_445 { height: 445px; overflow: scroll; }
.maximum-height_581 { height: 581px; overflow: scroll; }
.maximum-height_356 { height: 356px; }
.maximum-height_230 { height: 230px; overflow: scroll; }
.maximum-height_377 { height: 377px; overflow: scroll; }
.table.select-table td { font-size: 14px; color: #000000; }

.theme-btn-1 {
  background: linear-gradient(90deg, #FDD444 0%, #ECB90E 100%);
  color: #1A1A2E !important;
  border: none;
}
.theme-btn-1:hover {
  background: linear-gradient(90deg, #FDD444 0%, #ECB90E 100%);
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.theme-btn-2 {
  background: linear-gradient(90deg, #1C193C 0%, #3D254E 100%);
  color: #fff;
  border: none;
}
.theme-btn-2:hover {
  background: linear-gradient(90deg, #1C193C 0%, #3D254E 100%);
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.theme-btn-3 {
  background: #FDD444;
  color: #1A1A2E;
  border: none;
  border-radius: 4px;
}
.theme-text-color-1 { color: #ECB90E; }
.theme-text-color-2 { color: #3D254E; }

.theme-btn-2, .theme-btn-1 {
  font-size: 14px;
  font-weight: 500 !important;
  line-height: normal;
  border-radius: 50px !important;
  padding: 10px 15px !important;
  text-decoration: none;
}

a.theme-btn-1:hover i { color: #1A1A2E !important; }
a:hover { color: #fff; }
.header-title { font-size: 22px; line-height: 30px; text-transform: uppercase; font-weight: bolder; }

.table-aft-top.sticky-top { background-color: #fff; }
.table-responsive::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
}
.theme-btn-2 .material-symbols-outlined,
.theme-btn-1 .material-symbols-outlined { font-size: 12px !important; }

.label-style { color: #00035b; }
form label { color: #787878 !important; }
select.form-control { outline: unset; }
select.form-control:focus { outline: unset; }
.popup-style select.form-control { outline: none !important; }

.form-select, .filter_input {
  border: 0;
  border-radius: 5px;
  padding: 10px 20px;
  width: 100%;
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
  height: 43px;
  background-color: var(--white-fg);
}
.form-select { font-size: 14px; }
.popup-dialog-box .mat-icon, .cdk-overlay-container { z-index: 999 !important; }
.filter_label { font-size: 14px; font-weight: 500; margin-bottom: 6px; color: #787878; }
.section-padding { padding: 24px 0px; }
.stickyheader .sticky-top { z-index: 0 !important; }
::ng-deep .mat-icon.mat-warn { font-size: 20px !important; }

.swal2-styled.swal2-confirm {
  background-color: #3D254E !important;
  border: 1px solid #3D254E !important;
}
.swal2-styled.swal2-deny {
  border: 1px solid #3D254E !important;
  background-color: #3D254E !important;
  color: var(--white-fg) !important;
}
.swal2-styled.swal2-deny:focus { box-shadow: 0 0 0 3px #3D254E !important; }
.swal2-actions:not(.swal2-loading) .swal2-styled:hover { opacity: 0.7; }
.swal2-styled.swal2-cancel {
  border: 1px solid #3D254E !important;
  background-color: #3D254E !important;
  color: #fff !important;
}

.mat-calendar-body-selected { background-color: #00035B !important; }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: #00035B !important; }
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: #00035B !important; }
.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow { color: var(--white-fg) !important; }
.mdc-list-item--selected .mdc-list-item__primary-text,
.mdc-list-item--activated .mdc-list-item__primary-text { color: #121212 !important; }
.mat-mdc-dialog-container .mdc-dialog__content,
.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control { letter-spacing: normal !important; }
.swal2-container { z-index: 9999 !important; }

@media (min-width: 1200px) { .content-wrapper { padding: 4.5rem 2.5rem 1.5rem 4.5rem !important; } }
@media (max-width: 767px) {
  .content-wrapper { padding: 4.5rem 1.5rem 1.5rem 1.5rem !important; }
  .cdk-overlay-pane { max-width: calc(100vw - 30px) !important; width: 100% !important; }
}
@media (max-width: 450px) {
  .navbar .navbar-brand-wrapper { width: 180px; padding: 16px 18px; }
  .navbar .navbar-menu-wrapper { width: calc(100% - 180px); }
}

.cdk-overlay-container { z-index: 9999 !important; }
.pagination a { text-decoration: none; }
div:where(.swal2-icon).swal2-question { border-color: #3D254E !important; color: #3D254E !important; }
div:where(.swal2-icon).swal2-warning { border-color: #ECB90E !important; color: #ECB90E !important; }
.mat-mdc-text-field-wrapper { border: 1px solid #dee2e6 !important; }
input[type="file"]::file-selector-button {
  background: linear-gradient(90deg, #FDD444 0%, #ECB90E 100%) !important;
  color: #1A1A2E;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible { box-shadow: none !important; }