
#cookies-panel{
	position: fixed;
    left: 10px;
    bottom: 10px;
    width: 340px;
    background: #ffffff;
    padding: 3em 1em 1em 1em;
	font-family: "Arial";
    font-size: 14px;
	border-radius:10px;
	box-shadow:#5e5e5e 0px 0px 13px 0px;
}

#cookies-panel-header{
	font-weight:bold;
	margin-bottom:1.5em;
}

#cookies-panel-top{
	margin-bottom:2em;
	line-height:1.5;
}

#cookies-panel-bottom{
	display: flex;
	justify-content: center;
}

#black-bg{
	background: #000;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
	display:none;
}

.cookies-modal{
	position: fixed;
    z-index: 1;
    top: 10em;
    background: #fff;
    left: 0;
    right: 0;
    width: 768px;
    margin-left: auto;
    margin-right: auto;
	border-radius:5px;
	display:none;
	font-family: "Arial";
    font-size: 13.3px;
}

.cookies-modal-header{
	padding: 1em;
	font-size: 1.5em;
	border-bottom: 1px solid #d5d5d5;
}

.cookies-modal-body{
	padding: 1em;
	font-size:1.1em;
	line-height:1.2;
	border-bottom: 1px solid #d5d5d5;
}

.cookies-area{
	margin-top:2em;
	background:#ededed;
	padding:0.5em;
}

.cookies-area-header{
	font-size:1.2em;
	margin-bottom:1em;
}

.cookies-modal-footer{
	padding: 1em;
	font-size:1.1em;
	line-height:1.2;
}

#cookies-panel-bottom button, .cookies-modal-footer button{
	border: 0;
	padding: 0.8em 0.87em;
	border-radius:5px;
	cursor:pointer;
	background: #d5d5d5;
}

#cookies-panel-bottom button:hover, .cookies-modal-footer button:hover{
	background:#a3a2a2;
}

#cookies-panel-bottom button{
	margin-right: 0.4em;
}

#cookies-panel-bottom button:last-child{
	margin-right:0;
}

@media screen and (max-width: 768px) {

	.cookies-modal{
		width:calc(100% - 1em);
		left:0.5em;
		right:0.5em;
	}

}

@media screen and (max-width: 390px) {

	#cookies-panel{
		width:calc(100% - 1em);
		left:0.5em;
		right:0.5em;
	}

}


.boxHead {
    border-radius: 0;
}

.boxContent {
    border-radius: 0;
}

#header{
	height:auto;
}

#zoom-padding{
	display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.deactive-color {
    color: #d5d5d5 !important;
}

.access-denied{
	padding:1em;
}

@media screen and (min-width: 1100px) {

	#navigation .sf-menu li:not(.homepage){
		flex:1;
	}

	#navigation .sf-menu{
		width:100%;
	}

	#title a{

	}

  	#layout input, #layout option, #layout textarea{
        width: 270px;
  }

   .suggestionsBox{
    	margin-left: 161px;
  }

	#headerText {
    	margin-left: 14px;
    	margin-top: 36px;
        width: 135px;
	}

	#slider {
    	box-shadow: #4e4e4e 0px 0px 15px 4px;
        background: #edf4fb;
	}

	#title-padding {
		margin-left:50px;
	}

	#title a {
	    color: #1d5088;
	    text-decoration: none;
	    font-size: 55px;
        font-weight: bold;
      	font-style: italic;
		line-height: 1.1;
	}

	#header-padding{
		display:flex;
		padding:0;
		align-items: end;
	}

	#search{
		order: 2;
		flex: 1;
	}

	#searchForm{
		float:right;
	}

	#title{
		order:1;
		margin-left:0px;
		margin-right:0px;
		width:inherit;
	}

	#title-padding{
		width:auto;
	}

	#flags{
	    display: flex;
    	order: 3;
    	align-items: center;
    	text-align: right;
	}

	.flag {
 		margin-left: 1em;
	}

	.flag img {
    	height: 25px;
	}

	#logo{
		height:auto;
		width:135px;
		margin:0;
		padding:0;
	}

	#logo img{
		width:100%;
		height:auto;
	}

	#header{
		margin-top:50px;
		padding: 1.9em;
	}

	#navigation .sf-menu .homepage a {
    	padding: 9px 1rem;
    	font-size: 1.3rem;
	}

	#navigation{
		left: 0;
		right: 0;
		z-index:1;
	}

	#top-panel{
		height:50px !important;
	}


}


@media (max-width: 1099px) {

	#logo-mobile{
		height: 30px;
	}

	#logo-mobile img{
		height: 100%;
	}

    #title a {
    	color: #1d4f88;
    	text-decoration: none;
		font-size: 18px;
    	line-height: 18px;
	}

	#flags{
		display: flex;
		padding: 0.5em;
	}

	.flag{
		flex:1;
		margin-left:0.5em;
		margin-right:0.5em;
	}

	.flag img{
		width:80%;
	}

  	#header-mobile {
    	background: #9c9c9c;
  	}

	#title{
		margin-left: 1em;
	}

	#navigation{
		position: relative !important;
		top:0 !important;
	}

	#content{
		margin-top: 0px !important;
	}

	.widget-buttons{
		display:none;
	}

	#calendarDays{
		width: 100% !important;
    	max-width: 360px;
	}


}
