/*------------------------------- */
/*      Settings                 */
/*------------------------------- */
body {
  margin: 0;
}

/*------------------------------- */
/*      Layout                   */
/*------------------------------- */
.dui-layout {
  height: 100%;
  width: 100%;
  display: flex;
  overflow: visible;
  background-color: transparent;
}

/*------------------------------- */
/*      Grid                     */
/*------------------------------- */
.dui-grid-wrapper {
  width: 100%;
  background-color: transparent;
  overflow: visible;
}

.dui-grid {
  display: grid;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

@media (max-width: calc(1440px - 200px)) {
  .dui-grid {
    width: calc(1440px - 200px);
  }
}
@media (max-height: calc(1000px - 70px)) {
  .dui-grid {
    height: calc(1000px - 70px);
  }
}
.dui-grid-1-rows {
  grid-template-rows: repeat(1, 1fr);
}

.dui-grid-2-rows {
  grid-template-rows: repeat(1, 1fr);
}

.dui-grid-3-rows {
  grid-template-rows: repeat(1, 1fr);
}

.dui-grid-4-rows {
  grid-template-rows: repeat(1, 1fr);
}

.dui-grid-5-rows {
  grid-template-rows: repeat(1, 1fr);
}

.dui-grid-6-rows {
  grid-template-rows: repeat(1, 1fr);
}

.dui-grid-7-rows {
  grid-template-rows: repeat(1, 1fr);
}

.dui-grid-8-rows {
  grid-template-rows: repeat(1, 1fr);
}

.dui-grid-9-rows {
  grid-template-rows: repeat(1, 1fr);
}

.dui-grid-10-rows {
  grid-template-rows: repeat(1, 1fr);
}

.dui-grid-11-rows {
  grid-template-rows: repeat(1, 1fr);
}

.dui-grid-12-rows {
  grid-template-rows: repeat(1, 1fr);
}

.dui-grid-1-cols {
  grid-template-columns: repeat(1, 1fr);
}

.dui-grid-2-cols {
  grid-template-columns: repeat(2, 1fr);
}

.dui-grid-3-cols {
  grid-template-columns: repeat(3, 1fr);
}

.dui-grid-4-cols {
  grid-template-columns: repeat(4, 1fr);
}

.dui-grid-5-cols {
  grid-template-columns: repeat(5, 1fr);
}

.dui-grid-6-cols {
  grid-template-columns: repeat(6, 1fr);
}

.dui-grid-7-cols {
  grid-template-columns: repeat(7, 1fr);
}

.dui-grid-8-cols {
  grid-template-columns: repeat(8, 1fr);
}

.dui-grid-9-cols {
  grid-template-columns: repeat(9, 1fr);
}

.dui-grid-10-cols {
  grid-template-columns: repeat(10, 1fr);
}

.dui-grid-11-cols {
  grid-template-columns: repeat(11, 1fr);
}

.dui-grid-12-cols {
  grid-template-columns: repeat(12, 1fr);
}

.dui-grid-0-padding {
  grid-gap: 0px;
}

.dui-grid-1-padding {
  grid-gap: 1px;
}

.dui-grid-2-padding {
  grid-gap: 2px;
}

.dui-grid-5-padding {
  grid-gap: 5px;
}

.dui-grid-10-padding {
  grid-gap: 10px;
}

.dui-grid-25-padding {
  grid-gap: 25px;
}

.dui-grid-50-padding {
  grid-gap: 50px;
}

.dui-grid-100-padding {
  grid-gap: 100px;
}

.dui-grid-element {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: visible;

  font-size: 1rem !important;
}

/*------------------------------- */
/*      Control Panel            */
/*------------------------------- */
.dui-controlpanel-wrapper {
  flex: 0 1 auto;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: var(--control_panel_background);
  overflow: visible;
  min-width: 300px;
  padding: 10px;
}

.dui-controlpanel-wrapper .button-style {
  border: var(--controls_input_border) !important;
  color: var(--controls_input_text) !important;
  background: none !important;
}

.dui-controlpanel-wrapper .Select-control {
  border: var(--controls_input_border) !important;
  color: var(--controls_input_text) !important;
}

.dui-controlpanel-wrapper .Select-value {
  color: var(--controls_input_text) !important;
}

.dui-controlpanel-wrapper .Select-arrow {
  border-color: var(--controls_input_text) transparent transparent !important;
}

.dui-controlpanel-wrapper .Select-value-label {
  color: var(--controls_input_text) !important;
}

.dui-controlpanel-wrapper p {
  margin-bottom: 0;
  padding-top: 10px;
}

.dui-controlpanel-wrapper strong {
  font-size: 1rem;
  display: block;
  margin: 0 auto;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  color: var(--controls_text_color);
  margin-top: 20px
}

.dui-controlpanel-wrapper label {
  display: block;
}

.dui-controlpanel-wrapper .options-checklist {
  max-height: 200px;
  overflow-y: auto;
}

.dui-controlpanel-wrapper ul {
  max-height: 200px;
  overflow-y: auto;
}

.dui-controlpanel-wrapper .dui-controlpanel-group:nth-child(2n + 1) {
  background-color: var(--control_panel_background);
}
.dui-controlpanel-wrapper .dui-controlpanel-group:nth-child(2n + 2) {
  background-color: var(--control_panel_background);
}
.dui-controlpanel-wrapper .dui-controlpanel-section-title {
  font-size: 1.2rem;
  font-weight: 700;
}

/* Dynamic Visibility of Dropdowns Options
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* SINGLE PORTFOLIO - NO BENCHMARK */
.dui-controlpanel .portfolio_selection_dropdown{
    display: unset;
 }
.dui-controlpanel .target_allocation_selection_dropdown{
    display: none;
}
.dui-controlpanel .portfolio_aggregation_dropdowns{
    display: none;
}
.dui-controlpanel .target_allocation_aggregation_dropdowns{
    display: none;
}


/* SINGLE PORTFOLIO - SINGLE BENCHMARK */
.dui-controlpanel-group.single-portfolio-single-target-allocation .portfolio_selection_dropdown{
display: unset;
}
.dui-controlpanel-group.single-portfolio-single-target-allocation .target_allocation_selection_dropdown{
display: unset;
}
.dui-controlpanel-group.single-portfolio-single-target-allocation .portfolio_aggregation_dropdowns{
display: none;
}
.dui-controlpanel-group.single-portfolio-single-target-allocation .target_allocation_aggregation_dropdowns{
display: none;
}

/* SINGLE PORTFOLIO - AGGREGATE BENCHMARK */
.dui-controlpanel-group.single-portfolio-aggregate-target-allocation .portfolio_selection_dropdown{
display: unset;
}
.dui-controlpanel-group.single-portfolio-aggregate-target-allocation .target_allocation_selection_dropdown{
    display: none;
}
.dui-controlpanel-group.single-portfolio-aggregate-target-allocation .portfolio_aggregation_dropdowns{
    display: none;
}
.dui-controlpanel-group.single-portfolio-aggregate-target-allocation .target_allocation_aggregation_dropdowns{
    display: unset;
}

/* AGGREGATE PORTFOLIO - NO BENCHMARK */
.dui-controlpanel-group.aggregate-portfolio-calculation .portfolio_selection_dropdown{
display: none;
}
.dui-controlpanel-group.aggregate-portfolio-calculation .target_allocation_selection_dropdown{
display: none;
}
.dui-controlpanel-group.aggregate-portfolio-calculation .portfolio_aggregation_dropdowns{
display: unset;
}
.dui-controlpanel-group.aggregate-portfolio-calculation .target_allocation_aggregation_dropdowns{
display: none;
}

/* AGGREGATE PORTFOLIO - SINGLE BENCHMARK */
.dui-controlpanel-group.aggregate-portfolio-single-target-allocation .portfolio_selection_dropdown{
display: none;
}
.dui-controlpanel-group.aggregate-portfolio-single-target-allocation .target_allocation_selection_dropdown{
display: unset;
}
.dui-controlpanel-group.aggregate-portfolio-single-target-allocation .portfolio_aggregation_dropdowns{
display: unset;
}
.dui-controlpanel-group.aggregate-portfolio-single-target-allocation .target_allocation_aggregation_dropdowns{
display: none;
}

/* AGGREGATE PORTFOLIO - AGGREGATE BENCHMARK */
.dui-controlpanel-group.aggregate-portfolio-aggregate-target-allocation .portfolio_selection_dropdown{
display: none;
}
.dui-controlpanel-group.aggregate-portfolio-aggregate-target-allocation .target_allocation_selection_dropdown{
display: none;
}
.dui-controlpanel-group.aggregate-portfolio-aggregate-target-allocation .portfolio_aggregation_dropdowns{
display: unset;
}
.dui-controlpanel-group.aggregate-portfolio-aggregate-target-allocation .target_allocation_aggregation_dropdowns{
display: unset;
}