/* CSS bedretto.css */

@import url(http://fonts.googleapis.com/css?family=Lato);
@import url('/system/modules/ch.ethz.sed.bootstrap.extensions/resources/css/rssreader.css');
@import url(/system/modules/ch.ethz.sed.bootstrap.extensions/resources/css/image-with-text.css);
@import url(/system/modules/ch.ethz.sed.bootstrap.extensions/resources/css/infotable.css);
@import url(/system/modules/ch.ethz.sed.bootstrap.extensions/resources/css/sed-accordion.css);
@import url('/system/modules/ch.ethz.sed.bootstrap.extensions/resources/css/rssreader.css');
@import url(plugins.css);
@import url(ie8.css);

/* colors 

blue tessin: #0039a0
red tessin : #b0120c
grey light: #5e7872
grey middle: #4f5954
grey dark: #343530
*/



/*** general ***/
div.container-fluid {
	padding:0px
}

html, body {
	height:100%;
	margin:0px
}

body {
	color: #000;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    line-height: 1.5;
}


.headline {
	border-bottom:none !important;
	margin:0px;
	padding:0px;
	line-height:0px
}


h1, .headline h1{
	margin-top: 0px;
	margin-bottom:20px
	
}

.headline h1 {
	border-bottom:3px solid #5e7872 !important;
	color:#000
}



.headline h2, .headline h3, .headline h4 {
	border-bottom:0px solid #b0120c !important;
	padding-bottom:0px !important;

}

.headline h2 {
	margin-top:-5px !important
}

.headline h3, .headline h4 {
	margin-top:-10px !important
}

h2, h3, h4 {
	color:#000
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Lato",sans-serif;
    font-weight: normal;
    text-shadow: none;
}

h1 {
    font-size: 28px;
    line-height: 35px;
	margin-top:0px;
	color:#b0120c
}

h3, h4, h5{
	margin-top:20px
}

h2, .headline h2 {
    font-size: 24px;
    line-height: 33px;
	margin-top:25px;
	margin-bottom:10px
}

h3, .headline h3 {
    font-size: 20px;
    line-height: 27px;
	margin-bottom:10px
}

h4, .headline h4 {
	font-size:18px;
	line-height:25px;
	margin-bottom:10px
}

.h1, .h2, .h3, .h4 {
    margin-bottom: 10px;
}


a, a:hover {
	text-decoration:none;
	color:#b0120c
}

p a, p a:hover {
	text-decoration:none;
	border-bottom:2px dotted #000;
	font-weight:300;
	color:#000
}

p, li, li a {
    color: #000;
}

.headline p {
	margin-bottom:15px
}

strong a, strong a:hover {
	font-weight:700
}

.btn-u, .btn-u:hover {
	background-color:#221a15 !important
}



/*** end general ***/

/*** header ***/
header {
	margin-bottom:40px
}

header.home {
		height:286px;
	}

header.sub {
		height:205px;
		background-color:#4f5954;
	}

.header_block {
	position:relative
}



#bedr_title a {
		display:inline-block;
		width:311px;
		height:130px;
	}


#menubutton {
		display: inline-block;
    	margin:0px 20px 0px 10px;
		background-color: #0039a0;
		padding:5px 20px;
		color:#fff;
		border:1px solid #fff;
		border-radius:5px;
		width:90px
	}

div#language_block {
	position:absolute;
	top:0px;
	height:38px;
	line-height:36px;
	left:120px;
}

 div#language_block  span.active {
		text-align:center;
		margin:0px
}



div#language_block  span a {
		color:#fff !important;
		font-weight:700;
		width:50px;
		height:36px;
		display:inline-block;
		line-height:34px;
		padding:0px 8px;
		border:1px solid transparent;
}

div#language_block  span.active a {
		border:1px solid #fff;
		color:#fff !important;
		border-radius:5px;
		background-color:#0039a0
}


.header .menu {
	font-size:18px
}

#share_block, #btn_home {
	position: absolute;
	background-color: transparent;
	z-index: 100;
	width:40px;
	height:40px;
	border-radius:50%;
	color:#fff;
	line-height:40px
}


div.header_block button#share_block {
		left:240px;
	}
	



#share_block .fa-2x{
	font-size:1.5em
	}


button#btn_home {
		color:#fff
	}


/*** end header ***/


/*** header responsiveness ***/
@media (max-width:680px) {

	header.home {
		background-color:#4f5954;
		height:205px
	}
	
	.topbar {
		right:0px
	}

	#bedr_title a {
		background:url('/system/modules/ch.ethz.sed.bootstrap.bedretto/resources/img/bedrettolab_logo.png') no-repeat 0px;	
		margin-top:15px
	}
	
	.menu_bar {
		background-color:#4f5954;
		height:40px;
		width:100%;
		opacity:0.9;
		margin-top:9px;
	}
	
	.menu-bar {
		position:absolute;
		background-color:#4f5954;
		height:40px;
		width:100%;
		opacity:0.9;
		left:0px
	}
	
	.home .menu-bar, .home div.header_block button#share_block {
		top:155px
	}
	
	.logos {
	position:absolute;
	left:10px;
	top:50px;
	width:280px
	}
	
.logos img {
	width:280px
	}
	
	
	.sub .menu-bar, .sub div.header_block button#share_block {
		top:155px !important;
	}
	
	
}

@media (min-width:681px) {
	
	.home div.header_block {
		background:url('/system/modules/ch.ethz.sed.bootstrap.bedretto/resources/img/bedretto_header.jpg') no-repeat center 0px;
		height:286px
	}
	
	header.home {
		background-color:#000
	}
	
	.home .topbar {
		right:50px
	}
	
	.sub .topbar {
		right:0px
	}
	
.logos {
	position:absolute;
	right:20px;
	}
	
	.home	.logos {
		top:160px
	}
	
	.sub	.logos {
		top:90px
	}
	
.logos img {
	width:340px
	}
	
	
	#bedr_title a {
    	background: url('/system/modules/ch.ethz.sed.bootstrap.bedretto/resources/img/bedrettolab_header_transparent.png') no-repeat 0px;
	}
	
	.home div.header_block #bedr_title a {		
		margin:50px 0px 0px 8px;
	}
	
	.sub div.header_block #bedr_title a {		
		margin:15px 0px 0px 8px;
	}
	
	span.language_block_span {
		text-align:center
	}
	
	.menu_bar {
		/*background-color:#0039a0;*/
		height:40px;
		width:311px;
		opacity:0.9
	}
	
	.menu-bar {
		position:absolute !important;
		height:40px;
		width:100%;
		opacity:0.9;
		top:220px;
		left:10px
	}
	
	.home .menu-bar, .home div.header_block button#share_block {
		top:220px
	}
	
	
	.sub .menu-bar, .sub div.header_block button#share_block {
		top:150px
	}
	
	
	.home div.header_block .menu_bar {
		margin-top:30px;
	}
	
	.sub div.header_block .menu_bar {
		margin-top:9px;
	}
	

	
	
	.home div.header_block button#share_block {
		top:220px;
	}
	
	
	
}

@media(max-width:767px) {
	
	a.i_ethz, a.i_siemens, a.i_bfe, a.i_eu2020 {
		display:inline-block;
	}
	
	.i_ethz img{
		margin: 0px 15px 20px;		
	}

	.i_siemens img{
		margin: 0px 15px 20px;		
	}
	
	.i_sccer-soe img{
		margin: 0px 15px 20px;		
	}
	
	.i_eu2020 img {
		margin: 0px 15px 	
	}
		
	nav {
		background-color:#fff;	
		margin-top:0px
	}
	
/*	a#menubutton {
		top:136px
	}
	*/
}


/*** logos ***/
#logos {
	text-align:left;
	margin-bottom:30px
}

a.i_ethz, a.i_siemens, a.i_bfe, a.i_eu2020 {
	display:block;
	
	}
	
	.i_ethz img{
	margin: 0px 0px 20px;
	width:200px;
	}

	.i_siemens img{
		margin:0px 0px 20px;
		width:200px;
	}
	
	.i_sccer-soe img{
		margin:0px 0px 20px;
		width:200px;
	}
	
	.i_eu2020 img {
		margin: 0px;
		width:260px;
	}
/*** end logos ***/	



@media (min-width:768px) and (max-width:991px) {
	
	a.i_ethz, a.i_siemens, a.i_bfe, a.i_eu2020 {
		display:inline-block;
	}
	
	.i_ethz img{
		margin: 0px 15px 20px;		
	}

	.i_siemens img{
		margin: 0px 15px 20px;		
	}
	
	.i_sccer-soe img{
		margin: 0px 15px 20px;		
	}
	
	.i_eu2020 img {
		margin: 0px 15px 0px;		
	}

}


@media (min-width:992px) and (max-width:1199px) {
	
	
	#logos {
	text-align:center
	}
	
	
	a.i_ethz, a.i_siemens, a.i_bfe, a.i_eu2020 {
	display:block;	
	}
	
	.i_ethz img{
		margin: 0px 0px 20px;		
	}

	.i_siemens img{
		margin: 0px 0px 20px;		
	}
	
	.i_sccer-soe img{
		margin: 0px 0px 20px;		
	}
	
	.i_eu2020 img {
		margin: 0px;
		width:210px;
	}
	
}



@media (min-width:1200px) {
	
	
	#logos {
	text-align:center
	}

}

/*** end responsiveness ***/


/*** topbar and search ***/

.topbar {
		position:absolute;
		top:0px;
		text-align:center;
		background-color:#0039a0;
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
		opacity:0.95;
		padding:0px 10px
	}
	

	
.topbar ul.loginbar {
		/*background-color: #0039a0;*/
		position:relative;
		z-index:2000;
		width:190px;
		height:40px;
		margin:0px;
		padding:0px;
		display:inline-block;
		line-height:40px;
		opacity:0.9		
	}



.topbar ul.loginbar > li {
    display: inline;
    list-style: outside none none;
    padding-bottom: 15px;
    position: relative;
	color:#ffffff;	
}

.topbar ul.loginbar > li > a, .topbar ul.loginbar > li > a:hover {
	color:#fff;
	text-transform:none;
	text-decoration:none;
	border-bottom:none
}

.topbar.home ul.loginbar > li > a, .topbar.home ul.loginbar > li > i {
	font-size:17px
}


.topbar.sub ul.loginbar > li > a, .topbar.sub ul.loginbar > li > i {
	font-size:17px
}



/** search **/
.topbar ul.loginbar > li > .search {
    border-bottom: none;
    color: #000;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.topbar.menu ul.loginbar > li > .search {
	font-size:17px
}

.topbar.sub ul.loginbar > li > .search {
	font-size:15px
}


.topbar ul.loginbar li i.fa {
    color: #fff;
}



.topbar .search-open {	
    display: none;
    position: absolute;
	width:214px;
	top:50px;
	right:0px;
	z-index:2000
}



.topbar .search-open btn-u {
	padding:0px;
	width:38px;
	height:38px;
	line-height:38px
}

.topbar ul.loginbar .search-open {
    width: 330px;
}

#searchContentHeader button.btn-u, #searchWidgetAutoComplete button.btn-u {
	line-height:38px;
	padding:0px 13px;
	
}

#searchContentHeader .form-control {
	height:38px;
	line-height:38px;
	width:165px
}

.topbar.home #searchContentHeader .btn-u {
	background-color:#221a15 !important
}

/**** search page from page.css and style.css ****/

#searchWidgetAutoComplete, #rightCol {
	margin-top:30px;
}

.lists .entry {
	background: #fdfdfd none repeat scroll 0 0;
	border-right: 2px solid #eee;
	margin-bottom: 15px;
	min-height: 100px;
	padding: 3px;
}
.posts .dl-horizontal {
	margin-bottom: 15px;
	overflow: hidden;
}

.posts .dl-horizontal a{
    color: #bb3a07;
	border-bottom:2px dotted #bb3a07
}

.posts .dl-horizontal dt > a:first-child{
    border-bottom:0px dotted #000 !important
}


.posts .dl-horizontal dt {
    float: left;
    width: 60px;
}

.posts .dl-horizontal a {
    color: #bb3a07;
}

.posts .dl-horizontal dd {
    margin-left: 70px;
}

.lists dl.entry.dl-horizontal dt a img {
    border: 3px solid #eee;
}
.posts .dl-horizontal dt img {
    border: 1px solid #ddd;
    height: 60px;
    margin-top: 2px;
    padding: 2px;
    width: 60px;
}

/**** end topbar and search ****/




/*** image with text ***/
.bottom_separator {
	border-bottom:1px solid #000
}
/*** end image with text ***/

/*** infotable ***/
.infotable a, .infotable p, .infotable li {
    color: #000;
    font-family: "Lato";
    font-size: 15px;
    line-height: 19px;
}

.infotable h2, .infotable .h2 {
	font-size:24px !important;
	margin-top:0px !important
}





/*** image with text boxfeeder ***/


.boxfeeder .headline h2 {
	background-color:transparent !important;
	font-family:"Lato",sans-serif !important;
	font-size:18px !important;
	line-height:23px !important;
	letter-spacing:normal !important;
	margin-bottom:10px;
	margin-top:12px !important;
	padding:0px;
	border-bottom:3px solid #5e7872 !important;
	color:#000;
	display:block !important
	
}

.boxfeeder .headline {
	margin-bottom:15px
}

/*** end image with text boxfeeder ***/

/*** collapsible ***/
 .headline.sed_collapsible1.collapsed, .headline.sed_collapsible2.collapsed, .headline.sed_collapsible3.collapsed {
 	border-top: 0px solid #000;
 	border-bottom: 1px solid #000 !important;
	background-position: right 50%;
 }
  
/***end collapsible ***/

/*** img with text readmore ***/
span.readmore {
    border-bottom: 0px dotted #bb3a07;
	font-size:16px
}

a .readmore, a:hover .readmore {
	color:#bb3a07;
	text-decoration:none
}

a.detail_close::before, a.detail::before {
	content:""
}

a.detail_close::after, a.detail::after {
	font-family:FontAwesome;
	font-size:14px;
	color:#bb3a07;
	font-weight:normal;
}

a.detail_close::after {
	content:"\f077"
}

a.detail::after {
	content:"\f078"
}




/***  accordion MANUAL ***/
.panel-default > .panel-heading {
	background-color: transparent !important;
	border-color: none !important;
	color: #000;
	padding:5px 10px
}


.panel-group .panel {
	border-color:#5e6b62;
	border-radius:6px;
	border-width:1px 1px 1px 30px
}

.acc_manual::before {
	left:-31px
}

.accordion_manual .panel-body {
	padding:15px 15px 15px 10px
}


/*** sed accordion ***/
.sed_accordion::before {   
    left: -31px;

}

/*** accordion ocms ***/
a.accordion-toggle::before {
	content: "\f107";
	font-family: FontAwesome;
	font-size: 22px;
	font-weight: normal;
	left: -31px;
	position: absolute;
	color: #fff;
}

/*** bootstrap carousel ***/

.carousel_img {
    position: relative;
}

.carousel-v1 .carousel-arrow a.carousel-control {
	border-bottom:0px solid transparent
}

.carousel-caption-block {
    background-color: #4f5954;
    padding: 6px 18px 6px 18px;
    position: relative;	
	color
}

.carousel-caption-block p{
	font-size:16px;
	line-height:1.5;
	color:#fff
}

.carousel-caption-block p strong {
    font-size: 18px;
}

.carousel-v1 .carousel-caption {
    background: #4f5954 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 0;
    position: relative;
    right: 0;
    text-align: left;
    text-shadow: none;
}

div.carousel-indicators {
    margin-left: 0 !important;
}

.carousel-indicators {
    bottom: 0;
    left: 0;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 15;
}

.carousel-indicators img {
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    margin: 10px 5px 0px;
    width: 150px;
	padding:4px;
	border:1px solid transparent
}

.carousel-indicators img.active {
	border:1px solid #4f5954
}


 .carousel-indicators .active {
    background-color: transparent;
    height: auto;
    margin: 10px 5px 0px;
    width: 150px;
	border-radius:0px;
}

.carousel-v1 .carousel-arrow a i {
    background: #4f5954 none repeat scroll 0 0;
}


.carousel-caption h3 {
	color:#fff !important
}
/*** Tabs ***/
.tab-v1 .nav-tabs {
    border-bottom:2px solid #4f5954
}

.tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus {
    background: #4f5954 none repeat scroll 0 0;
	font-size:16px
}

/*** rss feeder ***/


.entry h4 { 
	margin-bottom: 0px !important
	}
	
a.feed_rss_icon {
    color: #bb3a07;
}

/*** end rss feeder ***/


/*** video ***/

.video {
	width:100%;
	height:auto
}

/*** footer ***/
footer  {
	background-color:#4f5954;
	padding:20px 15px;
	margin-top:45px
	
}

footer ul {
	display:inline-block;
	text-align:left;
	padding-left:0px;
	margin-bottom:0px
}

footer li {
	display:inline;
	text-align:left
}

footer li > a {
	color:#fff !important;
	border-bottom:none !important
	
}
footer li.separator {
	color:#fff !important
}

.footer-logos a {
	display:inline-block;
	margin-top:0px
}


img#l_eth {
	width: 160px;
	height:27px;
	margin-right:40px;
	
}

img#l_wss {
	width: 160px;
	height:47px;
	margin-top:0px
}



@media (max-width:991px) {
	.support {
		margin-top:30px
		}
}

@media (max-width:450px) {
	.footer-logos a {
	display:block;
	margin-top:20px;
	width:160px
	}
	
	img#l_eth {
	width: 160px;
	height:27px
	
}

	img#l_wss {
	width: 160px;
	height:47px;
	margin-top:30px
}
}


@media (max-width:485px) {
	.eu_block p {
		width:70%
	}
}


@media (min-width:486px) {
	.eu_block p {
		width:335px
	}
}
.eu_block p{
	float:right;
	font-size:14px;
	text-align:right;
	margin-right:10px
}

.eu_block a{
	display:block;
	float:right
	}

@media (max-width:719px){
	.eu_block {
		margin-top:0px;
		margin-bottom:20px
	}	
}

@media (min-width:720px) {
	.eu_block {
		margin-top:-34px;
		margin-bottom:0px
	}

}


.eu_text {
    margin-right: 80px;
    text-align: right;
	font-size:13px;
	line-height:1.3;
	color:#000
}

/*.footer img {
    display: inline-block;
    float: right;
	margin-top:5px
}
*/


/*** end footer ***/


/*** back to top ***/
#topcontrol {
	z-index:3000
}
/*** end back to top ***/

/*** mc newsletter form ***/
#mc_embed_signup{
	background:#fff; 
	margin-bottom:30px
	}

#mc_embed_signup form {
    padding:0px;
	margin-top:	-15px
}
.mc-field-group { 
    display: inline-block; 
} 
/* positions input field horizontally */
#mc_embed_signup input.email {
    border: 1px solid #ABB0B2;  
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    color: #343434; 
    background-color: #fff; 
    box-sizing:border-box; 
    height:40px; 
    padding: 0px 0.4em; 
    display: block; 
	float:left;
    margin-right:5px; 
    width:63%; 
	}
	
#mc_embed_signup label {
    display:block; font-size:16px; padding-bottom:10px; font-weight:bold;
}
#mc_embed_signup .clear {
    display: block; 
	float:left;
	width:35%
} 
/* positions button horizontally in line with input */
#mc_embed_signup .button {
   	border: none; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    letter-spacing: .03em; 
    color: #fff; 
    background-color: #aaa; 
    box-sizing:border-box; 
    height:40px; 
    line-height:40px; 
    padding:0 18px; 
    display:inline-block; 
    margin: 0; 
    transition: all 0.23s ease-in-out 0s;
	width:100%
}
#mc_embed_signup .button:hover {
    background-color:#777; 
    cursor:pointer;}
#mc_embed_signup div#mce-responses {
    float:left; 
    top:-1.4em; 
    padding:0em .5em 0em .5em; 
    overflow:hidden; 
    width:90%;
    margin: 0 5%; 
    clear: both;}
#mc_embed_signup div.response {
    margin:1em 0; 
    padding:1em .5em .5em 0; 
    font-weight:bold; 
    float:left; 
    top:-1.5em; 
    z-index:1; 
    width:80%;}
#mc_embed_signup #mce-error-response {
    display:none;}
#mc_embed_signup #mce-success-response {
    color:#529214; 
    display:none;}
#mc_embed_signup label.error {
    display:block; 
    float:none; 
    width:auto; 
    margin-left:1.05em; 
    text-align:left; 
    padding:.5em 0;
}
@media (max-width: 767px) {
    #mc_embed_signup input.email {
        width:63%; margin-bottom:5px;
    }
    #mc_embed_signup .clear {
        width: 35% 
    }
    #mc_embed_signup .button {
        width: 100%; 
        margin:0; 
    }
}

/** end newsletter form **/


/**** Image with text and tags 
this is a cut&paste of /system/modules/ch.ethz.sed.bootstrap.imagetexttags/resources/css/imagetexttags.css, so that some selectors can be directly customized ****/
/*** css for module ch.ethz.sed.bootstrap.imagetexttags ***/

/***styles for resource "Image with text and tags" ***/

li.list-entry div.iwtt {
	border-bottom:1px solid #000;
	padding-bottom:12px
}

.headline.inside, .headline.outside {
	border-top:0px solid #000 !important;
	padding-top:12px
}

div.date {
	display:block;
	margin-bottom:10px
}

div.type-list-sortoptions > h1,  div.type-list-filter > h1, div.type-dynamic-list > h1 {
	border-bottom: 3px solid #5e7872 !important;
	color: #000;

}

div.iwtt .headline h2 {
color:#000
}

/** anchor **/

.iwtt > a {
	border-bottom:0px !important;
}

.iwtt  a {
	color:#000
}



/****detail-text ****/
.display_block {
	display:block
}

.display_none {
	display:none
}

.iwtt .display_block {
	margin-bottom:30px
}

.detail_iwtt, .detail_iwtt_close {
	display:block;
	margin-bottom:3px
}

p.btn_link > a, p.btn_link a:hover {
border-bottom:0px solid #000;
color:#000
} 

a.detail_iwtt, a.detail_iwtt_close {
	border-bottom:0px solid #000
}
/**** end detail-text ****/

div.imgtxt_flex_row {
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
	position:relative
}

div.imgtxt_flex_row-reverse {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
	position:relative
}

div.imgtxt_flex_column {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
	position:relative
}

div.imgtxt_flex_column-reverse {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
	position:relative
}


.headline.outside {
	margin: 0px 0px 0px;
	flex: 0 0 100%;
}

.headline.inside {
	display:block;
	margin: 0px 0px 0px;
}

.img_responsive_sed {
    display: block;
    height: auto;
    width: 100%;
}

.img_bordered_sed {
    border:1px solid  #000;
	padding:3px
}

div.dates {
	display:block;
	margin-bottom:12px;
	font-size:	15px
}

.text_auto {
	flex:1
}

.imgtxt_flex_row .img_15,  .imgtxt_flex_row-reverse .img_15 {
	flex: 0 0 15%;
	max-width: 15%
}
.imgtxt_flex_row .img_20, .imgtxt_flex_row-reverse .img_20  {
	flex: 0 0 20%;
	max-width: 20%
}
.imgtxt_flex_row .img_25,.imgtxt_flex_row-reverse .img_25{
	flex: 0 0 25%;
	max-width: 25%
}
.imgtxt_flex_row .img_33,  .imgtxt_flex_row-reverse .img_33 {
	flex: 0 0 33%;
	max-width: 33%
}
.imgtxt_flex_row .img_50, .imgtxt_flex_row-reverse .img_50 {
	flex: 0 0 50%;
	max-width: 50%
}
.imgtxt_flex_row .img_67, .imgtxt_flex_row-reverse .img_67 {
	flex: 0 0 67%;
	max-width: 67%
}
.imgtxt_flex_row .img_75, .imgtxt_flex_row-reverse .img_75 {
	flex: 0 0 75%;
	max-width: 75%
}
.imgtxt_flex_row .img_80, .imgtxt_flex_row-reverse .img_80 {
	flex: 0 0 80%;
	max-width: 80%
}

.imgtxt_flex_row .img_85, .imgtxt_flex_row-reverse .img_85 {
	flex: 0 0 85%;
	max-width: 85%
}


.img_0, .text_0 {
	display:none;
}

.imgtxt_flex_row .text_auto {
	padding-left:10px;
}

.imgtxt_flex_row-reverse .text_auto {
	padding-right:10px;
}

.text_100, .img_100 {
	flex: 0 0 100%;
	padding: 0px !important
}

img[class^="img_width_"] {
	display:block;
	margin:0px auto 10px;
	height:auto
}

.img_width_15 {
	width:15%;
}

.img_width_20 {
	width:20%;
}

.img_width_25 {
	width:25%;
}

.img_width_33 {
	width:33%;
}

.img_width_50 {
	width:50%;
}

.img_width_67 {
	width:67%;
}

.img_width_75 {
	width:75%;
}

.img_width_80 {
	width:80%;
}

.img_width_85 {
	width:85%;
}

.img_width_100 {
	width:100%;
}

.bottom_separator {
	border-bottom:1px dotted #000
}


/** teaser block **/
div.teaser_btn {
margin-bottom: 15px !important
}

.teaser_text{
	margin-bottom:10px
}

.teaser_text > a{
	text-decoration: none;
	border:0px;
}



/** tags **/

/*p.tags {
	margin:10px 0px 10px !important
}*/


/** socials **/

a.share_0 {
    position: absolute;
    bottom: -15px;
    right: 15px;
    border-bottom: none;
}

a.share_10 {
    position: absolute;
    bottom: -10px;
    right: 15px;
    border-bottom: none;
}




/** pagination **/

.btn.btn-append {
	width:100%
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover {
    color: #ddd !important;
    background-color: #fff !important;
    border-color: #a8adb4 !important;
}



/**** end styles for resource "Image with Text and Tags" ****/



/**** styles  for resource "listconfig" ****/
/* List.css */

.list-content .list-box {
    position: relative;
    display: flex;
    flex-direction: column;
}


.list-content ul.list-entries {
   margin-bottom: 0;
   padding: 0;
   list-style-type: none;
   margin-left:0px !important
}

.type-list-filter .filterbox ul {
	margin-left:0px !important
}	

/** pagination **/
.pagination-right .list-dynamic.list-paginate .list-pagination {
    display: flex;
    justify-content: flex-end;
}

.pagination-center .list-dynamic.list-paginate .list-pagination {
    display: flex;
    justify-content: center;
}


/** spinner **/

.list-spinner {
	width: 30px;
	height: auto;
	font-size: 30px;
	position: absolute;
	transform: translateY(-50%);
	z-index: 1000;
	left: 50%;
	color:#fff
}

.spinnerInnerBox {
	position: relative;
	left: -150%;
	background-color: #000;
	width: 300%;
	padding: 100%;
	border-radius: 12px;
	line-height: 0;
	opacity: .65;
}

.list-spinner .fa-spinner, .spinner .fa-spinner {
    animation: spinner 1s infinite;
    animation-timing-function: ease;
    animation-timing-function: steps(4,end);
}




/** sorting **/

.type-list-sortoptions .btn-group {
    display: flex;
    /*justify-content: flex-end;*/
}

.btn-group {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    vertical-align: middle;
}


.type-list-sortoptions .list-option {
    position: relative;
    margin-bottom: 5px;
    margin-right: 10px;
}

.type-list-sortoptions .dropdown-toggle {
    padding: 8px 28px 8px 12px;
}

[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.type-list-sortoptions .dropdown-menu {
    padding: 0;
    border-radius: 0;
    font-size: 15px;
    color: #555;
    min-width: 15px;
    font-weight: 300;
    box-shadow: 0 6px 12px rgba(0,0,0,.3);
}

.type-list-sortoptions .dropdown-toggle::after {
    position: absolute;
    display: inline-block;
    font-family: FontAwesome;
    font-weight: 400;
    content: "\f078";
    right: 7px;
    transform: rotate(0) translate(0,0);
    transition: transform .33s;
    margin: 0;
    border: none;
    width: auto;
    height: auto;
}



.type-list-sortoptions button.btn, .type-list-filter button.btn {
	font-size:16px;
	line-height:18px;
	padding:10px 28px 10px 10px !important;
	background-color:#f0f0f0;
	border-radius:4px
}

.list-optionlist a, .list-optionlist a:hover {
	border-bottom:0px solid #000
}

.list-optionlist.dropdown-menu .active a {
	background-color:#fff
}

.type-list-sortoptions .list-optionlist.dropdown-menu .active a {
	background-color:#4f5954
}

.list-optionlist.dropdown-menu li.divider {
	height:0px
}

.type-list-sortoptions ul.list-optionlist {
		margin-top:	-5px
	}

@media (max-width: 730px) {
	.type-list-sortoptions .btn-group {
    	display: flex;
		flex-wrap: wrap;
		flex-direction:column;
    /*justify-content: flex-end;*/
	}

	type-list-sortoptions .list-option, type-list-sortoptions .list-option.open {
    	position: relative;
    	margin-bottom: 10px;
    	margin-right: 0px;
    	flex: 0 0 100%;
	}
	
	.type-list-sortoptions button.btn {
		width:100%
	}

	.type-list-sortoptions ul.list-optionlist {
		min-width:100%;
	}
	
	.type-list-sortoptions .list-option {
    	margin-right: 0px;
	}
}


/** filtering **/


.type-list-filter .filterbox  {
    margin-bottom: 10px;
    background-color: #fff;
}

.type-list-filter .filterbox.search {
    padding: 0;
}


.bo-none {
    border: none;
}

.styled-form {
    margin: 0;
    outline: 0;
    color: #555;
    background: #fff;
    border-radius: 0px;
}

.type-list-filter .filterbox.search input, .type-list-filter .filterbox.search .icon-prepend {
    border-color: #ddd;
}

button, input {
    overflow: visible;
}

.type-list-filter .filterbox.search .styled-form .input {
    margin: 0;
}


.styled-form .icon-prepend {
    color: #7f8691;
}

.styled-form .button, .styled-form .checkbox, .styled-form .input, .styled-form .radio, .styled-form .select, .styled-form .textarea, .styled-form .toggle {
    position: relative;
    display: block;
}

.styled-form .icon-prepend {
    color: #7f8691;
	transition: border-color .33s ease;
    left: 5px;
    padding-right: 3px;
    border-right-width: 1px;
    border-right-style: solid;
	position: absolute;
	width: 29px;
	line-height: inherit;
	text-align: center;
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.list-seismo .fa-search::before {
    content: "\f002";
}

.list-seismo .fa {
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
        line-height: 1;
    font-size: inherit;
    text-rendering: auto;
}

.styled-form .input .icon-prepend + input {
	    padding-left: 42px;
}

.styled-form .input input {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 7px 10px;
    padding-left: 10px;
	outline: 0;
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	background-color: #fff;
	color: #555;
	appearance: none;
}


.type-list-filter .filterbox .btn.li-label {
    display: block;
    position: relative;
    text-align: left;
}

.type-list-filter .filterbox.categories .btn.li-label::before {
    content: "\f02c";
}

.type-list-filter .filterbox .btn.li-label::before {
    font-family: FontAwesome;
    font-weight: 400;
    padding-right: 10px;
}

.type-list-filter .filterbox .btn.li-label {
    text-align: left;
}

.type-list-filter .filterbox.categories > div {
    padding: 15px;
}

.type-list-filter .filterbox .btn.li-label::after, .type-list-filter .filterbox .nav-side li > a + a::after {
    position: absolute;
    display: inline-block;
    font-family: FontAwesome;
    right: 0;
    width: 40px;
    content: "\f078";
    font-weight: 400;
    text-align: center;
    transform: rotate(-180deg);
    transition: transform .33s;
}



.type-list-filter .filterbox .btn.li-label.collapsed::after, .type-list-filter .filterbox .nav-side li > a + a.collapsed::after {

    transform: rotate(0);

}

.type-list-filter .filterbox.archive > div, .type-list-filter .filterbox.categories > div {
    border: 1px solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: none;
}

.type-list-filter .filterbox.categories ul {
    margin: 0;
    padding: 0;
    list-style: outside none none;
}

.type-list-filter .filterbox.categories ul li {
    margin-top: 2px;
}

*, ::after, ::before {
    box-sizing: border-box;
}

.type-list-filter .filterbox.categories ul {
    list-style: outside none none;
}

.type-list-filter .filterbox.categories ul  li {
    margin-top: 2px;
}

.type-list-filter .filterbox.categories ul li .li-entry {
    white-space:normal;
    display: inline-block;
    line-height: 1;
    font-size: 15px;
    color: #555;
    padding: 2px;
    border-radius: 0px;
	
}

.type-list-filter .filterbox.categories ul li.active a {
    font-weight: 600;
}


.type-list-filter .filterbox.categories ul li .li-count::before {
    padding-left: 4px;
    content: "(";
}

.type-list-filter .filterbox.categories ul li .li-count::after {
    content: ")";
}

.type-list-filter .filterbox.categories ul li .li-entry::before {
    font-family: FontAwesome;
    content: "\f02b";
    padding-right: 8px;
}

.type-list-filter .filterbox.categories ul li .li-entry {
    white-space: normal;
    line-height: 18px;
    font-size: 15px;
    color: #555;
}

.type-list-filter .filterbox.archive .btn.li-label::before {
    content: "\f133";
}


.type-list-filter .filterbox.archive button.year {
    color: #555;
    background-color: #f7f7f7;
    padding-left: calc(15px - 1px);
}

.type-list-filter .filterbox.categories ul li .li-count::before {
    padding-left: 4px;
    content: "(";
}

.type-list-filter .filterbox.categories ul li .li-count::after {
    content: ")";
}

.type-list-filter .filterbox.archive ul li {
    display: inline-block;
    margin: 10px 20px 10px 15px;
    width: 16.666666%;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
}



.type-list-filter .filterbox.archive ul li > a, .type-list-filter .filterbox.categories ul li > a {
	border:0px
}

.type-list-filter .filterbox.archive ul.collapsing, .type-list-filter .filterbox.archive ul.in {
    display: flex;
    flex-wrap: wrap;
}

.type-list-filter .filterbox.archive ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.type-list-filter .filterbox.archive ul li .li-entry {
    position: relative;
}


.type-list-filter .filterbox.archive ul li .li-count::before {
    padding-left: 4px;
    content: "(";
}

.type-list-filter .filterbox.archive ul li .li-count::after {
    content: ")";
}

.type-list-filter .filterbox.archive ul li {
    font-size: 15px;
    text-align: center;
    cursor: pointer;
}

/** alert msg  **/

.oct-alert.oct-alert-warning {
    background-color: #f2f2f2;
}

.oct-alert {
   text-align: center !important;
	overflow: hidden !important;
	z-index: 5 !important;
	white-space: normal !important;
	min-height: 100px;
	position: relative;
	font-weight: 300 !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #f2f2f2;
	padding: 20px;
	margin-bottom: 10px;
}

.head {
    font-size: 22px !important;
}

oct-alert .head, oct-alert .text {
	color:white
}


.small {
    font-size: 85%;
}

p.tags.imgtxt {
	margin-top:10px !important;
}

.list_seismo p.tags.imgtxt{
	
}


/*** teaser read more button ***/


.teaser_rm_btn {
	border:0px solid #000;
	padding:5px 10px;
	background-color:#f0f0f0;
}

.teaser_rm_text {
	/* to be defined */
}


/**** end styles for resource "listconfig" ****/

/***





/***** print *****/
@media print {

/*** start first block: selectors to be customized ***/

	/*display webpage title */
	div.print_site_name::before {
    	margin: 0px 0px 20px;
    	content: "Bedretto Underground Laboratory for Geosciences Website";
    	display: block;
    	font-weight: 700;
	}
	
	
	/*disable these elements*/
	header, div.footer {
		display:none
	}
	
	/*here write the selectors to restyle elements with background color/image (if needed)*/
			
/*** end first block  ***/

/*** start second block:  no customisation needed ***/
	
	/*to avoid table cut on Chrome */
	div.tableMargin {
		overflow:visible
	}
	
	/*to avoid image cut on firefox */
	img.img_responsive_sed, img.img_kti {
  			display:inline-block		
	}
	
	
	/*to overwrite a bootstrap selector which prints url as content of <a> tag  */
	a:link:after, a:visited:after {
    	content: "";	
	}

	/* to avoid text cut on the right side of the table in Chrome */
	div.tableMargin {
		overflow:visible
	}
	
	/*to print columns correctly on chrome */
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    	float: left;
	}
	
	.col-sm-12 {
    	width: 100%;
  	}
	
  	.col-sm-11 {
    	width: 91.66666667%;
  	}
	
  	.col-sm-10 {
   		width: 83.33333333%;
  	}
	
  	.col-sm-9 {
    	width: 75%;
  	}
	
  	.col-sm-8 {
    	width: 66.66666667%;
  	}
	
  	.col-sm-7 {
    	width: 58.33333333%;
  	}
	
  	.col-sm-6 {
    	width: 50%;
  	}
	
  	.col-sm-5 {
    	width: 41.66666667%;
  	}
	
  	.col-sm-4 {
    	width: 33.33333333%;
  	}
	
  	.col-sm-3 {
    	width: 25%;
  	}
	
  	.col-sm-2 {
    	width: 16.66666667%;
  	}
	
  	.col-sm-1 {
    	width: 8.33333333%;
  	}
	
  	.col-sm-pull-12 {
    	right: 100%;
  	}
	
  	.col-sm-pull-11 {
    	right: 91.66666667%;
  	}
	
  	.col-sm-pull-10 {
    	right: 83.33333333%;
  	}
	
  	.col-sm-pull-9 {
    	right: 75%;
  	}
	
  	.col-sm-pull-8 {
    	right: 66.66666667%;
  	}
	
  	.col-sm-pull-7 {
    	right: 58.33333333%;
  	}
	
  	.col-sm-pull-6 {
    	right: 50%;
  	}
	
  	.col-sm-pull-5 {
    	right: 41.66666667%;
  	}

	.col-sm-pull-4 {
    	right: 33.33333333%;
  	}
	
  	.col-sm-pull-3 {
    	right: 25%;
  	}
	
  	.col-sm-pull-2 {
    	right: 16.66666667%;
  	}
	
  	.col-sm-pull-1 {
    	right: 8.33333333%;
  	}
	
  	.col-sm-pull-0 {
    	right: auto;
  	}
	
  	.col-sm-push-12 {
    	left: 100%;
  	}
	
  	.col-sm-push-11 {
    	left: 91.66666667%;
  	}
	
  	.col-sm-push-10 {
    	left: 83.33333333%;
  	}
	
  	.col-sm-push-9 {
    	left: 75%;
  	}
	
  	.col-sm-push-8 {
    	left: 66.66666667%;
  	}
	
  	.col-sm-push-7 {
    	left: 58.33333333%;
  	}
	
  	.col-sm-push-6 {
    	left: 50%;
  	}
	
  	.col-sm-push-5 {
    	left: 41.66666667%;
  	}
	
  	.col-sm-push-4 {
    	left: 33.33333333%;
  	}
	
  	.col-sm-push-3 {
    	left: 25%;
  	}
	
  	.col-sm-push-2 {
    	left: 16.66666667%;
  	}
	
  	.col-sm-push-1 {
    	left: 8.33333333%;
  	}
	
  	.col-sm-push-0 {
    	left: auto;
  	}
	
  	.col-sm-offset-12 {
    	margin-left: 100%;
  	}
	
  	.col-sm-offset-11 {
    	margin-left: 91.66666667%;
  	}
	
  	.col-sm-offset-10 {
    	margin-left: 83.33333333%;
  	}
	
  	.col-sm-offset-9 {
    	margin-left: 75%;
  	}
	
  	.col-sm-offset-8 {
    	margin-left: 66.66666667%;
  	}
	
  	.col-sm-offset-7 {
    	margin-left: 58.33333333%;
  	}
	
  	.col-sm-offset-6 {
    	margin-left: 50%;
  	}
	
  	.col-sm-offset-5 {
    	margin-left: 41.66666667%;
  	}
	
  	.col-sm-offset-4 {
    	margin-left: 33.33333333%;
  	}
	
  	.col-sm-offset-3 {
    	margin-left: 25%;
  	}
	
  	.col-sm-offset-2 {
   		margin-left: 16.66666667%;
  	}
	
  	.col-sm-offset-1 {
    	margin-left: 8.33333333%;
  	}
	
  	.col-sm-offset-0 {
    	margin-left: 0%;
	}
		
	.visible-xs {
    	display: none !important;
  	}
	
  	.hidden-xs {
    	display: block !important;
  	}
	
  	table.hidden-xs {
    	display: table;
  	}
	
  	tr.hidden-xs {
    	display: table-row !important;
  	}
	
  	th.hidden-xs,
  	td.hidden-xs {
    	display: table-cell !important;
  	}
	
  	.hidden-xs.hidden-print {
    	display: none !important;
  	}
	
  	.hidden-sm {
    	display: none !important;
  	}
	
  	.visible-sm {
    	display: block !important;
  	}
	
  	table.visible-sm {
    	display: table;
  	}
	
  	tr.visible-sm {
    	display: table-row !important;
  	}
  
  	th.visible-sm,
  	td.visible-sm {
    	display: table-cell !important;
	}

/*** end second block ***/	
	
}