@font-face {
    font-family: 'Universal';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Univers/Univers-CondensedLight.otf) format('opentype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  
  @font-face {
    font-family: 'Universal';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Univers/Univers-Condensed.otf) format('opentype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  
  @font-face {
    font-family: 'Universal-CondensedBold';
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/Univers/Universal-CondensedBold.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  

#react-root header{
    background-repeat: repeat-y;
    background-size: contain;
}

#react-root .left-menu{
   background-size: contain;
}

#react-root .tag-cloud-tag{
    color: #ffffff !important;
}

#commonListing{
    background-color: #7c9cb5;
}

#commonListing #commonListingAppBar{
   background-color: #7c9cb5;
   color: #ffffff;
   border-bottom-color: rgba(255,255,255,0.15);
}

.leftLInkText{
    font-family: 'Universal', sans-serif;
    font-size: 14px;
}


.tag-cloud-tag,
nav.folders,
nav.folders *:not(.material-icons),
h6.MuiTypography-root,
nav[aria-label*="folders"]{
    font-family: 'Universal', sans-serif;
}


.leftLInk[style*="background-color: rgba(255, 255, 255, 0.1)"] *{
    color: #f8c702;
    stroke: #f8c702;
}

nav[aria-label*="folders"] *{
    color: #ffffff;
}

/************************************* theme Juloa 2022 *************************************/

header{
    background-image: url(../images/header-gradient.png) !important;
    background-repeat: repeat-y !important;
    background-size: cover !important;
  }
  
  /* logo */
  header > div > div > div > a{
    display: flex;
    align-items: center;
  }
  
  /* sidebar */
  
  div[class*="MuiDrawer-paperAnchorLeft"]{
    background-image: url(../images/menu-gradient.png) !important;
    background-repeat: repeat-y !important;
    background-size: contain !important;
  }
  
  div[class*="MuiAccordionDetails-root"],
  div[class*="MuiAccordionSummary-root"],
  div[class*="MuiAccordionSummary-content"],
  div[class*="MuiAccordionSummary-expandIcon"]{
    background-color: #455b6c !important;
  }
  
  /*div[class*="MuiAccordionDetails-root"] .leftLInk{
    background-color: transparent !important;
  }*/
  
  /* content */
  
  div[class*="MuiGrid-container"] {
    margin-top: 16px;
  }

/* DB : 4.2.0 themes update */

.header-link.selected {
    background: #f8c702;
    color: #fff;
}

.jss28 {
    border-top: 6px solid #f8c702;
}

.jss22 {
    color: #fff;
}

svg.jss22 g {
    fill: #fff;
}

}
svg.jss22 circle {
    stroke: #fff;
}

.MuiSvgIcon-root{
    fill: #fff;
}

.jss4{
   color: #fff;
}

.jss63{
    background: #557086;
}