<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*/
.navbar-bookity {	
	background-color: #000000; 	/**bakgrund topmenyn, bottommenyn**/
	border: px solid green;
	border: px solid #404040;
	/*border-radius: 6px; !**runda hörn top- och bottommenyn**!*/
}

/*text color*/
.navbar-bookity .navbar-nav .nav-link {
    color:  #E6E6E6;
    /*font-weight: bold;*/
}

/*hover colors*/
/*.navbar-bookity .navbar-nav .nav-link:hover {*/
/*  color:  #*//*;*/
/*  background: #*//*;*/
/*  */
/*  height:95%;*/
/*  -webkit-border-radius: 5px;*/
/*  -moz-border-radius: 5px;*/
/*  border-radius: 5px;*/
/*  /*font-weight: bold;*/  */
/*}*/

/*leaving dropdown menu*/
    .navbar-bookity > li:hover{ 
    	background-color:green;    	    	    	
    }
    

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

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

</style>