/*Overrides*/
:root {
  --primary-font-size: 16px;
  --primary-border-radius: 8px;

  --background: #F1F2F6;
  --gray-primary: rgba(71, 84, 103, 1);
  --blue-primary: rgba(72, 149, 239, 1);
  --primary-dark: #132440;
  --primary-border-color: rgba(208, 213, 221, 1);
  --primary-gradient-background: linear-gradient(83.85deg, #7109B6 -2.55%, #550CAC 13.23%, #480DA8 27.53%, #3A0CA3 44.79%, #3F37C9 56.63%, #4461EE 72.16%, #4895EE 85.79%, #4CC9F0 96.08%);

  /* Sidenav */
  --sidenav-from: #132440;
  --sidenav-to: #2E4D80;
  --sidenav-active: rgba(72, 149, 239, 1);
  --sidenav-background: linear-gradient(185.02deg, #7109B6 -36.72%, #550CAC -13.51%, #480DA8 7.52%, #3A0CA3 32.91%, #3F37C9 50.32%, #4461EE 73.16%, #4895EE 93.19%, #4CC9F0 108.34%);
  --sidenav-divider: rgba(234, 236, 240, 0.4);
  --sidenav-email: rgba(255, 255, 255, 0.6);

  /* Tabs */
  --tab-text: #475467;
  --tab-text-active: #132440;
  --tab-background: #F3F7FA;
  --tab-background-active: #F3F7FA;
  --tab-border: rgba(209, 209, 209, 1);
  --tab-item-text: rgba(71, 84, 103, 0.7);
  --tab-item-border-active: rgba(72, 149, 239, 1);
  --tab-item-text-active: #132440;

  /* List item */
  --list-item-border: rgba(19, 36, 64, 0.1);
  --list-item-border-radius: 8px;
  --list-item-background: #FFFFFF;
  --list-item-active-background: rgba(72, 149, 239, 0.1);
  --list-item-border-active: rgba(72, 149, 239, 1);
  --list-item-label-text: #132440;
  --list-item-value-text: #132440;

  /* Dropdown menu */
  --dropdown-menu-background: #FFFFFF;
  --dropdown-menu-text: rgba(71, 84, 103, 1);
  --dropdown-menu-border: rgba(19, 36, 64, 0.1);
  --dropdown-menu-border-radius: 8px;

  /* Input */
  --input-border: rgba(19, 36, 64, 0.1);
  --input-border-radius: 8px;
  --input-text: #132440;
  --input-text-focus: #132440;
  --input-text-placeholder: rgba(19, 36, 64, 0.5);

  /* Select */
  --select-dropdown-toggle-background: white;
  --select-dropdown-toggle-background-disabled: #e9ecef;
  --select-dropdown-toggle-border-radius: 8px;
  --select-dropdown-toggle-border: rgba(19, 36, 64, 0.1);
  --select-dropdown-toggle-text: #132440;
  --select-dropdown-filter-option-text: #132440;
  --select-dropdown-item-text: rgba(19, 36, 64, 1);
  --select-dropdown-item-active-background: rgba(72, 149, 239, 0.1);
  --select-dropdown-item-active-border: rgba(72, 149, 239, 1);

  /* Checkbox */
  --checkbox-border: #d1d5db;
  --checkbox-background: white;
  --checkbox-border-radius: 4px;
  --checkbox-border-checked: rgba(72, 149, 239, 1);
  --checkbox-background-checked: rgba(72, 149, 239, 1);
  --checkbox-border-hover: rgba(72, 149, 239, 1);

  --white-background: rgba(250, 250, 250, 1);
  --secondary-background: rgba(0, 184, 238, 0.05);

  --radius-field: 8px;

  --green-primary: rgba(49, 166, 102, 1);
  --red-border: rgba(171, 0, 0, 1);
  --red-background: rgba(222, 106, 55, 0.05);
  --color-fg-primary: red;

  --auth-layout-mobile: rgba(25, 34, 46, 1);

  /* Empty state */
  --empty-state-background: rgba(228, 232, 237, 0.4);

  /* Primary button */
  --primary-button-background: rgba(72, 149, 239, 1);
  --primary-button-border: rgba(72, 149, 239, 1);
  --primary-button-text: rgba(255, 255, 255, 1);
  --primary-button-border-radius: 8px;

  /* Text button */
  --text-button-background: transparent;
  --text-button-text: rgba(19, 36, 64, 1);
  --text-button-border-radius: 8px;

  /* Outline button */
  --outline-button-background: white;
  --outline-button-text: rgba(19, 36, 64, 1);
  --outline-button-border: rgba(19, 36, 64, 0.04);
  --outline-button-border-radius: 8px;

  /* Icon */
  --icon-color: rgba(19, 36, 64, 0.4);
  --icon-hover-color: rgba(19, 36, 64, 1);

  /* Card */
  --card-background: rgba(249, 250, 251, 1);
  --card-border: rgba(208, 213, 221, 1);
  --card-border-radius: 8px;
  --card-top-border-radius: 8px;
  --card-content-background: rgba(250, 250, 250, 1);
  --card-item-label-text: rgba(71, 84, 103, 1);

  /* Pagination */
  --pagination-border-radius: 8px;
  --pagination-background: transparent;
  --pagination-text-active: #F9FAFB;
  --pagination-text: rgba(71, 84, 103, 1);

  /* Form steps */
  --step-line-background: rgba(217, 217, 217, 1);
  --step-icon-background: rgba(250, 250, 250, 1);
  --step-icon-background-active: rgba(72, 149, 239, 1);
  --step-icon-background-complete: rgba(72, 149, 239, 1);
  --step-icon-text: #6c757d;
  --step-icon-text-active: #FFFFFF;
  --step-icon-text-complete: #FFFFFF;
  --step-icon-border: rgba(19, 36, 64, 0.1);
  --step-icon-border-active: rgba(72, 149, 239, 1);
  --step-icon-border-complete: rgba(72, 149, 239, 1);
  --step-icon-border-radius: 50%;
  --step-title-text: #6c757d;
  --step-notice-text: #adb5bd;
  --step-description-text: #adb5bd;

  /* Upload documents */
  --upload-documents-background: rgba(255, 255, 255, 0.4);
  --upload-documents-border: rgba(19, 36, 64, 0.5);
  --upload-documents-border-radius: 8px;
  --upload-documents-drag-over-background: rgba(33, 150, 243, 0.1);
  --upload-documents-drag-over-border: #2196f3;
  --upload-documents-file-info-background: #f5f5f5;

  /* Support tickets */
  --support-ticket-message-content-background: white;
  --support-ticket-message-content-support-background: linear-gradient(90.07deg, #132440 1.81%, #1E3355 35.54%, #2E4D80 50.06%);
  --support-ticket-message-content-border: rgba(19, 36, 64, 0.1);
  --support-ticket-message-content-border-radius: 8px;
  --support-ticket-message-content-text: rgba(71, 84, 103, 1);
  --support-ticket-message-content-span-text: rgba(71, 84, 103, 0.7);
  --support-ticket-message-content-support-span-text: rgba(255, 255, 255, 0.7);
  --support-ticket-message-content-avatar-text: white;
  --support-ticket-message-content-avatar-background: #D0D3D8;
  --support-ticket-message-content-support-avatar-background: linear-gradient(89.55deg, #132440 1.98%, #1E3355 56.56%, #2E4D80 99.61%);

  /* Info banner */
  --info-banner-border: rgba(72, 149, 239, 1);
  --info-banner-background: rgba(72, 149, 239, 0.1);
  --info-banner-border-radius: 8px;
}

#sidenav[data-sidenavCollapsed="false"] {
  #logo-collapsed {
    display: none;
  }
  #logo-expanded {
    display: block;
  }
}

#sidenav[data-sidenavCollapsed="true"] {

    #logo-collapsed {
      display: block;
    }

    #logo-expanded {
      display: none;
    }

}

.partner-access-button {
  background: linear-gradient(171.4deg, rgba(30, 51, 85, 0.5) -40.75%, rgb(19, 36, 64, 0.5) 82.74%, rgb(46, 77, 128, 0.5) 152.09%);
}

.auth-layout {
  @media only screen and (max-width: 640px) {
    background-image: url('/static/img/auth-layout-mobile.png');
  }
}