<style type="text/css">
/* ============ navbar menu gh ============ */
.navbar {
   //important this is included 
}

.navbar-bookity {
 	/*margin-left: 5px !important;*/
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    min-height: 55px !important;
    /*margin-right: 5px;*/
    margin-bottom: 0px;        
}

/*loggan*/
.navbar-bookity .brand {
    max-width: 320px !important;
}

/*toggler icon*/    
.navbar-bookity .navbar-toggler-icon {    	
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='green' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*background 20240324*/
.navbar-bookity {	
	background-color: #FFFFFF; 	/**bakgrund topmenyn, bottommenyn**/
	border: 0px solid #000000;
	/*border-radius: 0px; /*runda hörn top- och bottommenyn*/	
}

/*text color*/
.navbar-bookity .navbar-nav .nav-link {
    color:  #000000;    
}

/*hover colors*/
.navbar-bookity .navbar-nav .nav-link:hover {
    color:  #000000;
    background:  #5DA171;        
    /*font-weight: bold;*/
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .dropdown-menu{
        position: relative;
        color:  #000000;                        
        background: #FFFFFF;             
    }
    
    .dropdown-menu li{
        position: relative;    
    }
    
    /*textcolor dropdown menu*/
    .dropdown-menu > li > .dropdown-item{
        color:  #000000;
        background: #FFFFFF;
    }
    
    .dropdown-menu .submenu{
        display: none;
        position: absolute;
        left:100%; top:-7px;
        color:  #000000;        
        background: #FFFFFF;
    }
    
    .dropdown-menu .submenu-left{
        right:100%; left:auto;        
    }
	
    /*for dropdown and sub on hover - ok 20240324*/
    .dropdown-menu > li:hover > .dropdown-item{
        color:  #000000;        
        background: #5DA171;
        font-weight: bold;
    }
}



/* ============ small devices ============ */
@media (max-width: 1px) {
    .dropdown-menu .dropdown-menu{
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }
}
</style>