:root {
  --main-color: #0088CC;

}

    
    
    .poppins
    {
        
        
        font-family: 'Poppins', sans-serif !important;
    }
    
    
       
    .pageHeader1
    {
        
        font-weight:900;
        font-family: 'Poppins', sans-serif !important;
         margin-top:40px;
        margin-bottom:50px;
     

    }
     
@media screen and (max-width: 550px) {
   .pageHeader1 {
     font-size: 26px;
     
     
       margin-top:15px;
        margin-bottom:20px;
     
  }
}


    @media only screen and (min-width: 550px) and (max-width: 768px) {
        
        
        
        
         .pageHeader1 {
     font-size: 32px;
     
     
       margin-top:25px;
        margin-bottom:20px;
     
  }

      /* For portrait layouts only */
    }


    
   .login-colorgraph
   {
       
       
       
       background: #0088CC !important;
       
   }
    
.btn-info
{
    
      background: #0088CC !important;
    
}

    

 
@media screen and (min-width: 1200px) {
   #logo .logoBigtext {
     font-size: 52px;
  }
}


.logolink,.logolink:link,.logolink:visited,.logolink:hover,.logolink:active
{
    
        text-decoration:none;
    
}

.logouppertext
{
    
     font-family: 'Poppins', sans-serif;
    text-decoration:none;
    color:#0088CC;
    font-size:  38px;
    font-weight:400;
     margin-top:30px;
    
}

.logotext
{
    
     font-family: 'Poppins', sans-serif;
  
    font-size: 52px;
     font-weight:900;

    margin-top:-20px;
    color:black;
      
}

#divDesktopHeader  
{

border-bottom:4px solid rgb(231, 231, 231);
padding-bottom:10px;


}
#divDesktopHeader  .menubuttons 
{
    padding-bottom:10px;
    margin-top:20px;
}




 .menubuttons a,   .menubuttons a:visited,  .menubuttons a:link
{

    
    
    
    text-decoration:none;
    color:black;
    display:inline-block;
    padding:10px;
    font-size:18px;
    border-radius: 5px;
    border:1px solid gray;
    margin-top:10px;
    margin-left:8px;
    background-color:#EEE;

}


.menubuttons a:hover
{
    
        
 background-color:#CCC;


}


 .menubuttons a.selected, .menubuttons a:link.selected, .menubuttons a:visited.selected
{
    
    
 background-color:#0088CC;
 color:white;
 
}







 .actionButton,   .actionButton :visited,  .actionButton:link
{

    text-decoration:none;
    color:white;
    display:block;
    padding:10px;
    font-size:18px;
    border-radius: 5px;
    border:1px solid gray;
    margin-top:10px;
    margin-left:8px;
   background-color:#56aedd;
   text-align:center;
}


.actionButton:hover
{
    
        
    background-color:#CCC;


}

















#divDesktopHeader  .menubuttonsmini
{
   

}




#divDesktopHeader  .menubuttonsmini a, #divDesktopHeader  .menubuttonsmini a:visited,#divDesktopHeader  .menubuttonsmini a:link
{

    text-decoration:none;
    color:black;
    display:inline-block;
    padding:10px;
    font-size:14px;
    margin-top:10px;
    margin-left:8px;

}



#divDesktopHeader  .menubuttonsmini a:hover
{

 background-color:#EEE;
}


#divDesktopHeader  .menubuttonsmini a.selected
{

 color:#0088CC;;
 
}












#divMobileHeader  .menubuttonsmini
{
   

}




#divMobileHeader  .menubuttonsmini a, #divMobileHeader  .menubuttonsmini a:visited,#divMobileHeader  .menubuttonsmini a:link
{

    text-decoration:none;
    color:black;
    display:block;
    padding:5px;
    font-size:14px;
    margin-top:10px;
    margin-left:8px;
    text-align:center;
}



#divMobileHeader  .menubuttonsmini a:hover
{

 background-color:#EEE;
}


#divMobileHeader  .menubuttonsmini a.selected
{

 color:#0088CC;;
 
}














#divMobileHeader  
{
padding-bottom:10px;
border-bottom:4px solid rgb(231, 231, 231);


}



#divMobileHeader .logouppertext
{
    
  font-size: 32px;
 font-size: 7vw;
   margin-top:10px;
   margin-left:0px;
}

#divMobileHeader .logotext
{
    
 
  
    font-size: 42px;
    font-size: 8vw;
  margin-top:-10px;
  margin-left:0px;
}

























#divMobileMenuContent  .menubuttons 
{
    margin-top:20px;
}

#divMobileMenuContent  .menubuttons a, #divMobileMenuContent  .menubuttons a:visited,#divMobileMenuContent  .menubuttons a:link
{

    
    
    text-align:center;
    text-decoration:none;
    color:black;
    display:block;
    padding:10px;
    font-size:18px;
    border-radius: 5px;
    border:1px solid gray;
    margin-top:10px;
    margin-left:0px;

}


#divMobileMenuContent  .menubuttons a:hover
{
    
        
 background-color:#CCC;


}


#divMobileMenuContent  .menubuttons .selected
{
    
    
 background-color:#0088CC;
 color:white;
 
}











































        
        
          .burger {
            position: relative;
            display: block;
            width: 52px;
            height: 8px;
            margin: 0 auto;
            background: var(--main-color, #F5832A) ;;
            transform: skew(5deg);
            transition: all .275s;
        }

            .burger:after,
            .burger:before {
                content: '';
                display: block;
                height: 100%;
                background: var(--main-color, #F5832A) ;;
                transition: all .275s;
            }

            .burger:after {
                transform: translateY(-24px) translateX(-4px) skew(-20deg);
            }

            .burger:before {
                transform: translateY(-32px) skew(-10deg);
            }

        /* Toggle State part */
        .is-open .burger {
            transform: skew(5deg) translateY(-16px) rotate(-45deg);
        }

            .is-open .burger:before {
                transform: translateY(0px) skew(-10deg) rotate(75deg);
            }

            .is-open .burger:after {
                transform: translateY(-24px) translateX(10px) skew(-20deg);
                opacity: 0;
            }

        /* MENU Text part */

        .burger-text {
            display: block;
            font-size: .675rem;
            letter-spacing: .05em;
            margin-top: .5em;
            text-transform: uppercase;
            font-weight: 700;
            text-align: center;
            color: #5A3B5D;
            font-size: 20px;
            color: var(--main-color, #F5832A) ;;
        }
        
        
        
        
        
        
        
        
        


        /* Burger Style: @see: https://codepen.io/CreativeJuiz/full/oMZNXy */
        .open-main-nav-mobile {

            padding-top: 20px;
            
   
            background: none;
            border: 0;
            cursor: pointer;
          
        }

        .open-main-nav-mobile:focus {
            outline: none;
        }

        .burger-mobile {
            position: relative;
            display: block;
            width: 26px;
            height: 4px;
            margin: 0 auto;
            background: var(--main-color, #F5832A) ;;
            transform: skew(5deg);
            transition: all .275s;
        }

            .burger-mobile:after,
            .burger-mobile:before {
                content: '';
                display: block;
                height: 100%;
                background: var(--main-color, #F5832A) ;;
                transition: all .275s;
            }

            .burger-mobile:after {
                transform: translateY(-12px) translateX(-2px) skew(-20deg);
            }

            .burger-mobile:before {
                transform: translateY(-16px) skew(-10deg);
            }

        /* Toggle State part */
        .is-open .burger-mobile {
            transform: skew(5deg) translateY(-8px) rotate(-45deg);
        }

            .is-open .burger-mobile:before {
                transform: translateY(0px) skew(-10deg) rotate(75deg);
            }

            .is-open .burger-mobile:after {
                transform: translateY(-12px) translateX(5px) skew(-20deg);
                opacity: 0;
            }

        /* MENU Text part */

        .burger-text-mobile {
            display: block;
            font-size: .675rem;
            letter-spacing: .05em;
            margin-top: .5em;
            text-transform: uppercase;
            font-weight: 700;
            text-align: center;
            color: #5A3B5D;
            font-size: 16px;
            color: var(--main-color, #F5832A) ;;
        }