/**
* ROOT VALUES
*/
:root {
    --ds-mysf-primary-10:	#F0F3FF;
    --ds-mysf-primary-20:	#DAE1FF;
    --ds-mysf-primary-60:	#2A51FE;
    --ds-mysf-primary-70:	#1B3AC3;
    --ds-mysf-primary-80:	#142A90;
    --ds-mysf-primary-100:	#0F0251;
    --ds-mysf-gray-10:	#F2F4F8;
    --ds-mysf-gray-20:	#E2E2E2;
    --ds-mysf-gray-30:	#C6C6C6;
    --ds-mysf-gray-40:	#A8A8A8;
    --ds-mysf-gray-60:	#676767;
    --ds-mysf-gray-70:	#4C4C4C;
    --ds-mysf-gray-80:	#373737;
    --ds-mysf-gray-100:	#151515;
    --ds-mysf-tertiary-light:	#FFEFE8;
    --ds-mysf-tertiary:	#F14E03;
    --ds-mysf-tertiary-hover:	#B93C02;
    --ds-mysf-error-light:	#FFF1F1;
    --ds-mysf-error:	#D90000;
    --ds-mysf-error-hover:	#9F0000;
    --ds-mysf-success-light:	#D7FFD7;
    --ds-mysf-success:	#007C34;
    --ds-mysf-success-hover:	#003F1A;
    --bs-success: var(--ds-mysf-success);
    --bs-success-rgb: 0, 124, 52;
    --bs-border-color: var(--ds-mysf-gray-20);
  }
  
  .modal .modal-tab-holder {
    display: flex;
  }

  .modal .modal-tab-holder .nav.nav-pills {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    width: min(33.33333333%, 480px);
    border-right: 1px solid var(--bs-modal-header-border-color);
  }
  .modal .modal-tab-holder .nav.nav-pills .nav-item .nav-link {
    border-radius: 0;
    color: var(--ds-mysf-gray-100);
    min-width: 100%;
    padding: 16px 24px;
    text-align: left;
  }
  .modal .modal-tab-holder .nav.nav-pills .nav-item .nav-link.active {
    background-color: var(--ds-mysf-tertiary-light);
    border-left: 4px solid var(--ds-mysf-tertiary);
    padding-left: 20px;
  }

  .modal .modal-tab-holder .tab-content .tab-pane {
    padding: 16px 24px;
  }
  
  @media (max-width: 991.98px) {
    .modal .modal-dialog.modal-fullscreen-lg-down .modal-content {
      border-radius: 0;
    }
    .modal .modal-tab-holder .nav.nav-pills {
      display: none;
    }
  }