@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap');

:root {
    --iq-dark-blue: #02082b;
    --iq-yellow: #feac40;
    --iq-dark-purple: #992cb6;
    --iq-light-purple: #b05fc3;
    --iq-purple-border: #bb74ce;
    --iq-purple-border-idle: #e8d1ef;
    --iq-purple-glow: #f0e0f4;
    --iq-purple-white: #fdfbfe;
    --iq-white: #fff;

    --portal-bg: #ffffff;
    --portal-primary: var(--iq-dark-blue);
    --portal-accent: var(--iq-yellow);
    --portal-link: var(--iq-dark-purple);
    --portal-link-hover: var(--iq-light-purple);
    
    --font-family-base: 'Outfit', sans-serif;
    --font-family-secondary: 'DM Sans',sans-serif;

    --iq-form-btn-font-size: 16px;
    --iq-form-btn-font-weight: 500;
    --iq-form-btn-line-height: 24px;
    --iq-form-btn-border-radius: 5px;
    --iq-form-btn-padding: 10px 25px;
    --iq-form-btn-border-purple: 1px solid var(--iq-dark-purple);
    --iq-form-btn-border-yellow: 1px solid var(--iq-yellow);
}

#content_form {
    margin-bottom: 5px;
}

.open>.dropdown-menu{
    background-color: var(--portal-bg);
}
.open>.dropdown-menu>li>a{
    color: var(--portal-link);
}


.open .dropdown-menu > li > a:hover,.dropdown-menu > .active > a:hover{
    color: var(--portal-bg);
    background-color: var(--portal-link);
    text-decoration: Underline;

}
.dropdown-menu>.active>a{
    color: var(--portal-bg);
    background-color: var(--portal-link);
    text-decoration: Underline;

}
.open .dropdown-menu>.active>a:focus{
    color: var(--portal-bg);
    background-color: var(---portal-link);
    text-decoration: Underline;

}

body {
      background-image: url('https://iqx-customerselfservice.powerappsportals.com/iqunix-background-compressed.png');
      background-size: cover; 
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: fixed;
      
      background-color: var(--iq-dark-blue);
}

.wrapper-body {
 /*     background-image: url('https://iqx-customerselfservice.powerappsportals.com/iqunix-background-compressed.png');
      background-size: cover; 
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: fixed;
      
      background-color: var(--iq-dark-blue);*/
      min-height: 100vh;
}

.page-header h1 {
    color: #fff;
}