/*LEFT MENU*/
.leftmenu{
	float: left;
	min-height: 200px;
	width: 200px;
	display: none;
	background-color: #FFEDE3;
	border-bottom-right-radius: 20px;
	box-shadow: 0px 1px 1px 1px #FFEDE3;
	/*overflow-y: scroll;*/
}
.left-menu-button{
	float: right;
	width: 40px;
	height: 150px;
	margin-left: 0px;
	background-color: #314377 ;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 60px;
	box-shadow: 0px 1px 1px 1px #314377;

}

.rotate {
	margin-top: 30px;
	letter-spacing: 3px;
	/* Safari */
	-webkit-transform: rotate(90deg);
	/* Firefox */
	-moz-transform: rotate(90deg);
	/* IE */
	-ms-transform: rotate(90deg);
	/* Opera */
	-o-transform: rotate(90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	color: #fff;
	overflow-wrap: normal;
}

	/* Left menu content */
	.left-menu-ul{
		padding: 20px;

	}
	.left-menu-ul li{
		list-style-type: none;
		color: #495783 !important;

	}
	.left-menu-ul a{
		list-style-type: none;
		color: #495783 !important;
		font-size: 16px;
		display: inline-block;
		font-weight: bold;
	}
/*LEFT MENU sTOP*/

/* Navigation CSS MOBILE*/
nav a{
	text-decoration: none !important;
	color: #495783 !important;
}
nav a:hover{
	text-decoration: none !important;
	color: #495783 !important;
}
nav a:focus{
	text-decoration: none !important;
	color: #495783;
}
nav a:active{
	text-decoration: none !important;
	color: #495783 !important;
}
a:focus:not(:hover) {
  text-decoration: none !important;
	color: #f6f5ee !important;
}


/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .main-navigation-desktop{
		display: none !important;
		height: 206px !important;
	}
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .main-navigation-mobile{
		display: none !important;
	}
}
.left-menu-container{
	position: fixed;
	margin-top: 25vh;
	z-index: 1031;


}

.main-navigation{
	background-color: #314377 !important;
    border-color: #314377 !important;
    border-radius: 0px !important;
/*    min-height: 80px !important;
    max-height: 80px !important;*/
    min-height: 140px !important;
    max-height: 140px !important;
    margin-bottom: 0px !important;
}
.main-navigation-container{
/*	max-height: 80px;
*/	max-height: 140px;
}

.fix-height{
	/*height: 30px !important;*/
	/* height: 138px !important; */
}

.fix-height-mobile{
    height: 30px !important;
}


.livio-logo{
	text-align: center;
}

.livio-logo img{
	height: 45px;
	margin-top: 22px;
	margin-bottom: 20px;
}
.logo-header-text{
	line-height: 1.5rem;
	font-family: 'Maax_Regular-205TF';
	color: #fff;
	font-size: 25px;
}

.logo-header-text-barnmorskemottagningen{
	line-height: 1.5rem;
	font-family: 'Maax_Regular-205TF';
	color: #fff;
	font-size: 25px;
	margin-top:10px;
}
.logo-header-text-bvc {
	margin-top: 12px !important;
}
@media only screen and (min-width : 300px) and (max-width : 600px){
	.livio-logo img{
		height: 45px;
		margin-top: 12px;
		margin-bottom: 20px;
	}

}

@media only screen and (max-width : 320px) {
 	.logo-header-text-long{
		margin-left: -50px;
	}
}

@media only screen and (min-width : 320px) and  (max-width : 355px) {
 	.logo-header-text-long{
		margin-left: -58px;
	}
}

@media only screen and (min-width : 355px) and  (max-width : 400px) {
 	.logo-header-text-long{
		margin-left: -38px;
	}
}

@media only screen and (min-width : 400px) and  (max-width : 500px) {
 	.logo-header-text-long{
		margin-left: -28px;
	}
}

@media only screen and (min-width : 500px) and (max-width : 768px) {
 	.logo-header-text-long{
		margin-left: -38px;
	}
}
@media only screen and (min-width : 600px) and (max-width : 995px) {
	.livio-logo img{
		height: 50px;
		margin-top: 12px;
		margin-bottom: 20px;
	}
}

.location-col{
	float: right !important;
}
@media only screen and (max-width : 995px) {
    .location-col{
		margin-left: -120px;
	}
}

.nav-glyphicon-nav-color{
	color: #ffffff !important;
	margin-top: 10px;
	font-size: 18px;
}
.glyphicon-search-custom{
	margin-top: 15px;
	margin-left: 15px;
	font-size: 15px;
}
.menu-standard-meny{
	margin-top: 10px !important;
}
.mobile-navigation-right{
	margin-top: 2px;
}
	/*Search Start*/
	.nav-search{
		min-width: 375px !important;
	}
	.stylish-input-group .input-group-addon{
	    background: white !important; 
	}
	.stylish-input-group .form-control{
		border-right:0; 
		box-shadow:0 0 0; 
		border-color:#ccc;
		min-width: 320px !important;
	}
	.stylish-input-group button{
	    border:0;
	    background:transparent;
	}
	 	@media only screen and (max-width : 768px) {
			.dropdown-menu{
				background-color: #fff !important;

			}
			.navbar-default .navbar-collapse, .navbar-default .navbar-form{
				border-color: #fff !important;
				margin-right: 0px !important;
			}
			.nav-search{
				width: 370px !important;
			}
			.navbar-default .navbar-toggle{
				border-color: #314377 !important;
			}
			.fix-height{
				height: 30px !important;
				/*height: 60px !important;*/	
			}

			.dropdownmenu-fix-height{
				height: 58px !important;
				/*height: 60px !important;*/	
			}

			.livio-logo{
					text-align: center;
				}
			.search-dropdown-button{
				max-width: 20px !important;
				max-height: 60px !important;
			}
			.fix-height a{
				height: 70px !important;
			}
			.right-menu-mobile{
				padding-left: 0px !important;
				padding-right: 0px !important;
			}
			.flag-button-mobile{
				padding-left: 0px !important;
				padding-right: 0px !important;
				height: 70px !important;
			}
			.navbar-flag{
				margin-right: 10px !important;
				margin-top: 0px !important;
			}

			.button-menu-mobile{
				margin-right: 10px;
			}
			.mobile-navigation-right{
				margin-top: 12px;
			}
				.mobile-navigation-right button{
					border-color: #314377 !important;
				}
					.spanColorMobile{
						background-color: #2e4579 !important;
						/*background-color: #fddac6 !important;*/
					}
					.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
						background-color: #314377 !important;
					}
			.navbar-nav .open .dropdown-menu{
				width: 400px;
				z-index: 99;
			}
	/*Mobile menu*/
	.navbar-toggle {
    position: relative;
    float: none !important;
    margin-right: 0 !important;
    padding: 1px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
			

		}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: relative;
        margin-top: -30px;
        margin-left: -1px;
    }
}

@media only screen and (max-width : 350px) {
    .navbar-nav .open .dropdown-menu {
        width: 350px;
    }
}
    /*Search Stop*/


    .nav-location {
        min-width: 250px;
    }



        .nav-location a {
            color: #000;
            text-decoration: none !important;
            list-style-type: none !important;
        }

    .nav-location-style {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 100px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 20;
    }


        .nav-location-style a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }


        .nav-location-style ul {
            color: #000;
            text-decoration: none !important;
            list-style-type: none !important;
            display: inline-grid;
            -webkit-padding-start: 0px;
        }

    .nav-text-iconcolor {
        color: #f6f5ee !important;
        margin-top: 10px;
        background-color: #314377;
        text-decoration: none !important;
        font-size: 16px !important;
        font-family: 'Maax_Regular-205TF';
        font-weight: 500;
        letter-spacing: -0.3px;
    }

        .nav-text-iconcolor a:hover {
            color: #f6f5ee !important;
        }

    .navbar-default .navbar-nav > li > a:hover {
        color: #f6f5ee !important;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: #314377 !important;
    }

    .navbar-flag {
        margin-top: 9px;
    }

    /*Child navigation css*/
    .child-navigation {
        background-color: #fff !important;
        border-color: #fff !important;
        border-radius: 0px !important;
        min-height: 62px !important;
        margin-bottom: 0px !important;
    }

        .child-navigation a {
			text-decoration: none; 
			color: #485785;
        }

    .child-navigation-container {
        height: 60px !important;
        margin-top: 4px !important;
    }

        .child-navigation-container li a {
            height: 50px !important;
            line-height: 15px !important;
            text-align: center;
            /* text-decoration: none !important; */
            font-family: 'Maax_Regular-205TF';
            font-size: 16px;
            color: #485785;
            letter-spacing: -0.3px;
            margin-top: 10px;
		}
		
		 .child-navigation-container li a.active {
            text-decoration: underline !important;
        }

        .child-navigation-container > li > a:hover, .child-navigation-container > li > a:focus {
            color: #485785 !important;
            background-color: transparent !important;
        }


    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        .child-navigation-container {
            height: 100% !important;
        }
    }



/* Location dropdown CSS start*/
.btn-custom-location{
	width: 300px !important;
	background-color: #fff;
	height: 50px;
	border-color: #fff !important;
	text-align: left !important;


}
.btn-custom-location .btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus{
	background-color: #fff !important;
	height: 50px;
	
}

.btn-custom-location-caret{
	margin-left: 10 !important;
	margin-top: 5px;
	text-align: right !important;
}
.dropdown-custom-location{
	margin-top: 40px;

}
.dropdown-custom-location p{
	font-family: 'Maax_Regular-205TF';
	font-size: 14px;
	font-weight: 500;
  	letter-spacing: -0.3px;
  	text-align: left;
	color: #485785;
	margin-top: 8px;
}

.dropdown-mobile{
	color: black;
    padding: 12px 16px;
    text-decoration: none !important;
    display: block;
    list-style-type: none !important;
    text-decoration: none !important;
}
.dropdown-mobile li{
	color: black;
    padding: 12px 16px;
    text-decoration: none !important;
    display: block;
    text-decoration: none !important;
}
/* Location dropdown CSS stop*/

/* The navigation aktive links */


/* .menu-item a.active{
	border-bottom: 2px solid #495783 !important;
} */


@media only screen and (min-width : 1000px) and (max-width : 1200px){
	.child-navigation-container li a{
		font-size: 16px !important;
	}
	.child-navigation-container li a:hover{
    	font-size: 16px;
    	
    }
    .child-navigation-container li a:active{
    	font-size: 16px;
    	
    }
}
@media only screen and (min-width : 768px) and (max-width : 1200px){
    .child-navigation-container li a{
    	line-height: 15px !important;
    	font-size: 12px;
    	margin-top: 10px;
    	height: 50px !important;
    }
    .container {
	    margin-right: auto;
	    margin-left: auto; 
	    padding-left: 0px;
	    padding-right: 0px;
	}
    .child-navigation-container li a:hover{
    	line-height: 10px !important;
    	font-size: 12px;
    	margin-top: 10px;
    	
    }
    .child-navigation-container li a:active{
    	line-height: 10px !important;
    	font-size: 12px;
    	margin-top: 10px;
    	
    }
    	.mobile-navigation-right{
		margin-top: 12px;
		margin-left: 0px;
	}
		.mobile-navigation-right button{
			border-color: #314377 !important;
		}
			.spanColorMobile{
				background-color: #fddac6 !important;
			}
			.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
				background-color: #314377 !important;
			}
}


.search-dropdown{
	width: 50px;
}

.change-clinic-link {
    list-style-type: none !important;
    text-decoration: none !important;
    color: #2d4579 !important;
}
.mobile-button-1 {
    height: 30px;
	background-color: #f9d9c2;
	text-align: center;
	color: #2e4579;
	border-right: 1px solid #e7bfa4;
	padding-top: 5px;
	font-size: 15px;
}
.mobile-button-2 {
    height: 30px;
	background-color: #f9d9c2;
	text-align: center;
	color: #2e4579;
	padding-top: 5px;
	font-size: 15px;
}

/*Extra space for new logotypes*/
.main-navigation-desktop-startpage {
	height: 206px !important;
}
.main-navigation-startpage, .main-navigation-container-startpage {
	height: 140px !important;
}