/**** MAIN-MENU ****/
.nav .primary {
	font-family: Roboto, Helvetica, sans-serif;
	list-style-type: none;
	margin: 0;
	padding: 0;
	min-width: 25em;
   xpadding-bottom:1em;
}

.nav .primary a:hover {
	text-decoration:underline;
}

.menu__link__icon-wrapper {
	background: transparent;
	border: 0;
}

.menu__link__icon-wrapper img {
   background: transparent;
   height: 1.5em;
   width: auto;
   margin-right: 0.7em;
   cursor:pointer;
}

#right-menu-container {
	xmargin-left: 30em;
	text-align: left;
	width: 404px;
}

/**** COLORS ****/
/**** TRANÅS KOMMUN ****/
.right-menu-tranas-kommun #right-menu-container.nav .primary li.right-menu-header {
   background-color: #097b6e;
}

.right-menu-tranas-kommun #right-menu-container.nav .primary li {   
	background-color: #a9d1cc;
}

.right-menu-tranas-kommun #right-menu-container.nav .primary li .menu__sub-sub-menu li {
	background-color: #ebf5f4;
}

.right-menu-tranas-kommun #right-menu-container.nav ul li.active {
	border-left: 6px solid #097b6e;
}

.right-menu-tranas-kommun #right-menu-container.nav ul li.li-without-margin-and-border {
   border-left: none;
}

.right-menu-tranas-kommun #right-menu-container.nav ul li.active .sub-menu-parent.child-ul-visible {
   border-left: 6px solid #097b6e;
}

.right-menu-tranas-kommun #right-menu-container.nav ul li.active ul.menu__sub-sub-menu li.li-without-margin-and-border .sub-menu-parent.child-ul-visible {
   border-left: none;
}

/**** FLYTTA HIT ****/
.right-menu-flytta-hit #right-menu-container.nav .primary li.right-menu-header {
   background-color: #b2006e;
}

.right-menu-flytta-hit #right-menu-container.nav .primary li {   
	background-color: #e4c6d8;
}

.right-menu-flytta-hit #right-menu-container.nav .primary li .menu__sub-sub-menu li {
	background-color: #e1bad2;
}

.right-menu-flytta-hit #right-menu-container.nav ul li.active {
	border-left: 6px solid #b2006e;
}

.right-menu-flytta-hit #right-menu-container.nav ul li.li-without-margin-and-border {
   border-left: none;
}

.right-menu-flytta-hit #right-menu-container.nav ul li.active .sub-menu-parent.child-ul-visible {
   border-left: 6px solid #b2006e;
}

.right-menu-flytta-hit #right-menu-container.nav ul li.active ul.menu__sub-sub-menu li.li-without-margin-and-border .sub-menu-parent.child-ul-visible {
   border-left: none;
}


/**** NÄRINGSLIV ****/
.right-menu-naringsliv #right-menu-container.nav .primary li.right-menu-header {
   background-color: #00667e;
}

.right-menu-naringsliv #right-menu-container.nav .primary li {   
	background-color: #afc9d7;
}

.right-menu-naringsliv #right-menu-container.nav .primary li .menu__sub-sub-menu li {
	background-color: #ebf3f5;
}

.right-menu-naringsliv #right-menu-container.nav ul li.active {
	border-left: 6px solid #00667e;
}

.right-menu-naringsliv #right-menu-container.nav ul li.li-without-margin-and-border {
   border-left: none;
}

.right-menu-naringsliv #right-menu-container.nav ul li.active .sub-menu-parent.child-ul-visible {
   border-left: 6px solid #00667e;
}

.right-menu-naringsliv #right-menu-container.nav ul li.active ul.menu__sub-sub-menu li.li-without-margin-and-border .sub-menu-parent.child-ul-visible {
   border-left: none;
}

/**** BESÖK OCH UPPLEV ****/
.right-menu-besok-och-upplev #right-menu-container.nav .primary li.right-menu-header {
   background-color: #5d1e69;
}

.right-menu-besok-och-upplev #right-menu-container.nav .primary li {   
	background-color: #c6b0ca;
}

.right-menu-besok-och-upplev #right-menu-container.nav .primary li .menu__sub-sub-menu li {
	background-color: #f2edf3;
   display:inline-block;
   width:100%;
   padding:0;
}

.right-menu-besok-och-upplev #right-menu-container.nav ul li.active {
	border-left: 6px solid #5d1e69;
}

.right-menu-besok-och-upplev #right-menu-container.nav ul li.li-without-margin-and-border {
   border-left: none;
}

.right-menu-besok-och-upplev #right-menu-container.nav ul li.active .sub-menu-parent.child-ul-visible {
   border-left: 6px solid #5d1e69;
}

.right-menu-besok-och-upplev #right-menu-container.nav ul li.active ul.menu__sub-sub-menu li.li-without-margin-and-border .sub-menu-parent.child-ul-visible {
   border-left: none;
}

/**** END COLORS ****/

#right-menu-container.nav .primary li .active a {
	xmargin-left: 0.7em;
}
#right-menu-container.nav .primary li.active > a {
   font-weight:bold;
}
#right-menu-container.nav .primary li.active > span a {
   font-weight:bold;
}

.#right-menu-container .right-menu-header-container {	
	padding: 0.3em 5em 0.1em 0.4em;
}

/* Menyrubriken */ 
#right-menu-container.nav .primary li {
   border-bottom: 1px solid #fff;
}
#right-menu-container.nav .primary li a {
   xpadding: 0.8em 0em 0.8em 0em;
   font-size: 16px;
}

#right-menu-container.nav .primary li .menu__sub-sub-menu li {
	border-bottom: 1px solid #fff;
}
#right-menu-container.nav .primary li .menu__sub-sub-menu li:last-child {
	border-bottom: 0;
}
#right-menu-container.nav .primary li .menu__sub-sub-menu li a {
	xpadding: 0.8em 0em 0.8em 0em;
   font-size: 16px;
   display:inline-block;
   padding-left: 15px;
}

#right-menu-container.nav .primary li:first-child {
   border-bottom: 0;
}

#right-menu-container.nav .primary li a {
   margin-left: 1em;
   padding:1em 0;
   display:table;
}

#right-menu-container.nav .primary li.right-menu-header {
	margin-bottom: 2px;
	padding: 0.6em 0em 0.6em 0.8em;
   font-size: 20px;
}

#right-menu-container .right-menu-header {		
	font-size: 20px;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.21;
	letter-spacing: -0.62px;
	color: #fff;
}


#right-menu-container .nav ul {
	list-style-type: none;
   margin-bottom: -2px;
}

/**** SUB-MENU ****/
#right-menu-container.nav .primary li .menu__sub-sub-menu {
   list-style-type: none;
	margin: 0;
	padding: 0;
}

#right-menu-container.nav .primary li .menu__sub-sub-menu li {
   background-color: #ebf5f4;
   border-bottom: 1px solid #d9d9d9;
}

#right-menu-container.nav .primary li .menu__sub-sub-menu li .menu__sub-sub-menu li {
   background-color: #fff;
   xborder-top: 1px solid #d9d9d9;
}
#right-menu-container.nav .primary li .menu__sub-sub-menu li .menu__sub-sub-menu li ul {
   border-top: 1px solid #d9d9d9;
}

#right-menu-container.nav .primary li .menu__sub-sub-menu li .menu__sub-sub-menu li a {
   padding-left:30px;
}
#right-menu-container.nav .primary li .menu__sub-sub-menu li .menu__sub-sub-menu li ul li a {
   padding-left:20px;
}
#right-menu-container.nav .primary li .menu__sub-sub-menu li .menu__sub-sub-menu li ul li ul li a {
   padding-left:30px;
}

#right-menu-container.nav .primary li .menu__sub-sub-menu li:first-child {
	xmargin-top: 0.6em;
   xpadding: 0.8em 0em 0.8em 0em;
}

#right-menu-container.nav .primary li .sub-menu-parent {   
	display: flex;
   justify-content:space-between;
	width: 100%;
   xpadding:12px 0 10px 0;
}

#right-menu-container.nav .primary li .sub-menu-parent button {
   float: right;
}

.li-without-margin-and-border {
   padding-bottom: 0;
   xmargin-bottom: -0.8em;
   border-bottom: 0;
}

.no-margin-bottom {
   padding-bottom: 0;
}
.no-margin-bottom:last-child
	padding-top:12px;{
   padding-bottom: 0;
}


/* -------------------- */

.close_sub-menu {
   display: none;
}

.open_sub-menu {
   display: block;
}

.menu__sub-sub-menu  {
   display: none;
}