/* >>> Inversot and manager login pages <<< */
/* https://pamm.bcm-markets.com/app/auth/investor */
/* https://pamm.bcm-markets.com/app/auth/manager */

/* body */

.mat-app-background {
  background-color: #f0f1f5!important;
}
  
/* above page div */
  
body > pamm-root > div > pamm-auth > div.text-right.mt-3.mr-3 {
  margin: 0px!important;
}
  
/* page margins */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 {
  margin-top: 0px !important;
  padding-top: 25px !important;
  padding-bottom: 25px!important;
  padding-left: 0px!important;
  padding-right: 0px!important;
}
  
/* logo for auth screen */
  
.auth-logo-img.ng-star-inserted {
  max-height: 50px !important;
}
  
.registration-logo-img.ng-star-inserted {
  max-height: 50px !important;
}
  
.auth-logo-img {
  max-height: 50px !important;
}
  
/* form div */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div {
  padding: 0px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 0px #E3E4E8;
  max-width: 432px !important;
  flex: 0 0 100%!important;
}
  
/* logo div */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > div {
  background-color: #ffffff;
  padding-top: 35px;
  padding-bottom: 28px;
  padding-left: 25px !important;
  padding-right: 25px !important;
  margin-bottom: 0px !important;
  border-radius: 5px 5px 0px 0px;
}
  
/* title div */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > h1 {
  display: flex;
  flex-direction: column;
  background-color: #ffffffff;
  padding-bottom: 0px;
  margin-bottom: 0px !important;
  padding-left: 25px;
  padding-right: 25px;
}
  
/* sub-title after text - Portal */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > h1 > span::after {
  content: "Portal";
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
}
  
/* sub-title div */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > h1 > span {
  margin-top: 10px;
}
  
/* >>> <<< */
  
/* form div */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card {
  border-radius: 0px 0px 5px 5px !important;
  box-shadow: none!important;
  padding-top: 25px;
  padding-bottom: 35px;
  padding-right: 25px;
  padding-left: 25px;
}
  
/* >>> <<< */
  
/* server div */

pamm-server-select > mat-form-field > .mat-form-field-wrapper.ng-tns-c97-2::after {
  content: "Trading account's server (same as in MetaTrader)";
  padding-left: 10px;
  color: #757575;
  font-size: 12px;
  display: flex;
}

.mat-form-field-wrapper.ng-tns-c97-3::after {
  content: "Trading account's server (same as in MetaTrader)";
  padding-left: 10px;
  color: #757575;
  font-size: 12px;
  display: flex;
}

/* login div */
  
.mat-form-field-wrapper.ng-tns-c97-0::after {
  content: "Trading account's login (same as in MetaTrader)";
  padding-left: 10px;
  color: #757575;
  font-size: 12px;
  display: flex;
}
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card > form > mat-form-field.mat-form-field.w-100.ng-tns-c97-0.mat-primary.mat-form-field-type-mat-input.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-has-label.ng-pristine.ng-invalid.mat-form-field-invalid.mat-form-field-hide-placeholder.ng-touched > div::after {
  content: "The field is required";
  padding-left: 10px;
  color: #f54336;
  font-size: 12px;
}
  
/* password div */
  
.mat-form-field-wrapper.ng-tns-c97-1::after {
  content: "Trading account's password (same as in MetaTrader)";
  padding-left: 10px;
  color: #757575;
  font-size: 12px;
  display: flex;
}
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card > form > mat-form-field.mat-form-field.w-100.ng-tns-c97-1.mat-primary.mat-form-field-type-mat-input.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-has-label.ng-pristine.ng-invalid.mat-form-field-invalid.mat-form-field-hide-placeholder.ng-touched > div::after {
  content: "The field is required";
  padding-left: 10px;
  color: #f54336;
  font-size: 12px;	
}
  
/* login and password's div borders - selected */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card > form > mat-form-field.mat-form-field.w-100.ng-tns-c97-0.mat-primary.mat-form-field-type-mat-input.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-has-label.ng-touched.mat-form-field-should-float.ng-dirty.ng-valid.mat-focused > div > div.mat-form-field-flex.ng-tns-c97-0 > div.mat-form-field-outline.mat-form-field-outline-thick.ng-tns-c97-0.ng-star-inserted > div.mat-form-field-outline-start.ng-tns-c97-0 {
  border-top-color: #12C63F !important;
  border-bottom-color: #12C63F !important;
  border-left-color: #12C63F !important;
  border-right-color: #12C63F !important;
}
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card > form > mat-form-field.mat-form-field.w-100.ng-tns-c97-0.mat-primary.mat-form-field-type-mat-input.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-has-label.ng-touched.mat-form-field-should-float.ng-dirty.ng-valid.mat-focused > div > div.mat-form-field-flex.ng-tns-c97-0 > div.mat-form-field-outline.mat-form-field-outline-thick.ng-tns-c97-0.ng-star-inserted > div.mat-form-field-outline-gap.ng-tns-c97-0 {
  /*border-top-color: #12C63F !important;*/
  border-bottom-color: #12C63F !important;
  border-left-color: #12C63F !important;
  border-right-color: #12C63F !important;
}
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card > form > mat-form-field.mat-form-field.w-100.ng-tns-c97-0.mat-primary.mat-form-field-type-mat-input.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-has-label.ng-touched.mat-form-field-should-float.ng-dirty.ng-valid.mat-focused > div > div.mat-form-field-flex.ng-tns-c97-0 > div.mat-form-field-outline.mat-form-field-outline-thick.ng-tns-c97-0.ng-star-inserted > div.mat-form-field-outline-end.ng-tns-c97-0 {
  border-top-color: #12C63F !important;
  border-bottom-color: #12C63F !important;
  border-left-color: #12C63F !important;
  border-right-color: #12C63F !important;	
}
  
/* login and password's div borders - hover - valid */
  
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: #12C63F !important;
}
  
/* login and password's div borders - hover - invalid */
  
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336 !important;
}
  
/* >>> <<< */
  
/* login button div */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card > form > button {
  margin-top: 10px;
  box-shadow: none;
}
  
/* login button - active */
  
.mat-focus-indicator.w-100.auth-submit-button.mat-button-lg.mat-raised-button.mat-button-base.mat-primary {
  background-color: #12C63F;
}
  
/* login button - disabled */
  
.mat-fab.mat-accent[disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled] {
      background-color: rgba(0, 0, 0, .12) !important;
}
  
/* login button before text - login */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card > form > button::before {
  content: "Log In";
}
  
/* login button icon */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card > form > button > span {
  display: none;	
}
  
/* >>> <<< */
  
/* register button */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > a {
  margin-top: 23px !important;
  display: none;
}
  
  



/* >>> General auth page <<< */
/* https://pamm.bcm-markets.com/app/investments */
  
/* >>> <<< */
  
/* account + investor + money manager div */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card {
  display: flex;
  justify-content: center;
}
  
/* account + investor + money manager list div */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card > mat-nav-list {
  padding-top: 0px;
}
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card > mat-nav-list::before {
  content: "Client Portal";
  color: #757575;
  font-size: 24px;
  display: flex;
  justify-content: center;
  margin-top: -10px;
  padding-left: 25px;
  padding-right: 25px;
  text-align: center;
  line-height: 32px;
}
  
/* account div */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card > mat-nav-list > h3 {
  display: flex;
  justify-content: center;
  display: none;
}
  
/* investor */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card > mat-nav-list > a:nth-child(2) {
  display: flex;
  justify-content: center;
  margin-top: 26px;
}
  
/* money manager */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > mat-card > mat-nav-list > a:nth-child(3) {
  display: flex;
  justify-content: center;
  margin-top: 6px;
}
  
/* >>> <<< */
  
/* p div after the white box */
  
body > pamm-root > div > pamm-auth > div.container.d-flex.justify-content-center.align-items-center.mt-5 > div > p {
  display: none!important;	
}

  
  
  
  


/* >>> Strategy joining page <<< */
/* http://38.89.79.157:8080/app/join/2/orwmgtqs */
  
/* top div */
  
pamm-investor-registration-root > div.mt-3.mx-3 {
  margin: 0px!important;
  padding-top: 25px!important;
  padding-left: 25px!important;
  padding-right: 25px!important;
  padding-bottom: 28px!important;
}
  
/* back to sign in div */
  
pamm-investor-registration-root > div.mt-3.mx-3 > div.mb-5.d-flex.justify-content-between {
  display: none!important;
}
  
/* logo */
  
.registration-logo-img {
  max-height: 50px !important;
}
  
/* logo div */
  
pamm-investor-registration-root > div.mt-3.mx-3 > div.mb-5.text-center {
  margin: 0px !important;
}
  
/* big div containing the title and card divs */
  
pamm-investor-registration-root > div.mt-5.mb-5.container {
  margin-top: 0px!important;
  margin-bottom: 0px!important;
  padding-left: 25px!important;
  padding-right: 25px!important;
  padding-bottom: 25px!important;
}
  
/* title div */
  
pamm-investor-registration-root > div.mt-5.mb-5.container > h1 {
  margin-bottom: 28px !important;
  display: flex;
  flex-direction: column;
}
  
/* sub-title div */
  
pamm-investor-registration-root > div.mt-5.mb-5.container > h1 > span {
  margin-top: 10px;
}
  
/* sub-title after text - Portal */
  
pamm-investor-registration-root > div.mt-5.mb-5.container > h1 > span::after {
  content: "Form";
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
}
  
/* >>> card 1 <<< */
  
/* card div */
  
pamm-investor-registration-root > div.mt-5.mb-5.container > pamm-manager-single > div > mat-card.mat-card.mat-focus-indicator.mb-3 {
  padding-top: 35px;
  padding-bottom: 33px;
}
  
/* title text */
  
pamm-investor-registration-root > div.mt-5.mb-5.container > pamm-manager-single > div > mat-card.mat-card.mat-focus-indicator.mb-3 > mat-card-title {
  line-height: 32px!important;
}
  
/* sub-title div */
  
pamm-investor-registration-root > div.mt-5.mb-5.container > pamm-manager-single > div > mat-card.mat-card.mat-focus-indicator.mb-3 > mat-card-subtitle {
  margin-bottom: 0px;
  display: none!important;
}
  
/* tot funds and investor number div */

pamm-investor-registration-root > div > pamm-manager-single > div > mat-card.mat-card.mat-focus-indicator.mb-3 > mat-card-content > div.d-flex {
  display: none!important;
}


/* tot funds and investor number div before - text*/

pamm-investor-registration-root > div.mt-5.mb-5.container > pamm-manager-single > div > mat-card.mat-card.mat-focus-indicator.mb-3 > mat-card-content::before {
  content: "Money Manager";
  color: rgba(0, 0, 0, 0.54);
}

/* >>> card 2 <<< */
  
/* card div */
  
pamm-investor-registration-root > div.mt-5.mb-5.container > pamm-manager-single > div > pamm-offer-card > mat-card {
  padding-top: 33px;
  padding-bottom: 33px;
}
  
/* title text */
  
pamm-investor-registration-root > div.mt-5.mb-5.container > pamm-manager-single > div > pamm-offer-card > mat-card > div > div:nth-child(1) > mat-card-title {
  line-height: 32px!important;
}
  
/* >>> card 3 <<< */
  
/* card div */
  
pamm-investor-registration-root > div.mt-5.mb-5.container > pamm-manager-single > div > mat-card.mat-card.mat-focus-indicator.mt-4.ng-star-inserted {
  padding-top: 33px;
  padding-bottom: 35px;
}
  
/* title text */
  
pamm-investor-registration-root > div.mt-5.mb-5.container > pamm-manager-single > div > mat-card.mat-card.mat-focus-indicator.mt-4.ng-star-inserted > h1 {
  line-height: 32px!important;
}
  
/* >>> <<< */
  
/* terms of service div */
  
pamm-investor-registration-root > div.mt-5.mb-5.container > pamm-manager-single > div > mat-card.mat-card.mat-focus-indicator.mt-4.ng-star-inserted > mat-card-content > form > div.my-3 {
  margin-bottom: 0px!important; /* it used to be 19px before we inserted the risk disclaimer */
}
  
/* terms of service text */
  
label > span > div > b > a {
  color: #12C63F!important;
  text-decoration: none!important;
  background-color: transparent!important;
}
  
label > span > div > b > a:hover {
  color: #14E148!important;
  text-decoration: none!important;
  background-color: transparent!important;
}
  
/* checkbox background */
  
.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
      background-color: #12C63F;
}

/* >>> <<< */

/* Risk disclosure box */

/* Top - Title */
pamm-investor-registration-root > div.mt-5.mb-5.container > pamm-manager-single > div > mat-card.mat-card.mat-focus-indicator.mt-4.ng-star-inserted > mat-card-content > form > div.my-3::after {
    content: "! RISK DISCLOSURE: Auto Close Level !";
    white-space: pre-line;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: block;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 0px;
    text-align: left;
    color: #dd4b39;
    font-weight: bold;
    background-color: #dd4b3920;
    border: 1px solid #dd4b39;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    padding: 1rem 1rem 0rem 1rem;
}

/* Bottom - Description */
pamm-investor-registration-root > div.mt-5.mb-5.container > pamm-manager-single > div > mat-card.mat-card.mat-focus-indicator.mt-4.ng-star-inserted > mat-card-content > form > div:nth-child(7)::before {
    content: "Please be advised that upon joining this PAMM, your account's Auto Close Level is automatically set to a default of 100%. This setting represents the maximum possible risk exposure. It means that in the event of adverse market movements, your investment is at risk of a total loss, and you could potentially lose up to 100% of your invested capital before any automatic protective closure is triggered. \A \A The Auto Close Level is a critical risk management tool that you can, and should, adjust to align with your personal risk appetite. We strongly advise you to review and customize this setting immediately after joining. \A \A You can change your Auto Close Level at any time in your PAMM Investor Portal by following these instructions: \A \A Log in to your BCM Markets’ Client Area > Select the side menu item called “PAMM” > Click on the option “Investor” > Log in to your PAMM Investor Portal > Select the top menu item called “Investments” > Select the PAMM you subscribed to from the table > Click on the 3 dots next to the button “Report” > Select the option “Edit”. \A \A By proceeding, you acknowledge that you have read and understood this disclosure. You accept the sole responsibility for setting and managing your account's Auto Close Level according to your individual financial situation and risk tolerance.";
    white-space: pre-line;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: block;
    line-height: 25px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 15px;
    background-color: #dd4b3920;
    text-align: left;
    color: #050A19;
    border: 1px solid #dd4b39;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 1rem 1rem 1rem 1rem;
}

/* >>> <<< */
  
/* login button div */
  
pamm-investor-registration-root > div.mt-5.mb-5.container > pamm-manager-single > div > mat-card.mat-card.mat-focus-indicator.mt-4.ng-star-inserted > mat-card-content > form > div:nth-child(7) > button {
  margin-top: 10px;
  box-shadow: none;
}
  
/* login button - active */
  
.mat-focus-indicator.w-100.registration-submit-btn.mat-button-lg.mat-raised-button.mat-button-base.mat-primary {
  background-color: #12C63F;
}
  
/* login button - disabled */
  
.mat-fab.mat-accent[disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled] {
      background-color: rgba(0, 0, 0, .12) !important;
}
  
/* login button before text - login */
  
pamm-investor-registration-root > div.mt-5.mb-5.container > pamm-manager-single > div > mat-card.mat-card.mat-focus-indicator.mt-4.ng-star-inserted > mat-card-content > form > div:nth-child(7) > button::before {
  content: "Invest Now";
}
  
/* login button icon */
  
pamm-investor-registration-root > div.mt-5.mb-5.container > pamm-manager-single > div > mat-card.mat-card.mat-focus-indicator.mt-4.ng-star-inserted > mat-card-content > form > div:nth-child(7) > button > span {
  display: none;	
}








  

/* >>> Investor portal <<< */
/* https://pamm.bcm-markets.com/app/investments */

  
/* >>> top menu div <<< */

/* top menu div */
  
.mat-elevation-z8 {
  box-shadow: none!important;
}

.mat-toolbar.pamm-navbar {
  background: #050A19 !important;
}

pamm-navbar > mat-toolbar.mat-toolbar.pamm-navbar {
  padding-left: 25px;
  padding-right: 25px;
}

/* navbar div */

pamm-navbar > mat-toolbar > div.container {
  padding: 0px;
}


/* logo */

@media (max-width: 767px) {
pamm-navbar > mat-toolbar > div > img.header-logo-img {
display: none;
}
}

/* menu button for mobile */

@media (max-width: 767px) {
pamm-navbar > mat-toolbar > div > button.mat-focus-indicator.mat-menu-trigger {
  padding: 0px;
  display: flex;
  justify-content: flex-start;
}
}



/* >>> pending requests button in the navbar <<< */

/* button color */

.mat-fab.mat-accent, .mat-flat-button.mat-accent, .mat-mini-fab.mat-accent, .mat-raised-button.mat-accent {
  background-color: #12C63F;
}

/* button overlay content */

/* button - pending requests */

.cdk-overlay-container > .cdk-overlay-connected-position-bounding-box > .cdk-overlay-pane > .mat-menu-panel > .mat-menu-content.ng-tns-c142-8 > button.mat-focus-indicator.d-flex.justify-content-between.mat-menu-item.ng-tns-c142-8 {
  justify-content: center !important;
}

/* a link */

.cdk-overlay-container > .cdk-overlay-connected-position-bounding-box > .cdk-overlay-pane > .mat-menu-panel.ng-trigger.ng-trigger-transformMenu.ng-tns-c142-8.mat-menu-before.mat-menu-below.mat-elevation-z4.ng-star-inserted > .mat-menu-content.ng-tns-c142-8 > a.mat-focus-indicator.mat-menu-item.ng-star-inserted.ng-tns-c142-8 {
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
  display: flex;
  height: max-content;
  flex-wrap: wrap;
  justify-content: center;
}

/* a link - span */

.cdk-overlay-container > .cdk-overlay-connected-position-bounding-box > .cdk-overlay-pane > .mat-menu-panel > .mat-menu-content.ng-tns-c142-8 > a.mat-focus-indicator.mat-menu-item.ng-star-inserted.ng-tns-c142-8 > span {
  line-height: 35px;
}

/* a link - span - mr-3*/

.cdk-overlay-container > .cdk-overlay-connected-position-bounding-box > .cdk-overlay-pane > .mat-menu-panel > .mat-menu-content.ng-tns-c142-8 > a.mat-focus-indicator.mat-menu-item.ng-star-inserted.ng-tns-c142-8 > span.mr-3 {
  margin-left: 10px;
  margin-right: 10px !important;
}

/* button - reload */

.cdk-overlay-container > .cdk-overlay-connected-position-bounding-box > .cdk-overlay-pane > .mat-menu-panel > .mat-menu-content.ng-tns-c142-8 > button.mat-focus-indicator.mat-menu-item.ng-tns-c142-8 {
  text-align: center;
}






/* >>> GLOBAL ELEMENTS IN THE BODY DIV <<< */



/* >>> <<< */
/* body container */
/* >>> <<< */

div.container {
  padding-left: 25px;
  padding-right: 25px;
}

@media (max-width: 499px) {
div.container {
  padding-left: 0px;
  padding-right: 0px;
}
}

  
/* >>> <<< */
/* >>> boxes of content <<< */
/* >>> <<< */

  
.mat-card {
  border-radius: 5px!important;
  border-width: 0px!important;
  box-shadow: 0px 0px 10px 0px #E3E4E8!important;
  padding: 24px;
}
  
mat-card {
  border-radius: 5px!important;
  border-width: 0px!important;
  box-shadow: 0px 0px 10px 0px #E3E4E8!important;
}
  
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 10px 0px #E3E4E8!important;
}
  
mat-card.mat-card.mat-focus-indicator {
  border-radius: 5px!important;
  border-width: 0px!important;
  box-shadow: 0px 0px 10px 0px #E3E4E8!important;
}
  
body > pamm-root > div > pamm-investor-root > div > pamm-investor-investments > pamm-investments-table-ext > pamm-table-base > div > mat-card {
  border-radius: 5px!important;
  border-width: 0px!important;
  box-shadow: 0px 0px 10px 0px #E3E4E8!important;
}


/* >>> <<< */
/* mat card */
/* >>> <<< */

pamm-managers-table-ext > pamm-table-base > div > mat-card {
  padding-top: 0px !important;
  padding-bottom: 10px !important;
}

pamm-investments-table-ext > pamm-table-base > div > mat-card {
  padding-top: 0px !important;
  padding-bottom: 10px !important;
}

pamm-history-tables > pamm-transactions-table > pamm-odata-table-ext > mat-card {
  padding-top: 0px !important;
  padding-bottom: 10px !important;
}

pamm-investment-positions-table > pamm-odata-table-ext > mat-card  {
  padding-top: 0px !important;
  padding-bottom: 10px !important;
}

/* >>> <<< */
/* mat card title */
/* >>> <<< */

mat-card-title {
  line-height: 32px!important;
}

/* >>> <<< */
/* pamm oda table div elements */
/* >>> <<< */


@media (max-width: 499px) {
pamm-odata-table-ext > div.mb-2 {
  justify-content: center;
  flex-wrap: wrap;
}
}

@media (max-width: 499px) {
pamm-odata-table-ext > div > button.mat-focus-indicator.mat-badge.mr-auto.mat-button.mat-button-base.mat-badge-overlap.mat-badge-above.mat-badge-after.mat-badge-medium.mat-badge-hidden.mat-badge-disabled.ng-star-inserted {
  margin-right: 0px!important;
}
}

/* >>> <<< */
/* >>> links <<< */
/* >>> <<< */

a:hover {
  color: #12C63F;
}


/* >>> <<< */
/* >>> paginators <<< */
/* >>> <<< */

/* always */

.mat-paginator-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0px;
  padding-top: 15px;
  padding-bottom: 5px;
  flex-wrap: wrap-reverse;
  width: 100%;
}

.mat-paginator-container > .mat-paginator-page-size {
  margin-left: 10px;
  margin-right: 10px;
}

.mat-paginator-container > .mat-paginator-range-actions {
  margin-left: 10px;
  margin-right: 10px;
}

.mat-paginator-container > .mat-paginator-range-actions > .mat-paginator-range-label {
  margin-left: 20px;
  margin-right: 10px;
}

/* 299 */

@media (max-width: 299px) {
  .mat-paginator-container {
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: column-reverse;
  }
}

@media (max-width: 299px) {
  .mat-paginator-container > .mat-paginator-range-actions {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}

@media (max-width: 299px) {
  .mat-paginator-container > .mat-paginator-range-actions > .mat-paginator-range-label {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}

@media (max-width: 299px) {
.mat-paginator-container > .mat-paginator-page-size {
  flex-direction: column;
  justify-content: center;
}
}

@media (max-width: 299px) {
  .mat-paginator-container > .mat-paginator-page-size > .mat-paginator-page-size-label {
    text-align: center;
    margin-bottom: -5px;
  }
}

@media (max-width: 299px) {
.mat-paginator-container > .mat-paginator-page-size > mat-form-field.mat-form-field.mat-paginator-page-size-select {
  margin-right: auto;
  margin-left: auto;
}
}

/* history page - range actions buttons */

pamm-history-tables-page > pamm-history-tables > pamm-transactions-table > pamm-odata-table-ext > mat-card > mat-paginator > div > div > div.mat-paginator-range-actions > button.mat-focus-indicator.mat-paginator-navigation-previous.mat-icon-button.mat-button-base {
  margin-left: -10px;
  margin-right: -5px;
}

pamm-history-tables-page > pamm-history-tables > pamm-transactions-table > pamm-odata-table-ext > mat-card > mat-paginator > div > div > div.mat-paginator-range-actions > button.mat-focus-indicator.mat-paginator-navigation-next.mat-icon-button.mat-button-base {
  margin-left: -5px;
  margin-right: -10px;
}



/* >>> <<< */
/* >>> pamm table base elements <<< */
/* >>> <<< */


/* search + show archive + refresh div */

pamm-table-base > div > div.d-flex {
  margin-top: -5px;
}

@media (max-width: 499px) {
  pamm-table-base > div > div.d-flex {
    flex-direction: row!important;
    justify-content: center!important;
    align-items: center !important;
    margin-bottom: 27px;
  }
}
  
/* search div */

pamm-table-base > div > div > mat-form-field > div > div.mat-form-field-flex > div.mat-form-field-infix {
    width: 100%!important;
}

/* search mat form div */

@media (max-width: 499px) {
pamm-table-base > div > div > mat-form-field > div.mat-form-field-wrapper {
  padding-bottom: 11.5px;
  padding-left: 10px;
  padding-right: 10px;
}
}
  
/* show archive div */

@media (max-width: 499px) {
  pamm-table-base > div > div.d-flex > .mat-slide-toggle {
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
  margin-bottom: 0px;
  justify-content: center;
  height: max-content;
  }
}

/* show archive label */

@media (max-width: 499px) {
  pamm-table-base > div > div.d-flex > .mat-slide-toggle > label.mat-slide-toggle-label {
    justify-content: center;
    height: max-content;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

/* show archive label content */

@media (max-width: 499px) {
  pamm-table-base > div > div.d-flex > .mat-slide-toggle > label.mat-slide-toggle-label > span.mat-slide-toggle-content {
    white-space: normal;
    overflow-wrap: break-word;
    margin-top: 5px;
    margin-bottom: 5px;
    height: max-content;
  }
}

/* refresh button */

@media (max-width: 499px) {
pamm-table-base > div > div > button.mat-focus-indicator {
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: -15px;
  margin-right: -15px;
}
}



/* >>> <<< */
/* >>> overlay <<< */
/* >>> <<< */

.cdk-overlay-pane {
  overflow-y: scroll !important;
}

.cdk-overlay-pane.mat-datepicker-popup {
  box-shadow: 0px 0px 5px -2px #000000 !important;
  border-radius: 5px !important;
  background-color: #ffffff;
}

.cdk-overlay-connected-position-bounding-box > .cdk-overlay-pane {
  box-shadow: 0px 0px 5px -2px #000000 !important;
  border-radius: 5px !important;
  background-color: #ffffff;
}
    





/* >>> money managers page <<< */
/* ???? */



/* page title */

@media (max-width: 499px) {
pamm-manager-money-managers > h1 {
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
}
}






/* >>> investments page <<< */
/* ???? */




/* page title div - div */

pamm-investor-investments > pamm-heading > div.pb-3 {
    padding: 0px!important;
}

/* page title div */

@media (max-width: 499px) {
  pamm-investor-investments > pamm-heading > div.pb-3 > div.d-flex {
    justify-content: center!important;
  }
}

/* page title */

@media (max-width: 499px) {
  pamm-investor-investments > pamm-heading > div.pb-3 > div.d-flex > h1 {
    text-align: center;
    white-space: normal;
    overflow-wrap: break-word;
  }
}

/* register as an investor button */

pamm-investor-investments > pamm-heading > div > div > a.mat-focus-indicator {
  display: none;
}





/* >>> history page <<< */
/* ???? */


/* page title */

pamm-history-tables-page > h1 {
  margin-bottom: 28px !important;
}

@media (max-width: 499px) {
pamm-history-tables-page > h1 {
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
}
}

/* transactions / requests div */

pamm-history-tables > div.mb-4 {
  margin-bottom: 16px !important;
}

@media (max-width: 499px) {
  pamm-history-tables > div.mb-4 {
    text-align: center;
  }
}

@media (max-width: 499px) {
  pamm-history-tables > div.mb-4 > mat-button-toggle-group {
  width: 100%;
  max-width: 300px;
  flex-wrap: wrap;
}
}

@media (max-width: 499px) {
  pamm-history-tables > div.mb-4 > mat-button-toggle-group > mat-button-toggle.mat-button-toggle {
  flex: 1;
  border: none!important;
}
}

@media (max-width: 499px) {
  pamm-history-tables > div.mb-4 > mat-button-toggle-group > mat-button-toggle > button.mat-button-toggle-button {
  display: flex!important;
  height: 100%!important;
  align-items: center;
  justify-content: center;
}
}

pamm-history-tables > div.mb-4 > mat-button-toggle-group > mat-button-toggle > button > div.mat-button-toggle-label-content {
  white-space: normal!important;
  overflow-wrap: break-word!important;
  line-height: 25px!important;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  min-height: 36px!important;
}



/* >>> filters pop-up <<< */

/* filters pop-up */

mat-dialog-content > div > mat-form-field > div > div.mat-form-field-flex > div.mat-form-field-infix {
  width: 100%!important;
}

mat-dialog-content > div > mat-form-field {
  width: 100%!important;
}

/* buttons div */

pamm-odata-table-filters-dialog > mat-dialog-actions {
  margin-bottom: 0px!important;
  justify-content: center;
  flex-direction: column;
}

/* filters button */

mat-dialog-actions > button.mat-focus-indicator.mat-flat-button.mat-button-base.mat-accent {
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 36px;
  margin-bottom: 15px!important;
  margin-top: 0px!important;
  margin-left: 0px!important;
  margin-right: 0px!important;
}

/* clear button */

mat-dialog-actions > button.mat-focus-indicator.mat-stroked-button.mat-button-base {
  margin: 0px;
}

/* calendar */
.mat-datepicker-content .mat-calendar {
  width: 100%;
}

/* reason */

#cdk-overlay-6 { 
  min-width: 0px!important;
}



/* >>> strategy page <<< */
/* ???? */



/* page text above title div */

@media (max-width: 499px) {
  pamm-manager-page > pamm-manager-heading > div.d-flex {
  justify-content: center!important;
  flex-wrap: wrap;
  text-align: center;
}
}

/* page title div */

@media (max-width: 499px) {
  pamm-manager-page > pamm-manager-heading > div.pm-head-title {
  justify-content: center!important;
}
}

/* page title */

@media (max-width: 499px) {
  pamm-manager-page > pamm-manager-heading > div.pm-head-title > h1 {
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
}
}

/* rollover + 3 dots div */

@media (max-width: 499px) {
  pamm-manager-page > div.mb-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
}

/* rollover + 3 dots deeper div */

@media (max-width: 499px) {
  pamm-manager-page > div.mb-4 > pamm-manager-controls > div.ng-star-inserted {
    display: flex;
    flex-direction: column;
}
}

/* launch rollover button div */

@media (max-width: 499px) {
  pamm-manager-page > div > pamm-manager-controls > div.ng-star-inserted > .mr-2 {
    margin: 0px!important;
}
}

/* launch rollover button */

pamm-manager-page > div > pamm-manager-controls > div > pamm-rollover-button > div > button {
  background-color: #ffffff!important;
  white-space: normal!important;
  overflow-wrap: break-word!important;
  line-height: 25px!important;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  min-height: 36px!important;
}





/* >>> 3 dots pop-up <<< */

/* >>> <<< */
/* edit */
/* >>> <<< */

/* title div */

.cdk-overlay-pane > .mat-dialog-container > .ng-star-inserted > .mat-dialog-title {
  text-align: center;
}

/* buttons div */

.cdk-overlay-pane > .mat-dialog-container > .ng-star-inserted > .mat-dialog-actions {
  margin-bottom: 0px!important;
  justify-content: center!important;
  flex-direction: column!important;
}

/* save button */

.cdk-overlay-pane > .mat-dialog-container > .ng-star-inserted > .mat-dialog-actions > button.mat-focus-indicator.mat-raised-button.mat-button-base.mat-primary {
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 36px;
  margin-bottom: 15px!important;
  margin-top: 0px!important;
  margin-left: 0px!important;
  margin-right: 0px!important;
  background-color: #12C63F;
  box-shadow: none
}

.cdk-overlay-pane > .mat-dialog-container > .ng-star-inserted > .mat-dialog-actions > button.mat-focus-indicator.mat-raised-button.mat-button-base.mat-accent.ng-star-inserted {
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 36px;
  margin-bottom: 15px!important;
  margin-top: 0px!important;
  margin-left: 0px!important;
  margin-right: 0px!important;
  background-color: #12C63F;
  box-shadow: none
}

.mat-focus-indicator.mat-raised-button.mat-button-base.mat-primary {
  background-color: #12C63F;
  box-shadow: none
}

/* clear button */

.cdk-overlay-pane > .mat-dialog-container > .ng-star-inserted > .mat-dialog-actions > button.mat-focus-indicator.mat-stroked-button.mat-button-base {
  margin: 0px!important;
}

/* checkbox */

.mat-checkbox-checked.mat-primary .mat-checkbox-background, .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #12C63F;
}



/* >>> <<< */
/* avatar */
/* >>> <<< */

/* image */

@media (max-width: 249px) {
pamm-avatar > div > span.fad.fa-camera {
  font-size: 60px!important;
}
}




/* >>> investments <<< */

/* >>> <<< */
/* >>> pamm-manager-investor-page - investment # sub-page <<< */
/* >>> <<< */


/* page title div */

@media (max-width: 499px) {
  pamm-manager-investor-page > pamm-investor-page-header {
  justify-content: center!important;
}
}

/* page text above title div */

@media (max-width: 499px) {
  pamm-manager-investor-page > pamm-investor-page-header > div.small {
  justify-content: center!important;
  flex-wrap: wrap;
  text-align: center;
}
}

/* page title */

@media (max-width: 499px) {
  pamm-manager-investor-page > pamm-investor-page-header > h1{
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
}
}

/* report button div */

@media (max-width: 499px) {
  pamm-manager-investor-page > div > pamm-investment-controls > pamm-button-list > div.d-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
}

/* report button */

pamm-manager-investor-page > div > pamm-investment-controls > pamm-button-list > div > button {
  background-color: #ffffff!important;
  white-space: normal!important;
  overflow-wrap: break-word!important;
  line-height: 25px!important;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  min-height: 36px!important;
  margin: 0px!important;
}




/* >>> offers <<< */

/* >>> <<< */
/* create button */
/* >>> <<< */

@media (max-width: 499px) {
  pamm-manager-offer-list > button {
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex!important;
  }
}

pamm-manager-offer-list > button {
  background-color: #ffffff!important;
  white-space: normal!important;
  overflow-wrap: break-word!important;
  line-height: 25px!important;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  min-height: 36px!important;
}



/* >>> <<< */
/* edit button pop-up */
/* >>> <<< */


/* expansion panel title */

@media (max-width: 499px) {
pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div > mat-accordion > mat-expansion-panel > mat-expansion-panel-header {
  min-height: 64px!important;
  justify-content: center!important;
  flex-direction: column!important;
  height: fit-content!important;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  white-space: normal!important;
  overflow-wrap: break-word!important;
}
}

@media (max-width: 499px) {
pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div > mat-accordion > mat-expansion-panel > mat-expansion-panel-header > span.mat-content {
align-items: center!important;
text-align: center!important;
justify-content:center!important;
flex-direction: column!important;
margin-top: 5px;
margin-bottom: 5px;
}
}

@media (max-width: 499px) {
pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div > mat-accordion > mat-expansion-panel > mat-expansion-panel-header > span.mat-content > mat-panel-title {
  margin-right: 0px;
  margin-bottom: 10px;
}
}

@media (max-width: 499px) {
pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div > mat-accordion > mat-expansion-panel > mat-expansion-panel-header > span.mat-content > mat-panel-description {
  margin-right: 0px;
}
}

@media (max-width: 499px) {
pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div > mat-accordion > mat-expansion-panel > mat-expansion-panel-header > span.mat-expansion-indicator {
margin-bottom: 5px;
}
}

/* expansion panel title - join links */

@media (max-width: 499px) {
  pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div.mt-2 > mat-expansion-panel > mat-expansion-panel-header {
    min-height: 64px!important;
    justify-content: center!important;
    flex-direction: column!important;
    height: fit-content!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    white-space: normal!important;
    overflow-wrap: break-word!important;
  }
}
  
@media (max-width: 499px) {
  pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div.mt-2 > mat-expansion-panel > mat-expansion-panel-header > span.mat-content {
  align-items: center!important;
  text-align: center!important;
  justify-content:center!important;
  flex-direction: column!important;
  margin-top: 5px;
  margin-bottom: 5px;
  }
}
  
@media (max-width: 499px) {
  pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div.mt-2 > mat-expansion-panel > mat-expansion-panel-header > span.mat-content > mat-panel-title {
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
  
@media (max-width: 499px) {
  pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div.mt-2 > mat-expansion-panel > mat-expansion-panel-header > span.mat-content > mat-panel-description {
    margin-right: 0px;
  }
}

@media (max-width: 499px) {
  pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div.mt-2 > mat-expansion-panel > mat-expansion-panel-header > span.mat-content > mat-panel-description > pamm-length-badge > span.badge {
    margin-left: 0px!important;
    margin-bottom: 10px!important;
  }
}

@media (max-width: 499px) {
  pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div.mt-2 > mat-expansion-panel > mat-expansion-panel-header > span.mat-expansion-indicator {
  margin-bottom: 5px;
  }
}

/* wrapper div */

pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div.d-flex.flex-column > pamm-input > mat-form-field > div.mat-form-field-wrapper {
  padding-bottom: 9.5px;
}

mat-expansion-panel > div.mat-expansion-panel-content > div.mat-expansion-panel-body > pamm-select > mat-form-field > div.mat-form-field-wrapper {
  padding-bottom: 9.5px;
}


/* public checkbox div */

pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div.d-flex.flex-column > pamm-checkbox {
  margin-bottom: 15px;
  margin-top: -3px;
}

/* expansion pannel div */

pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div > mat-accordion > mat-expansion-panel.mat-expansion-panel {
  margin-bottom: 20px!important;
  border-radius: 4px!important;
}

pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div > mat-accordion > mat-expansion-panel.mat-expansion-panel.mat-expanded {
  margin-top: 0px!important;
}

/* expansion pannel - expanded - scroll */

pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div > mat-accordion > mat-expansion-panel.mat-expansion-panel.mat-expanded {
  overflow-x: scroll;
}

pamm-offer-modal > mat-dialog-content > div > pamm-offer-form > div > mat-expansion-panel.mat-expansion-panel.mat-expanded {
  overflow-x: scroll;
}

/* configuration expansion panel elements */

mat-expansion-panel > div.mat-expansion-panel-content > div.mat-expansion-panel-body > div.d-flex > pamm-form-field {
  margin-right: 10px;
}

@media (max-width: 549px) {
mat-expansion-panel > div.mat-expansion-panel-content > div.mat-expansion-panel-body > div.d-flex > pamm-form-field {
  margin-right: 0px!important;
  width: 100%;
}
}

@media (max-width: 549px) {
mat-expansion-panel > div.mat-expansion-panel-content > div.mat-expansion-panel-body > div.d-flex > pamm-form-field > mat-form-field.mat-form-field {
  width: 100%;
}
}

@media (max-width: 549px) {
mat-expansion-panel > div.mat-expansion-panel-content > div.mat-expansion-panel-body > div.d-flex > pamm-select {
  width: 100%;
}
}

/* agent commission expansion panel elements */

mat-expansion-panel > div.mat-expansion-panel-content > div.mat-expansion-panel-body > div.d-flex > pamm-input-agent-distribution-chain > section.ng-star-inserted > button.mat-focus-indicator {
  margin-bottom: 15px;
}

@media (max-width: 549px) {
mat-expansion-panel > div.mat-expansion-panel-content > div.mat-expansion-panel-body > div.d-flex > pamm-input-agent-distribution-chain > section.ng-star-inserted > button.mat-focus-indicator {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  white-space: normal!important;
  overflow-wrap: break-word!important;
  line-height: 25px!important;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  min-height: 36px!important;
}
}

@media (max-width: 549px) {
mat-expansion-panel > div.mat-expansion-panel-content > div.mat-expansion-panel-body > div.d-flex > div.mb-3 > button.mat-focus-indicator {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  white-space: normal!important;
  overflow-wrap: break-word!important;
  line-height: 25px!important;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  min-height: 36px!important;
}
}


@media (max-width: 549px) {
mat-expansion-panel > div.mat-expansion-panel-content > div.mat-expansion-panel-body > div.d-flex > div.mb-3 > div.border-left > pamm-fee-override-form > div > mat-form-field {
  width: 100%!important;
}
}

mat-expansion-panel > div.mat-expansion-panel-content > div.mat-expansion-panel-body > div.d-flex > div.mb-3 > div.border-left {
  padding: 0px !important;
  margin: 0px !important;
  margin-bottom: -20px !important;
  margin-top: -5px !important;
  border-left: none !important;
}


mat-expansion-panel > div.mat-expansion-panel-content > div.mat-expansion-panel-body > div.d-flex > pamm-input-agent-distribution-chain > section.ng-star-inserted > h5.mb-0 {
  margin-top: 5px;
}

mat-expansion-panel > div.mat-expansion-panel-content > div.mat-expansion-panel-body > div.d-flex > pamm-input-agent-distribution-chain > section.ng-star-inserted > p.ng-star-inserted {
  margin-bottom: 20px;
  margin-top: 10px;
}

/* delete trash icon button */

pamm-offer-modal > mat-dialog-actions > button.mat-focus-indicator.mat-menu-trigger {
  margin-top: 5px;
  margin-bottom: -15px;
}


/* >>> positions <<< */

/* open position / close position button */

pamm-investment-positions > div.mb-4 {
  margin-bottom: 16px !important;
}

@media (max-width: 499px) {
  pamm-investment-positions > div.mb-4 {
    text-align: center;
  }
}

@media (max-width: 499px) {
pamm-investment-positions > div.mb-4 > mat-button-toggle-group {
  width: 100%;
  max-width: 300px;
  flex-wrap: wrap;
}
}

@media (max-width: 499px) {
pamm-investment-positions > div.mb-4 > mat-button-toggle-group > mat-button-toggle.mat-button-toggle {
  flex: 1;
  border: none!important;
}
}

@media (max-width: 499px) {
pamm-investment-positions > div.mb-4 > mat-button-toggle-group > mat-button-toggle > button.mat-button-toggle-button {
  display: flex!important;
  height: 100%!important;
  align-items: center;
  justify-content: center;
}
}

pamm-investment-positions > div.mb-4 > mat-button-toggle-group > mat-button-toggle > button > div.mat-button-toggle-label-content {
  white-space: normal!important;
  overflow-wrap: break-word!important;
  line-height: 25px!important;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  min-height: 36px!important;
}

/* open position / close position text */

@media (max-width: 499px) {
  pamm-investment-positions > h2.ng-star-inserted {
    text-align: center;
  }
}







/* >>> investments for investors <<< */

/* >>> <<< */
/* >>> pamm-investor-investor-page - investment # sub-page <<< */
/* >>> <<< */

/* page text above title div */

@media (max-width: 499px) {
  pamm-investor-investor-page > small.text-muted {
  display: flex;
  justify-content: center!important;
  flex-wrap: wrap;
  text-align: center;
}
}

/* page title */

@media (max-width: 499px) {
  pamm-investor-investor-page > h1 {
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
}
}

/* button list buttons div */

@media (max-width: 499px) {
  pamm-investment-controls > pamm-button-list > div.d-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
}

/* button list buttons themselves */

pamm-investor-investor-page > div > pamm-investment-controls > pamm-button-list > div > button.mat-focus-indicator.mr-2 {
  background-color: #ffffff!important;
  margin-right: 4px!important;
  margin-left: 4px!important;
}

pamm-investor-investor-page > div > pamm-investment-controls > pamm-button-list > div > button {
  white-space: normal!important;
  overflow-wrap: break-word!important;
  line-height: 25px!important;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  min-height: 36px!important;
  margin-top: 4px!important;
  margin-bottom: 4px!important;
}

/* >>> <<< */
/* >>> investments <<< */
/* >>> <<< */


pamm-investment.flex-fill {
  overflow-x: scroll;
}

ul.leaders>li {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

pamm-investment > mat-card > mat-card-content > ul > li > span {
  white-space: normal!important;
  overflow-wrap: break-word!important;
}

pamm-investment > mat-card > mat-card-content > ul > li > span > pamm-investment-trading-interval > span.text-nowrap {
  white-space: normal!important;
  overflow-wrap: break-word!important;
}


pamm-investment > mat-card > mat-card-content > pamm-profit-display-list > ul > li > span {
  white-space: normal!important;
  overflow-wrap: break-word!important;
}

pamm-investment > mat-card > mat-card-content > pamm-profit-display-list > ul > li > div {
  white-space: normal!important;
  overflow-wrap: break-word!important;
}

pamm-investment > mat-card > mat-card-content > ul > li > div {
  white-space: normal!important;
  overflow-wrap: break-word!important;
}

ul.leaders>li>:nth-child(2) {
  padding-left: 20px;
}


/* >>> <<< */
/* >>> buttons - deposit <<< */
/* >>> <<< */

pamm-deposit-modal > mat-dialog-content > pamm-investment-description {
  display: flex;
  flex-direction: column;
}

pamm-deposit-modal > mat-dialog-content > pamm-investment-description > div.mb-1 {
  display: flex;
  flex-direction: column;
}

/* >>> <<< */
/* >>> buttons - withdraw <<< */
/* >>> <<< */

pamm-withdraw-modal > mat-dialog-content > pamm-investment-description {
  display: flex;
  flex-direction: column;
}

pamm-withdraw-modal > mat-dialog-content > pamm-investment-description > div.mb-1 {
  display: flex;
  flex-direction: column;
}

/* >>> <<< */
/* >>> report - button <<< */
/* >>> <<< */

pamm-investment-report-modal > mat-dialog-content > div:nth-child(1) > button.mat-focus-indicator {
  display: none;
}


/* >>> <<< */
/* >>> edit - button <<< */
/* >>> <<< */

pamm-investment-edit-modal > mat-dialog-content > div:nth-child(2) > h2 {
  margin-top: -20px;
}

pamm-investment-edit-modal > mat-dialog-actions > button.mat-focus-indicator.mat-button.mat-button-base {
  margin-left: 0px!important;
  border: 1px solid rgba(0, 0, 0, .12);
}

/* >>> <<< */
/* >>> close account - button <<< */
/* >>> <<< */

pamm-close-investment-modal > mat-dialog-content > pamm-investment-description {
  display: flex;
  flex-direction: column;
}

pamm-close-investment-modal > mat-dialog-content > pamm-investment-description > div.mb-1 {
  display: flex;
  flex-direction: column;
}

/**/

/* buttons div */

.cdk-overlay-pane > .mat-dialog-container > .ng-star-inserted > .mat-dialog-actions > .d-flex {
  margin-bottom: 0px!important;
  justify-content: center!important;
  flex-direction: column!important;
  display: flex;
}

/* close button */

.cdk-overlay-pane > .mat-dialog-container > .ng-star-inserted > .mat-dialog-actions > .d-flex > button.mat-focus-indicator.mat-raised-button.mat-button-base.mat-warn {
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 36px;
  margin-bottom: 15px!important;
  margin-top: 15px!important;
  margin-left: 0px!important;
  margin-right: 0px!important;
  box-shadow: none
}

/* clear button */

.cdk-overlay-pane > .mat-dialog-container > .ng-star-inserted > .mat-dialog-actions > .d-flex > button.mat-focus-indicator.mat-stroked-button.mat-button-base {
  margin: 0px!important;
}






/* >>> positions <<< */

/* >>> <<< */
/* >>> open positions table <<< */
/* >>> <<< */

/* >>> investments table <<< */

/* trade results */

pamm-investor-root > div > pamm-investor-investments > pamm-investments-table-ext > pamm-table-base > div > mat-card > div > div > table > thead > tr > th.mat-sort-header.mat-header-cell.cdk-header-cell.text-right.cdk-column-tradeResults.mat-column-tradeResults.ng-star-inserted {
  display: none;
}

pamm-investor-root > div > pamm-investor-investments > pamm-investments-table-ext > pamm-table-base > div > mat-card > div > div > table > tbody > tr > td.mat-cell.cdk-cell.text-nowrap.text-right.cdk-column-tradeResults.mat-column-tradeResults.ng-star-inserted {
  display: none;
}

/* trade results - current trading interval */

pamm-investor-root > div > pamm-investor-investments > pamm-investments-table-ext > pamm-table-base > div > mat-card > div > div > table > thead > tr > th.mat-sort-header.mat-header-cell.cdk-header-cell.text-right.cdk-column-profitInterval.mat-column-profitInterval.ng-star-inserted {
  display: none;
}

pamm-investor-root > div > pamm-investor-investments > pamm-investments-table-ext > pamm-table-base > div > mat-card > div > div > table > tbody > tr > td.mat-cell.cdk-cell.text-nowrap.text-right.cdk-column-profitInterval.mat-column-profitInterval.ng-star-inserted {
  display: none;
}

/* trading interval */

pamm-investor-root > div > pamm-investor-investments > pamm-investments-table-ext > pamm-table-base > div > mat-card > div > div > table > thead > tr > th.mat-sort-header.mat-header-cell.cdk-header-cell.cdk-column-tradingInterval.mat-column-tradingInterval.ng-star-inserted {
  display: none;
}

pamm-investor-root > div > pamm-investor-investments > pamm-investments-table-ext > pamm-table-base > div > mat-card > div > div > table > tbody > tr > td.mat-cell.cdk-cell.cdk-column-tradingInterval.mat-column-tradingInterval.ng-star-inserted {
  display: none;
}

/* >>> positions open / close table <<< */

/* manager volume column */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > pamm-investment-positions > pamm-investment-positions-table > pamm-odata-table-ext > mat-card > div > table > thead > tr > th.mat-header-cell.cdk-header-cell.text-right.cdk-column-volumeSource.mat-column-volumeSource.ng-star-inserted {
  display: none;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > pamm-investment-positions > pamm-investment-positions-table > pamm-odata-table-ext > mat-card > div > table > tbody > tr > td.mat-cell.cdk-cell.text-right.cdk-column-volumeSource.mat-column-volumeSource.ng-star-inserted {
  display: none;
}

/* manager profit column */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > pamm-investment-positions > pamm-investment-positions-table > pamm-odata-table-ext > mat-card > div > table > thead > tr > th.mat-header-cell.cdk-header-cell.cdk-column-profitSource.mat-column-profitSource.ng-star-inserted {
  display: none;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > pamm-investment-positions > pamm-investment-positions-table > pamm-odata-table-ext > mat-card > div > table > tbody > tr > td.mat-cell.cdk-cell.cdk-column-profitSource.mat-column-profitSource.ng-star-inserted {
  display: none;
}

/* Current Share */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > pamm-investment-positions > pamm-investment-positions-table > pamm-odata-table-ext > mat-card > div > table > thead > tr > th.mat-header-cell.cdk-header-cell.text-right.cdk-column-share.mat-column-share.ng-star-inserted {
  display: none;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > pamm-investment-positions > pamm-investment-positions-table > pamm-odata-table-ext > mat-card > div > table > tbody > tr > td.mat-cell.cdk-cell.text-right.cdk-column-share.mat-column-share.ng-star-inserted {
  display: none;
}

/* Investor Volume */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > pamm-investment-positions > pamm-investment-positions-table > pamm-odata-table-ext > mat-card > div > table > thead > tr > th.mat-header-cell.cdk-header-cell.text-right.cdk-column-volumeInvestor.mat-column-volumeInvestor.ng-star-inserted {
  display: none;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > pamm-investment-positions > pamm-investment-positions-table > pamm-odata-table-ext > mat-card > div > table > tbody > tr > td.mat-cell.cdk-cell.text-right.cdk-column-volumeInvestor.mat-column-volumeInvestor.ng-star-inserted {
  display: none;
}

/* >>> position # pop-up table <<< */

/* volume */

mat-dialog-container > pamm-position-details-modal > mat-dialog-content > table > thead > tr > th.mat-header-cell.cdk-header-cell.text-right.cdk-column-volumeOpen.mat-column-volumeOpen.ng-star-inserted {
  display: none;
}

mat-dialog-container > pamm-position-details-modal > mat-dialog-content > table > tbody > tr > td.mat-cell.cdk-cell.text-right.cdk-column-volumeOpen.mat-column-volumeOpen.ng-star-inserted {
  display: none;
}

mat-dialog-container > pamm-position-details-modal > mat-dialog-content > table > thead > tr > td.mat-cell.cdk-cell.text-right.cdk-column-pending-volume.mat-column-pending-volume.ng-star-inserted {
  display: none;
}

/* share */

mat-dialog-container > pamm-position-details-modal > mat-dialog-content > table > thead > tr > th.mat-header-cell.cdk-header-cell.text-right.cdk-column-share.mat-column-share.ng-star-inserted {
  display: none;
}

mat-dialog-container > pamm-position-details-modal > mat-dialog-content > table > tbody > tr > td.mat-cell.cdk-cell.text-right.cdk-column-share.mat-column-share.ng-star-inserted {
  display: none;
}

mat-dialog-container > pamm-position-details-modal > mat-dialog-content > table > thead > tr > td.mat-cell.cdk-cell.text-right.cdk-column-pending-share.mat-column-pending-share.ng-star-inserted {
  display: none;
}

/* >>> history table - investment page <<< */

/* comment */

/*
pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > pamm-history-tables > pamm-transactions-table > pamm-odata-table-ext > mat-card > div > table > thead > tr > th.mat-header-cell.cdk-header-cell.cdk-column-comment.mat-column-comment.ng-star-inserted {
  display: none;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > pamm-history-tables > pamm-transactions-table > pamm-odata-table-ext > mat-card > div > table > tbody > tr > td.mat-cell.cdk-cell.cdk-column-comment.mat-column-comment.ng-star-inserted {
  display: none;
}
*/

/* request */

/*
pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > pamm-history-tables > pamm-transactions-table > pamm-odata-table-ext > mat-card > div > table > thead > tr > th.mat-header-cell.cdk-header-cell.cdk-column-request.mat-column-request.ng-star-inserted {
  display: none;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > pamm-history-tables > pamm-transactions-table > pamm-odata-table-ext > mat-card > div > table > tbody > tr > td.mat-cell.cdk-cell.small.text-muted.cdk-column-request.mat-column-request.ng-star-inserted {
  display: none;
}
*/

/* >>> history table - history page <<< */

/* comment */

/*
pamm-investor-root > div > pamm-history-tables-page > pamm-history-tables > pamm-transactions-table > pamm-odata-table-ext > mat-card > div > table > thead > tr > th.mat-header-cell.cdk-header-cell.cdk-column-comment.mat-column-comment.ng-star-inserted {
  display: none;
}

pamm-investor-root > div > pamm-history-tables-page > pamm-history-tables > pamm-transactions-table > pamm-odata-table-ext > mat-card > div > table > tbody > tr > td.mat-cell.cdk-cell.cdk-column-comment.mat-column-comment.ng-star-inserted {
  display: none;
}
*/

/* request */

/*
pamm-investor-root > div > pamm-history-tables-page > pamm-history-tables > pamm-transactions-table > pamm-odata-table-ext > mat-card > div > table > thead > tr > th.mat-header-cell.cdk-header-cell.cdk-column-request.mat-column-request.ng-star-inserted {
  display: none;
}

pamm-investor-root > div > pamm-history-tables-page > pamm-history-tables > pamm-transactions-table > pamm-odata-table-ext > mat-card > div > table > tbody > tr > td.mat-cell.cdk-cell.small.text-muted.cdk-column-request.mat-column-request.ng-star-inserted {
  display: none;
}
*/

/* >>> request table - history page <<< */

/* comment */

/*
pamm-investor-root > div > pamm-history-tables-page > pamm-history-tables > pamm-requests-table > pamm-odata-table-ext > mat-card > div > table > thead > tr > th.mat-header-cell.cdk-header-cell.cdk-column-comment.mat-column-comment.ng-star-inserted {
  display: none;
}

pamm-investor-root > div > pamm-history-tables-page > pamm-history-tables > pamm-requests-table > pamm-odata-table-ext > mat-card > div > table > tbody > tr > td.mat-cell.cdk-cell.cdk-column-comment.mat-column-comment.ng-star-inserted {
  display: none;
}
*/

/* >>> <<< */
/* >>> deal number pop-up <<< */
/* >>> <<< */

/* money manager position details div */

mat-dialog-container > pamm-position-details-modal > .mat-dialog-content > div.ng-star-inserted {
  display: none;
}

/* h3 - transactions */

mat-dialog-container > pamm-position-details-modal > .mat-dialog-content > h3 {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

mat-dialog-container > pamm-position-details-modal > .mat-dialog-content > h3::after {
  content: "The transactions below are updated on Rollover. The Rollover is the event when the platform distributes the profit of the Money Manager's Position to the Investors' acounts. Time = the time at which the last Rollover was executed. Last Price = the price of the Position's symbol at the Rollover. Amount = the Position's profit generated from the previous Rollover; the sum of all the Amounts is equal to the Position's  Investor Profit in the previous page.";
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
}

/* table div */

mat-dialog-container > pamm-position-details-modal > .mat-dialog-content {
  padding-bottom: 25px;
}

/* table itself */

mat-dialog-container > pamm-position-details-modal > .mat-dialog-content > table {
  width: 100%;
}


/* >>> <<< */
/* >>> summary <<< */
/* >>> <<< */

/* created time div */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul:nth-child(1) {
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
  padding-bottom: 16px;
}

/* manager name */

/*
pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul:nth-child(1) > li:nth-child(1) {
  display: none;
}
*/

/* trading interval */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul:nth-child(1) > li:nth-child(3) {
  display: none;
}

/* current trading interval profit */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > pamm-profit-display-list > ul > li:nth-child(1) {
  display: none;
}

/* trade results */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > pamm-profit-display-list > ul > li:nth-child(4) {
  margin-bottom: 16px;
  margin-top: 16px;
  border-top: 1px dashed rgba(0, 0, 0, 0.14);
  padding-top: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
  padding-bottom: 5px;
  display: none;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > pamm-profit-display-list > ul > li:nth-child(4) > div:nth-child(1) {
  display: flex;
  flex-direction: column;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > pamm-profit-display-list > ul > li:nth-child(4) > div:nth-child(1)::after {
  content: "(Open Trades Profit + Closed Trades Profit)";
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.30);
  margin-left: 0px !important;
  margin-top: 0px !important;
  padding-top: 5px;
  padding-bottom: 10px;
  position: relative!important;
  opacity: 1;
  top: 0px;
  width: 100%;
  border-top: 0px dotted #ddd;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > pamm-profit-display-list > ul > li:nth-child(4) > div:nth-child(2) {
  padding-bottom: 10px!important;
}

/* fees */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li.ng-star-inserted > div:nth-child(1) > a.text-muted {
  display: none;
}

/* net deposit */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li.mt-2 {
  margin-top: 0px !important;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li.mt-2 > div:nth-child(1) > a.text-muted {
  display: none;
}

/* net profit */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li.mb-2  {
  display: flex!important;
  margin-top: 16px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.24) !important;
  padding-top: 16px !important;
  padding-bottom: 0px !important;
  border-bottom: 0px solid rgba(0, 0, 0, 0.24) !important;
  margin-bottom: 0px !important;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li.mb-2 > div:nth-child(1) {
  display: flex!important;
  flex-direction: column!important;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li.mb-2 > div:nth-child(1)::after {
  content: "(Open Trades Profit + Closed Trades Profit + Fees)"!important;
  font-size: 12px!important;
  line-height: 18px!important;
  font-weight: 500!important;
  color: rgba(0, 0, 0, 0.30);
  margin-left: 0px !important;
  margin-top: 0px !important;
  padding-top: 5px!important;
  padding-bottom: 10px!important;
  position: relative!important;
  opacity: 1!important;
  top: 0px!important;
  width: 100%!important;
  border-top: 0px dotted #ddd!important;
  display: flex!important;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li.mb-2 > div:nth-child(2) {
  padding-bottom: 10px!important;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li.mb-2 > div::after {
  display: none!important;
}


/* balance - li(3) */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(3) {
  margin-top: 0px;
  border-top: 0px dashed rgba(0, 0, 0, 0.14);
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 0px solid rgba(0, 0, 0, 0.24);
  margin-bottom: 0px;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(3) > div {
  display: flex;
  flex-direction: column;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(3) > div::after {
  content: "(Net Deposit + Closed Trades Profit + Fees)";
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.30);
  margin-left: 0px !important;
  margin-top: 0px !important;
  padding-top: 5px;
  padding-bottom: 10px;
  position: relative!important;
  opacity: 1;
  top: 0px;
  width: 100%;
  border-top: 0px dotted #ddd;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(3) > span {
  padding-bottom: 10px;
  font-size: 21px;
  font-weight: lighter;
}



/* balance - li(4) */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(4) {
  margin-top: 0px;
  border-top: 0px dashed rgba(0, 0, 0, 0.14);
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 0px solid rgba(0, 0, 0, 0.24);
  margin-bottom: 0px;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(4) > div {
  display: flex;
  flex-direction: column;
}

/*
pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(4) > div::after {
  content: "(Net Deposit + Closed Trades Profit + Fees)";
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.30);
  margin-left: 0px !important;
  margin-top: 0px !important;
  padding-top: 5px;
  padding-bottom: 10px;
  position: relative!important;
  opacity: 1;
  top: 0px;
  width: 100%;
  border-top: 0px dotted #ddd;
}
*/

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(4) > span {
  padding-bottom: 10px;
}


/* equity - li(4) */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(4) {
  margin-top: 0px;
  border-top: 0px dashed rgba(0, 0, 0, 0.14);
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 0px solid rgba(0, 0, 0, 0.24);
  margin-bottom: 0px;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(4) > span:nth-child(1) {
  display: flex;
  flex-direction: column;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(4) > span:nth-child(1)::after {
  content: "(Net Deposit + Net Profit)";
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.30);
  margin-left: 0px !important;
  margin-top: 0px !important;
  padding-top: 5px;
  padding-bottom: 10px;
  position: relative!important;
  opacity: 1;
  top: 0px;
  width: 100%;
  border-top: 0px dotted #ddd;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(4) > span:nth-child(2) {
  padding-bottom: 10px;
  font-size: 21px;
  font-weight: lighter;
}



/* equity - li(5) */

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(5) {
  margin-top: 0px;
  border-top: 0px dashed rgba(0, 0, 0, 0.14);
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 0px solid rgba(0, 0, 0, 0.24);
  margin-bottom: 0px;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(5) > span:nth-child(1) {
  display: flex;
  flex-direction: column;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(5) > span:nth-child(1)::after {
  content: "(Net Deposit + Net Profit)";
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.30);
  margin-left: 0px !important;
  margin-top: 0px !important;
  padding-top: 5px;
  padding-bottom: 10px;
  position: relative!important;
  opacity: 1;
  top: 0px;
  width: 100%;
  border-top: 0px dotted #ddd;
}

pamm-investor-root > div > pamm-investor-investor-page > pamm-investor-page > mat-tab-group > div > mat-tab-body > div > div > pamm-investment > mat-card > mat-card-content > ul.leaders > li:nth-child(5) > span:nth-child(2) {
  padding-bottom: 0px;
}





/* >>> pamm account # page from investor portal <<< */
/* >>> ????? <<< */


/* >>> text above title <<< */

@media (max-width: 499px) {
pamm-investor-root > div > pamm-investor-manager-page > pamm-manager-heading > div.d-flex {
  text-align: center;
  display: flex !important;
  justify-content: center;
  flex-direction: column;
}
}

/* >>> text above title - top text <<< */

@media (max-width: 499px) {
pamm-investor-root > div > pamm-investor-manager-page > pamm-manager-heading > div > div.small {
  margin-left: auto;
  margin-right: auto;
}
}

/* >>> text above title - bottom text <<< */

@media (max-width: 499px) {
pamm-investor-root > div > pamm-investor-manager-page > pamm-manager-heading > div > pamm-manager-visibility.ml-2 {
  margin-left: auto!important;
  margin-right: auto!important;
}
}

/* >>> title <<< */

@media (max-width: 499px) {
pamm-investor-root > div > pamm-investor-manager-page > pamm-manager-heading > div.pm-head-title {
  text-align: center;
  display: flex;
  justify-content: center;
}
}

/* >>> summary div <<< */

pamm-investor-root > div > pamm-investor-manager-page > div.row {
  display: none;
}