/*default colors*/
/* Dark color varients */
/* semi color varients */
/* light color varients */
/* gradient colors used in cards logo background*/
/*== Color variables for office icons start==*/
/*== Color variables for office icons End==*/
/*....-.....-.....-......-......-......-......-...*/
#O365-Reporting-main-container {
  background: #d5edff;
}
#O365-Reporting-main-container .ps-full-banner-section {
  background-color: #11245e;
}

#O365-Auditing-main-container {
  background: #d5edff;
}

/*
   .droid-nav-tab.bisque{
       &.active, i{
         background: #20597e; // $aqua-blue;
       }
   }
   .droid-nav-tab.purple{
       &.active, i{
         background: #45216d; // $emarald-green;
       }
   }
   .droid-nav-tab.blue{
       &.active, i{
         background: #216768; // $violet;
       }
   }
   .droid-nav-tab.green{
       &.active, i{
         background: #862b75; // $light-red;
       }
   }
   .droid-nav-tab.yellow{
       &.active, i{
         background: #2a4183; // $sea-blue;
       }
   }
   .droid-nav-tab.orange{
       &.active, i{
         background: #275d29; // $orange;
       }
   }
   .droid-nav-tab.pink{
       &.active, i{
         background: #216d74; // $sea-green;
       }
   }
   .droid-nav-tab.rose{
       &.active, i{
         background: #46277e; // $purple;
       }
   }
   .droid-nav-tab.mild{
       &.active, i{
         background: #7f135a; // $olive-green;
       }
   }
*/
/*   
    #AzureAD .ps-report-section-content-part {
        .active, .description-card:hover{
            background: linear-gradient(90deg, $aqua-blue-light 84%, transparent);
        }
    }
    #Security .ps-report-section-content-part {
        .active, .description-card:hover{
            background: linear-gradient(-90deg, $emarald-green-light 84%, transparent);
        }
    }
    #Exchange .ps-report-section-content-part {
        .active, .description-card:hover{
            background: linear-gradient(90deg, $violet-light 80%, transparent);
        }
     }
    #Teams .ps-report-section-content-part {
        .active, .description-card:hover{
            background: linear-gradient(-90deg, $light-red-light 87%, transparent);
        }
     }
    #SharePoint .ps-report-section-content-part {
        .active, .description-card:hover{
            background: linear-gradient(90deg, $sea-blue-light 90%, transparent);
        }
     }
    #OneDrive .ps-report-section-content-part {
        .active, .description-card:hover{
            background: linear-gradient(-90deg, $orange-light 80%, transparent);
        }
    }
    #Skype .ps-report-section-content-part {
        .active, .description-card:hover{
            background: linear-gradient(90deg, $sea-green-light 88%, transparent);
        }
    }
    #Yammer .ps-report-section-content-part {
        .active, .description-card:hover{
            background: linear-gradient(-90deg, $purple-light 80%, transparent);
        }
    }    
    #General .ps-report-section-content-part { 
        .active, .description-card:hover{
            background: linear-gradient(90deg, $olive-green-light 80%, transparent);
        }
    }
*/
.ps-individual-report-section {
  /*&:nth-child(even){
    .ps-report-section-content-part {
        .description-card.active, .description-card:hover{
            background: linear-gradient(-90deg, rgba($black, 0.15) 84%, transparent);
        }
    }
  }*/
}
.ps-individual-report-section .ps-report-section-content-part .description-card.active, .ps-individual-report-section .ps-report-section-content-part .description-card:hover {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 84%, transparent);
}

.ps-report-cards-holder .bisque .ps-indiv-report-card-logo {
  background: linear-gradient(315deg, #fc9842 0%, #fe5f75 74%);
}
.ps-report-cards-holder .purple .ps-indiv-report-card-logo {
  background: linear-gradient(135deg, #f07cff, #8205ff);
}
.ps-report-cards-holder .blue .ps-indiv-report-card-logo {
  background: linear-gradient(315deg, #6883df 0%, #54c6eb 74%);
}
.ps-report-cards-holder .green .ps-indiv-report-card-logo {
  background: linear-gradient(315deg, #08e1ae 0%, #98de5b 74%);
}
.ps-report-cards-holder .yellow .ps-indiv-report-card-logo {
  background: linear-gradient(315deg, #22f7f3 0%, #149fbb 74%);
}
.ps-report-cards-holder .orange .ps-indiv-report-card-logo {
  background: linear-gradient(319deg, #e96c27 0%, #fe7f2d 37%, #ffbf46 100%);
}
.ps-report-cards-holder .pink .ps-indiv-report-card-logo {
  background: linear-gradient(135deg, #f13fbf 0%, #a88beb 74%);
}
.ps-report-cards-holder .rose .ps-indiv-report-card-logo {
  background: linear-gradient(315deg, #ff00a5 0%, #d800ff 74%);
}
.ps-report-cards-holder .mild .ps-indiv-report-card-logo {
  background: linear-gradient(315deg, #0bf9cd 0%, #48a9fe 74%);
}

/* Active tab bg color by Office icon Start*/
.droid-nav-tab[title="Azure AD"].active, .droid-nav-tab[title="Azure AD"] i {
  background: #2b7cea;
}
.droid-nav-tab[title=Security].active, .droid-nav-tab[title=Security] i {
  background: #254f93;
}
.droid-nav-tab[title="Exchange Online"].active, .droid-nav-tab[title="Exchange Online"] i {
  background: #3276d2;
}
.droid-nav-tab[title=Email].active, .droid-nav-tab[title=Email] i {
  background: #4240ab;
}
.droid-nav-tab[title="SharePoint Online"].active, .droid-nav-tab[title="SharePoint Online"] i {
  background: #216b70;
}
.droid-nav-tab[title=OneDrive].active, .droid-nav-tab[title=OneDrive] i {
  background: #2a62b6;
}
.droid-nav-tab[title=Teams].active, .droid-nav-tab[title=Teams] i {
  background: #5252ba;
}
.droid-nav-tab[title=Skype].active, .droid-nav-tab[title=Skype] i {
  background: #0079c9;
}
.droid-nav-tab[title=Stream].active, .droid-nav-tab[title=Stream] i {
  background: #bb4469;
}
.droid-nav-tab[title=Yammer].active, .droid-nav-tab[title=Yammer] i {
  background: #2b7cea;
}
.droid-nav-tab[title="Power BI"].active, .droid-nav-tab[title="Power BI"] i {
  background: #c3821d;
}
.droid-nav-tab[title=General].active, .droid-nav-tab[title=General] i, .droid-nav-tab[title=Logins].active, .droid-nav-tab[title=Logins] i, .droid-nav-tab[title="Apps Usage"].active, .droid-nav-tab[title="Apps Usage"] i, .droid-nav-tab[title="Microsoft 365"].active, .droid-nav-tab[title="Microsoft 365"] i {
  background: #62468f;
}

/* Active tab bg color by Office icon End*//*# sourceMappingURL=StyleSheet1.css.map */