:root {
  /*Browser ScrollBar*/
  --rz-scrollbar-background-color: #e3eff8;
  --rz-scrollbar-color: #0f265c;
  --rz-scrollbar-border-radius: 10px;
  --rz-scrollbar-size: 18px;
}

/*Logo Animation*/
@keyframes lightPass {
  0% {
    transform: scale(0);

    width: 0;
    opacity: 0;
  }
  25% {
    transform: scale(2);
    width: 200px;
    opacity: 0.5;
    transform: rotate(30deg);

  }


  50% {
    opacity: 1;
    transform: scale(2);


  }

  100% {
    width: 200px;
    opacity: 1;
    transform: scale(1);

  }
}

@keyframes shake {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  75% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.light-pass {
  animation: lightPass 2s forwards;
}

.shake {
  animation: shake 0.5s ease forwards;
}

/*Landing Page*/
.landing-page {
  margin-top: 30px;
}

.landing-page .landing-main {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 70vh;
}

.landing-page .landing-footer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 25vh;
}

.landing-page .rz-card {
  padding: 1.25rem 1.5625rem;
  border-radius: 6px;
}

/*Row*/
.row, .t-row, .application .t-card .t-card-body > .t-row, .rz-dialog-wrapper .t-card .t-card-body > .t-row, .modal-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  align-items: center;
}

.row > div h5 {
  text-align: center;
  font-weight: 600;
}

/*Map*/
.mapContainer {
  height: 450px;
  width: 100%;
  border: 1px solid #0f265c;
}

/*Text Headers*/
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: #0f265c;
}

.tab-header {
  display: flex;
  justify-content: center;
  text-align: center;
}

.tab-header h3 {
  display: flex;
  text-align: center;
  align-items: center;
}

.tab-header h2 {
  display: flex;
  text-align: center;
  align-items: center;
}

/*Footer*/
.rz-footer {
  background-color: #e3eff8;
}

/*Side Bar*/
.rz-sidebar {
  background-color: #0f265c;
  /*width: 222px!important;
  top: 65px!important;*/
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link{
  margin-left: 10%;
}

.rz-panel-menu .rz-navigation-item-wrapper-active:before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: #35a8df;
}

.rz-sidebar .rz-navigation-item .rz-navigation-item-wrapper-active {
  color: #0f265c;
  background-color: #35a8df;
}

.rz-sidebar .rz-navigation-item .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
  color: #35a8df;
}

.rz-sidebar .rz-navigation-item .rz-navigation-item-wrapper-active .rz-navigation-item-text {
  color: #35a8df;
}

.rz-sidebar .rz-navigation-item .rz-navigation-item-wrapper-active:hover {
  color: #0f265c;
  background-color: #35a8df;
}

.rz-sidebar .rz-navigation-item .rz-navigation-item-wrappe-activer:hover .rz-navigation-item-icon {
  color: #0f265c;
}

.rz-sidebar .rz-navigation-item .rz-navigation-item-wrappe-activer:hover .rz-navigation-item-text {
  color: #0f265c;
}

.rz-sidebar .rz-navigation-item .rz-navigation-item-wrapper {
  background-color: #0f265c;
  color: #e3eff8;
}

.rz-sidebar .rz-navigation-item .rz-navigation-item-wrapper:hover {
  color: #0f265c;
  background-color: #35a8df;
}

.rz-sidebar .rz-navigation-item .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
  color: #0f265c;
}

.rz-sidebar .rz-navigation-item .rz-navigation-item-wrapper:hover .rz-navigation-item-text {
  color: #0f265c;
}

/*Top Bar*/
.rz-header {
  background-image: linear-gradient(to right, #fff, #f3f3f3);
  z-index: 85 !important;
  min-height: 10px;
}

.rz-header .rz-menu {
  background-color: transparent;
  font-family: "Open Sans", sans-serif;
  font-size: 0.9rem;
}

.rz-header .rz-menu .rz-navigation-menu {
  right: 1px;
}

.rz-navigation-item-wrapper {
  background-color: #e3eff8;
}

.rz-header > div {
  background-color: #e3eff8;
}

.rz-header > div > div > .rz-sidebar-toggle {
  color: #0f265c;
  background-color: #e3eff8;
}

.rz-header > div > div > .rz-sidebar-toggle:hover {
  color: #0f265c;
  background-color: #35a8df;
}

.rz-header .rz-menu-closed .rz-navigation-item .rz-navigation-item-wrapper .rz-navigation-item-link .rz-navigation-item-icon {
  color: #0f265c;
}

.rz-header .rz-menu-closed .rz-navigation-item .rz-navigation-item-wrapper .rz-navigation-item-link .rz-navigation-item-text {
  color: #0f265c;
}

.rz-header .rz-menu-closed .rz-navigation-item .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-navigation-item-icon {
  color: #35a8df;
}

.rz-header .rz-menu-closed .rz-navigation-item .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-navigation-item-text {
  color: #35a8df;
}

.rz-header .rz-menu-closed .rz-navigation-item .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-navigation-item-icon {
  color: #0f265c;
}

.rz-header .rz-menu-closed .rz-navigation-item .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-navigation-item-text {
  color: #0f265c;
}

.rz-header .rz-menu-closed .rz-navigation-item .rz-navigation-item-wrapper-active:hover .rz-navigation-item-link .rz-navigation-item-icon {
  color: #35a8df;
}

.rz-header .rz-menu-closed .rz-navigation-item .rz-navigation-item-wrapper-active:hover .rz-navigation-item-link .rz-navigation-item-text {
  color: #35a8df;
}

.rz-header .rz-menu-closed .rz-navigation-item .rz-navigation-item-wrapper:hover .rz-navigation-item-link:hover .rz-navigation-item-icon {
  color: #0f265c;
}

.rz-header .rz-menu-closed .rz-navigation-item .rz-navigation-item-wrapper:hover .rz-navigation-item-link:hover .rz-navigation-item-text {
  color: #0f265c;
}

/*Radzen Tabs*/
.application .rz-tabview-panels, .rz-dialog-wrapper .rz-tabview-panels {
  background-color: #ffffff;
  border-color: #0f265c;
}

.rz-tabview-nav > li > a > span {
  color: #35a8df;
  letter-spacing: 0px;
}

.rz-tabview-nav > li {
  border-top-color: #35a8df;
}

.rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
  border-top-color: #0f265c;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover {
  background-color: #35a8df;
}

.rz-tabview-top > .rz-tabview-nav li {
  border-top-width: 3px;
}

.rz-tabview-selected {
  border-top-color: #0f265c !important;
  border-left-color: #0f265c !important;
  border-right-color: #0f265c !important;
}

.rz-tabview-selected > a > span {
  color: #0f265c !important;
}

/*Radzen Fieldset*/
.rz-fieldset {
  border: 1px solid #0f265c;
}

.rz-fieldset-legend > a > span {
  color: #0f265c;
}

.rz-fieldset-legend > a:hover {
  color: #35a8df;
  cursor: pointer;
}

.rz-fieldset-legend > a .rz-fieldset-toggler:hover {
  color: #35a8df;
}

.rz-fieldset-legend > a > span:hover {
  color: #35a8df;
}

.rz-form > div > div > label {
  color: #0f265c;
  font-weight: 500;
  font-size: large;
}

.rz-form > div > div > div > label {
  color: #0f265c;
  font-weight: 500;
  font-size: large;
}

/*FileUpload*/
.rz-fileupload-buttonbar {
  background-color: transparent;
}

.application .upload-wrapper, .rz-dialog-wrapper .upload-wrapper {
  position: relative;
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
  -webkit-box-align: center;
  align-items: center;
  border: 2px dashed #35a8df;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  flex: 0 0 auto;
  -webkit-box-pack: center;
  justify-content: center;
}

.application .upload-wrapper:hover, .rz-dialog-wrapper .upload-wrapper:hover {
  border: 2px dashed #0f265c;
}

.application .upload-wrapper .upload, .rz-dialog-wrapper .upload-wrapper .upload {
  display: flex;
  flex-direction: row;
  font-size: 16px;
  line-height: 24px;
}

.application .upload-wrapper .upload .upload-text, .rz-dialog-wrapper .upload-wrapper .upload .upload-text {
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
  margin: 12px;
  -webkit-box-align: center;
  align-items: center;
  min-width: 0;
  min-height: 0;
  flex-direction: row;
}

.application .upload-wrapper .upload .upload-text a, .application .upload-wrapper .upload .upload-text span, .rz-dialog-wrapper .upload-wrapper .upload .upload-text a, .rz-dialog-wrapper .upload-wrapper .upload .upload-text span {
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  color: #0f265c;
}

.application .upload-wrapper .upload .upload-text a, .application .upload-wrapper .upload .upload-text span, .rz-dialog-wrapper .upload-wrapper .upload .upload-text a:hover {
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
  color: #35a8df;
}

.application .upload-wrapper .rz-fileupload .rz-fileupload-buttonbar, .rz-dialog-wrapper .upload-wrapper .rz-fileupload .rz-fileupload-buttonbar {
  background-color: unset;
  padding: 0;
}

.application .upload-wrapper .rz-fileupload .rz-fileupload-buttonbar .rz-fileupload-choose, .rz-dialog-wrapper .upload-wrapper .rz-fileupload .rz-fileupload-buttonbar .rz-fileupload-choose {
  box-sizing: border-box;
  font-size: inherit;
  line-height: inherit;
  color: white;
  background-color: #35a8df;
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
  align-self: center;
  margin: 12px;
}

.application .upload-wrapper .rz-fileupload .rz-fileupload-buttonbar .upload-delete, .rz-dialog-wrapper .upload-wrapper .rz-fileupload .rz-fileupload-buttonbar .upload-delete {
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: inherit;
  font-family: inherit;
  text-decoration: none;
  margin: 0;
  background: transparent;
  overflow: visible;
  text-transform: none;
  color: inherit;
  outline: none;
  border: none;
  text-align: inherit;
  line-height: 0;
  padding: 12px;
}

.application .upload-wrapper .rz-fileupload .rz-fileupload-buttonbar .upload-delete:hover, .rz-dialog-wrapper .upload-wrapper .rz-fileupload .rz-fileupload-buttonbar .upload-delete:hover {
  background-color: #35a8df;
  color: black;
}

.application .upload-wrapper .rz-fileupload .rz-fileupload-buttonbar .upload-delete svg, .rz-dialog-wrapper .upload-wrapper .rz-fileupload .rz-fileupload-buttonbar .upload-delete svg {
  display: inline-block;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  fill: #666666;
  stroke: #666666;
}

/*RadzenProgressBar*/
.rz-progressbar.rz-progressbar-info {
  background-color: #35a8df;
  width: 78%;
}

.rz-progressbar-determinate.rz-progressbar-info .rz-progressbar-value {
  background-color: #0f265c;
}

/*RadzenIcon*/
.custom-unchecked .rzi {
  color: lightgray;
  cursor: pointer;
  font-size: 24px;
  margin-right: 35px;
}

.custom-unchecked .rzi:hover {
  color: gray;
  cursor: pointer;
  font-size: 24px;
}

.custom-checked .rzi {
  color: #35a8df;
  cursor: pointer;
  font-size: 24px;
  margin-right: 35px;
}

.custom-checked .rzi:hover {
  color: #35a8df;
  cursor: pointer;
}

/*checkBox*/
.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) {
  background-color: #35a8df;
}

.rz-chkbox-box.rz-state-active {
  background-color: #0f265c;
}

.rz-chkbox-box.rz-state-active.rz-state-disabled {
  background-color: #0f265c;
}

.fullOpacity .rz-chkbox-box.rz-state-active.rz-state-disabled {
  background-color: #0f265c;
  opacity: 100%;
}

/*Dialog*/
.rz-dialog-confirm-buttons .rz-button.rz-primary {
  background-color: #0f265c;
}

.rz-button.rz-primary.rz-shade-default{
  background-color: #0f265c;
}

.rz-dialog-confirm-buttons .rz-button.rz-secondary {
  background-color: #35a8df;
}

/*Radzen Datagrid*/
.rz-column-footer{
  justify-content: center;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data{
  color: inherit;
}
.application .rz-data-grid, .rz-dialog-wrapper .rz-data-grid {
  min-height: 200px;
}

.rz-data-grid-data {
  border: 1px solid #0f265c;
}

.rz-data-grid-data .rz-frozen-cell {
  background-color: #e3eff8;
}

.rz-data-grid-data > table > thead > tr > th {
  background-color: #e3eff8;
}

.rz-data-grid-data > table > tbody > tr > td > span > a {
  color: #0f265c;
  font-weight: 500;
}

.rz-data-grid-data > table > tbody > tr > td > span > a:hover {
  color: #35a8df;
}

.rz-paginator {
  background-color: #e3eff8;
  border: 1px solid #0f265c;
}

.rz-paginator .rz-paginator-first {
  background-color: #35a8df;
}

.rz-paginator .rz-paginator-first .rz-paginator-icon {
  color: #0f265c;
}

.rz-paginator .rz-paginator-prev {
  background-color: #35a8df;
}

.rz-paginator .rz-paginator-prev .rz-paginator-icon {
  color: #0f265c;
}

.rz-paginator .rz-paginator-page.rz-state-active {
  background-color: #0f265c;
  color: #35a8df;
}

.rz-paginator .rz-paginator-page {
  color: #0f265c;
  background-color: #35a8df;
}

.rz-paginator .rz-paginator-last {
  background-color: #35a8df;
}

.rz-paginator .rz-paginator-last .rz-paginator-icon {
  color: #0f265c;
}

.rz-paginator .rz-paginator-next {
  background-color: #35a8df;
}

.rz-paginator .rz-paginator-next .rz-paginator-icon {
  color: #0f265c;
}

.rz-grid-filter-active{
  color: #0f265c;
}

.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
  color: #0f265c;
  font-weight: 600;
  justify-content: center;
}

.rz-datatable-thead th:not(:last-child), .rz-grid-table thead th:not(:last-child) {
  background-color: #e3eff8;
}

.rz-datatable-thead th:last-child, .rz-grid-table thead th:last-child {
  background-color: #e3eff8;
}

.rz-cell-filter {
  background-color: #e3eff8;
}

.rz-data-grid.virtualized th {
  white-space: nowrap !important;
}

.rz-data-grid.virtualized .rz-cell-data {
  white-space: nowrap !important;
}

.rz-data-grid .rz-column-title-content {
  white-space: normal !important;
}

.rz-data-grid .rz-cell-data {
  white-space: normal !important;
}

.rz-data-grid .rz-cell-filter .filter-icon:hover {
  cursor: pointer;
}

.rz-data-grid .rz-cell-filter .filter-icon i {
  font-size: 1.5rem !important;
  color: #FFFFFF !important;
}

.rz-data-grid .rz-cell-filter input {
  background-color: #ffffff !important;
  text-indent: 10px;
  font-size: 0.9rem;
  font-weight: 700;
}

.rz-data-grid .rz-cell-filter input::placeholder {
  opacity: 0.5;
  margin-left: 10px;
}


/*Radzen Form Elements*/
#validator{
  display: flex;
  flex-direction: column;
}
#validator .invalid {
  width: 100%;
}

#validator .valid {
  width: 100%;
}

.valid {
  width: 100%;
}

.rz-chkbox {
  width: var(--rz-checkbox-width);
}

#validator .rz-message-popup {
  margin-top: 23px;
}

#UploadSingleFile .rz-fileupload {
  width: 100%;
}

#UploadSingleFile .rz-fileupload > div > span > input {
  width: 100%;
}

#UploadSingleFile .rz-fileupload-choose:not(.rz-state-disabled) {
  width: 100%;
  text-align: center;
}

#UploadSingleFile .rz-fileupload-buttonbar {
  width: 100%;
  padding: 0;
}

.rz-autocomplete {
  width: 100%;
}

.rz-column-title {
  text-transform: none !important;
}

.rz-textarea {
  width: 100%;
}

.rz-spinner {
  width: 100%;
}

.rz-menuitem:hover {
  background-color: #35a8df;
  color: #e3eff8;
}

.rz-dropdown {
  width: 100%;
}

.rz-dropdown-items li.rz-state-highlight {
  background-color: #0f265c;
}

.rz-dropdown-items li.rz-state-highlight:hover {
  background-color: #35a8df;
}

.rz-dropdown-item {
  min-height: 30px;
}

.rz-dropdown-items li:hover {
  background-color: #35a8df;
}

.rz-multiselect-items li.rz-state-highlight {
  background-color: #0f265c;
}

.rz-multiselect-items li.rz-state-highlight:hover {
  background-color: #35a8df;
}

.rz-multiselect-item {
  min-height: 30px;
}

.rz-multiselect-items li:hover {
  background-color: #35a8df;
}

.rz-spinner-button .rzi {
  background-color: #0f265c;
}

.rz-spinner-button .rzi:hover {
  background-color: #35a8df;
  cursor: pointer;
}

.rz-textbox {
  width: 100%;
}

.rz-datepicker {
  width: 100%;
}

.rz-datepicker-trigger .rzi-calendar {
  color: #0f265c;
}

.rz-state-disabled .rz-inputtext {
  color: var(--rz-input-disabled-color);
  background-color: var(--rz-input-disabled-background-color);
}

.rz-datepicker-trigger .rzi-calendar:hover {
  color: #35a8df;
}

.rz-datepicker-calendar td .rz-state-active {
  color: #e3eff8;
  background-color: #0f265c;
}

.rz-datepicker-calendar td .rz-state-default:hover {
  color: #e3eff8;
  background-color: #0f265c;
}

/*Dialog*/
.rz-dialog-wrapper h5 {
  text-align: center;
}

.rz-dialog-wrapper .rz-dialog-titlebar {
  background-color: #e3eff8;
}

.rz-dialog-wrapper .rz-dialog-titlebar .rz-dialog-title {
  color: #0f265c;
}

.rz-dialog-wrapper .rz-dialog-titlebar-close .rzi {
  color: #0f265c;
  cursor: pointer;
}

/*Custom Headers*/
.heading {
  position: relative;
  background: #e3eff8;
  padding: 1rem;
  margin: 1rem auto;
  border: 1px solid #0f265c;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.heading h1 span, .heading h2 span, .heading h3 span, .heading h4 span, .heading h5 span, .heading h6 span {
  display: block;
  font-size: inherit;
  font-weight: 700;
  letter-spacing: 4px;
  line-height: 1.5em;
  padding-left: 0.25em;
  color: #0f265c;
}

/*Radzen Card*/
.application .t-card, .rz-dialog-wrapper .t-card {
  margin: 5px 2% 2rem;
}

.application .t-card .t-card-body, .rz-dialog-wrapper .t-card .t-card-body {
  padding: 2rem 3rem;
  background-color: #e3eff8;
  border-radius: 10px 10px 10px 10px;
}

.application .t-card .t-card-body > .t-row, .rz-dialog-wrapper .t-card .t-card-body > .t-row {
  margin-left: 0;
  margin-right: 0;
  justify-content: space-between;
}

/*RadzenText*/
.rz-text-h6 {
  color: #0f265c;
}

.rz-text-body1 {
  color: #35a8df;
}

/*Radzen DataGrid Dropdown*/
.rz-selectable tbody tr.rz-data-row td, .rz-selectable tbody tr.rz-data-row .rz-cell-data:hover{
  cursor: pointer;
}

/*RadzenButtons*/

.rz-button.rz-primary {
  background-color: #0f265c;
}

.rz-splitbutton .rz-button.rz-primary.rz-shade-default {
  background-color: #0f265c;
}

.rz-button {
  font-size: 17px;
  font-weight: 100;
}

.rz-button .rz-button-text {
  padding: 0 1rem;
}

.rz-button span i {
  font-size: 1rem;
}

.rz-button span i.rzi {
  display: block !important;
}

.rz-button.rz-info.rz-shade-default, .rz-info.rz-shade-default.rz-paginator-element {
  background-color: #0f265c;
  font-weight: 400;
}

.rz-button.rz-warning.rz-shade-default, .rz-info.rz-shade-default.rz-paginator-element {
  background-color: #35a8df;
  font-weight: 400;
}

/*PieChart*/

#pieChartDiv .rz-series-data-label {
  font-size: 15px;
  font-weight: 500;
  fill: #0f265c;
}

#barChartDiv .rz-series-data-label {
  font-size: 12px;
  font-weight: 500;
  fill: #0f265c;
}

/*#pieChartDiv{
    margin-top: 70px;
}
#barChartDiv{
    margin-top: 70px;
}*/
#barChartDiv .rz-legend {
  visibility: hidden;
}

#barChartDiv .rz-category-axis {
  visibility: hidden;
}

#barChartDiv .rz-value-axis {
  visibility: hidden;
}

#pieChartDiv h1, #pieChartDiv h2, #pieChartDiv h3, #pieChartDiv h4, #pieChartDiv h5 {
  text-align: center;
}

#budgetsClass h1, #pieChartDiv h2, #pieChartDiv h3, #pieChartDiv h4, #pieChartDiv h5 {
  text-align: center;
}

#pieChartDiv .rz-chart {
  display: flex;
  margin-left: 200px;
  justify-content: space-between;
  align-content: center;
}

#pieChartDiv .rz-chart > svg {
  /*margin-left: 100px;*/
}

#pieChartDiv .rz-chart .rz-legend {
  max-width: 270px;
}

#pieChartDiv .rz-chart .rz-legend-right {
  right: unset;
  font-weight: 600;
  color: #0f265c;
  margin-left: -200px;
}

.rz-chart > svg > g {
  text-anchor: start;
}

#budgetsClass .rz-chart .rz-legend {
  max-width: 265px;
}

#Projects_status h1, #pieChartDiv h2, #pieChartDiv h3, #pieChartDiv h4, #pieChartDiv h5 {
  text-align: center;
}

#budgetsClass .rz-chart {
  display: flex;
  margin-left: 20%;
  justify-content: space-between;
  align-content: center;
}

#budgetsClass .rz-chart .rz-legend-right {
  right: unset;
  font-weight: 600;
  color: #0f265c;
  visibility: hidden;
}

#Projects_status .rz-chart {
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin-left: 600px;
}

#Projects_status .rz-legend-item > svg {
  overflow: inherit;
}

#Projects_status .rz-legend {
  max-width: 500px;
}

#Projects_status .rz-chart > svg {
  /*margin-left: 400px;*/
}

#Projects_status .rz-chart .rz-legend-right {
  right: unset;
  margin-right: 20px;
  margin-left: -500px;
  font-weight: 600;
  color: #0f265c;
}

#Projects_status .rz-chart .rz-legend {
  max-width: 600px;
}

.modified-value {
  background-color: #35a8df;
}

.insertLegends {
  height: 10px;
  width: 20px;
  margin-right: 5px;
  margin-top: 5px;
}

/*Radzen BarChart*/
#bar_chart {
  /*margin-left: -150px;*/
}

#bar_chart .rz-legend-right {
  visibility: hidden;
}

#bar_chart .rz-tick-text {
  /*visibility: hidden;*/
}

#bar_chart-legend {
  margin-top: 62px;
}

#bar_chart-legend-item {
  height: 30px;
  margin-bottom: 16px;
}

#bar_chart .rz-value-axis .rz-tick-text {
  /*visibility: hidden;*/
  /*text-anchor: start;*/
  text-align: end;
  margin-left: -150px;
  position: inherit;
}

/*Radzen Scheduler*/
.rz-scheduler-nav {
  background-color: #e3eff8;
}

.rz-view-header {
  background-color: #e3eff8;
}

.rz-scheduler-nav-prev-next .rz-button {
  background-color: #35a8df;
}

.rz-scheduler-nav-title {
  color: #0f265c;
}

.rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active {
  background-color: #35a8df;
  border-color: #0f265c;
}

.rz-scheduler-nav-views .rz-button.rz-primary:last-child {
  border-color: #0f265c;
}

.rz-scheduler-nav-views .rz-button.rz-primary:last-child:hover {
  background-color: #35a8df;
}

.rz-scheduler-nav-views .rz-button.rz-primary:first-child {
  border-color: #0f265c;
}

.rz-year-view .rz-slot .rz-slot-title.rz-has-appointments {
  background-color: #35a8df;
}

.rz-year-view .rz-slot .rz-slot-title.rz-state-focused {
  background-color: #0f265c;
}

.rz-year-view .rz-slot:hover .rz-slot-title:not(.rz-has-appointments) {
  background-color: #0f265c;
}

.rz-scheduler a.rz-event-list-btn {
  color: #0f265c;
}

.rz-scheduler a.rz-event-list-btn:hover {
  color: #0f265c;
}

.rz-scheduler-nav-views .rz-button.rz-primary:first-child:hover {
  background-color: #35a8df;
}

/*Apex-Charts*/
.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left, .apexcharts-legend.apx-legend-position-top.apexcharts-align-left, .apexcharts-legend.apx-legend-position-right, .apexcharts-legend.apx-legend-position-left{
  margin-right: 35%;
}
/*.apexcharts-legend-series{
  display: flex;
}*/

.custom-link{
  color: #35a8df;
  cursor: pointer;
}
.custom-link:hover{
  color: #0f265c;
  text-decoration: underline;
  cursor: pointer;
}