.nicefont
{
    
    
    
 
 font-family: 'Antic Didone', serif; 
    
    
}
#divDesktopMenu ul {
    float:right;
   
    margin-top:10px;
    width:100%;
margin-bottom: 0;

display: flex;

    flex-wrap: wrap;
    align-content: center;

}

#divDesktopMenu li {
    padding:5px 10px 5px 10px;
    float:left;
    display:inline;
    list-style-type:none;
    margin-top:5px;


}

#divDesktopMenu ul.smalMenu  li {
    padding:5px 5px 5px 5px;
    float:left;
    display:inline;
    list-style-type:none;
    margin-top:5px;
    margin-left:5px;


}



#divDesktopMenu li a {
    font-size:16px;
    font-family: arial;
    color:#000;
    text-decoration:none;


    cursor:pointer;

    }
    
  #divDesktopMenu ul.smalMenu li a {
    font-size:14px;
    font-family: arial;
    color:#000;
    text-decoration:none;


    cursor:pointer;

    }  
  #divDesktopMenu ul.smalMenu {
   margin-top:0;

    }  
    
    
#divDesktopMenu li:hover
{
     background-color:#77777747;
     border-radius: 15px;
    

}

#divMobileMenu ul {
   
    margin-top:10px;
    width:100%;

}

#divMobileMenu li {
    padding:10px 10px 5px 10px;
   
    list-style-type:none;
    margin-top:5px;

}



#divMobileMenu li a {
    font-size:18px;
    font-family: arial;
    color:#000;
    text-decoration:none;



    cursor:pointer;

    }
    
#divMobileMenu li:hover
{
    background-color:#EEE;
    

}

.mainMenuSelected
{
       
        border-radius: 15px;
        border: dashed 0.5px;
        background-color:#77777747;
        
    
}

/*

/*MENU STYLE*/
.navbar-nav a
{
    
    
    margin-top:30px;
}
.navbar-header
{

    height :100px !important;
}


#divNavBarMenu {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.navbar-brand {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}





.btn-notselected
{
    margin-right:4px;
    color: #000 !important;
    background-color: white;
    border-color: #269abc;
  
    
    
}
.btn-selected
{
    margin-right:4px;
    color: #fff !important;
    background-color: #0082C6;
    border-color: #269abc;
  
    
    
}


.batplatsko{
    margin-bottom:7px;
}

.element-tansform{
    font-size:20px;
}


/******LOGIN STYLE********/
    /**GRÖN FRÄG : #5ab031 ***/
    
    .login-colorgraph {
        background-color:#000 !IMPORTANT;
    }
    
    .btn-warning, .btn-info  {
    color: #fff;
    background-color: #000 !IMPORTANT;
    border-color: #000 !IMPORTANT;
    }
    
    .btn-warning:hover, .btn-info:hover  {
    color: white;
    background-color: #5ab031 !IMPORTANT;
    border-color: #000 !IMPORTANT;
    }
    
    .mainMenuSelected{
        border-radius: 15px;
        border: dashed 0.5px;
        background-color:#77777747;
        
    }
    /******LOGIN STYLE********/
     /******STARTQUEST page  STYLE********/
    .hero-section
    {
        font-family: 'Arial', sans-serif;
        padding: 50px 20px;
        background-color: #f7f9fc;
        text-align: center;
    }
    
    .hero-title
    {
        font-size: 36px;
        font-family: 'Arial', sans-serif;
        margin-bottom: 20px;
    }
    
    .hero-subtitle
    {
        font-size: 18px;
        color: #555;
        margin-bottom: 30px;
    }
    
    .hero-buttons
    {
        
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        
    }
    
    .hero-btn
    {
        padding: 15px 30px;
        font-size: 18px;
        border-radius: 5px;
        text-decoration: none;
        transition: background-color 0.3s, transform 0.3s;
        width: 100%;
        max-width: 200px;
    }
    
    .btn-primary.hero-btn,
    .btn-secondary.hero-btn
    {
        background-color: #272526;
        color: white;
        border: 2px solid #646364;
    }
    
    .btn-primary.hero-btn:hover,
    .btn-secondary.hero-btn:hover
    {
        background-color: #f0f8ff;
        transform: translateY(-3px);
        color: black;
    }
    
     .btn-primary.hero-btn:active, .btn-secondary.hero-btn:active  {
    color: black !important;
    transform: scale(0.98);
    transition: none;
    }
    
     /******STARTQUEST page  STYLE********/