.user-admin-table td.is-active {
	background: #fff;
}

.user-admin-table td {
	padding: 2px 3px;
}
.user-admin-table td.views-field-field-picture {
	width: 100px;
}
.user-admin-table td.views-field-link-flag,
.user-admin-table td.views-field-link-flag-5,
.user-admin-table td.views-field-link-flag-6 {
	width: 50px;
}

div.cp-to-clip {
	padding: 10px 20px;
	border-radius: 5px;
}


.inline-row {
	display: inline;
}

#footer .block-menu {
	text-align: center;
}
#footer .block-menu ul {
	display: block;
}
#footer .block-menu li {
	display: inline-block;
	padding: 5px 15px;
}
#footer .block-menu li a {
	display: inline;
	padding: 15px 5px;
}
.block-simplenews {
	text-align:center;
}
div div .spammaster-sig {
	display: none !important;
}
.block-simplenews-subscription-block .field--type-email label {
	display: none;
}


/* Make the whole accordion predictable on mobile */
@media (max-width: 991.98px) {
  /* Keep everything in this nav using border-box so borders/padding don't change width */
  .main-header .menu,
  .main-header .menu * { box-sizing: border-box; }

  /* Parent list is block-flow, not flex/inline */
  .main-header .menu,
  .main-header .menu > li,
  .main-header .menu > li > a {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  /* The toggle icon stays fixed width so text never pushes it */
  .sensa-open-submenu {
    display: inline-block;
    width: 1.5rem;          /* stable hitbox for +/− */
    text-align: center;
    vertical-align: middle;
  }

  /* Submenu: fixed full width, only height animates */
  .main-header .menu > li > ul,
  .main-header .menu > li > .submenu {
    display: none;          /* initial state, JS will slideDown */
    width: 100%;
    max-width: 100%;
    position: static;       /* no absolute stacking on mobile */
    overflow: hidden;       /* smooth slide, no horizontal growth */
    margin: .25rem 0 0;
    padding: .25rem 0;
  }

  /* Optional: keep borders from causing a width jump by applying them always */
  .main-header .menu > li > ul {
    border: 1px solid rgba(0,0,0,.08);
    border-radius: .5rem;
  }
}





.region-content .block>h2,
.region-content-bottom .block>h2,
.bottom-widgets .block>h2 {
	margin: 30px auto;
	text-align: center;
	font-size: 2.3em;
	color: white;
	text-shadow: 0px 0px 5px #333;
}
@media (max-width: 992px) {
  .region-content .block>h2,
  .region-content-bottom .block>h2,
  .bottom-widgets .block>h2 {
	font-size: 1.8em;
}
}

#block-data {
	width: 60%;
	min-width: 300px;
	margin-right: auto;
	margin-left: auto;
}

#block-spaceholders .field--name-field-space-holders>.field__item {
	margin: 20px 0;
}


@media (max-width: 768px) {
  table .priority-low {
    display: none;
  }
}


/** user profile **/
/* eliminate cluttered elements for non webmasters */
#edit-field-presentation-0-format,
#edit-langcode-wrapper {
	display: none;
}
.toolbar-fixed #edit-field-presentation-0-format,
.toolbar-fixed #edit-langcode-wrapper {
	display: block;
}



.footerwidget .views-row {
	 margin: 15px 0; 
}
.footerwidget .views-field-field-date {
	margin-bottom: 0;
}
.footerwidget .navbar-nav .nav-item,
.footerwidget .navbar-nav .nav-link {
	padding: 0;
}


/** user image in event teaser **/

.node--type-event.node--view-mode-teaser .field--name-field-space-holders {
	text-align: right;
	float: right;
}
.node--type-event.node--view-mode-teaser .field--name-field-space-holders .field img {
	margin-right: 0;
}
.node--type-event.node--view-mode-teaser .node__links {
	text-align: right;
}
.node--type-event.node--view-mode-teaser .field--name-field-space-holders .field__item {
	display: inline-block;
	margin: 0;
}
.node--type-event.node--view-mode-teaser .field--name-field-space-holders .field--name-name {
	display: none;
}

.node--type-event.node--view-mode-teaser .profile .field--name-field-picture img {
	width: 70px;
	height 70px;
	border-radius: 35px;
}

/** ===== correspondance on user profile ===== **/

.block-views .node--type-Reservation.views-row,
.block-views .node--type-Message.views-row {
	border: 1px solid #999;
	padding: 2px 0;
	margin: 10px 0;
	background: #FFFFE2;
	border-radius: 8px;
}
.block-views .node--type-Reservation.views-row {
	background: #CCCCFF
}
.block-views .Team .block-views .node--type-Reservation.views-row {
	background: #CCEEFF;
}
.block-views article.node--type-message .field--name-uid, 
.block-views article.node--type-message .field--name-created,
.block-views article.node--type-reservating .field--name-uid, 
.block-views article.node--type-reservating .field--name-created {
	display: inline-block;
	margin: 0 20px 10px 20px;
}
article.node--type-reservating .field--name-field-reserving .field__items>.field__item {
	font-size: .8em;
	border: 1px solid #999;
	border-radius: 4px;
	padding: 2px;
	margin: 2px 0;
	background: #DDDDFF;
}
.block-views article.node--type-reservating .field--name-field-terms .field__item {
	font-size: 0.85em;
}
.block-views .views-row .flag-agree {
	display: none;
}
.block-views .node--type-Reservation.views-row .flag-agree {
	margin: 10px auto;
	border-radius: 20px;
	background: orange;
	display: block;
	width: 300px;
}
.block-views .node--type-Reservation.views-row .flag-agree a {
	display: block;
	padding: 5px;
	font-size: 20px;
	

}
.block-views .node--type-Reservation.views-row .views-field-last-updated {
	font-size: 0.85em;
	font-weight: bold;
	margin: 5px 10px;
}

#block-views-block-user-me-block-1 a {
	color: #fff;
}










.adaptive1 {
	display: none;
}
.user-admin-table td {
	padding: 5px;
}
.user-admin-table tr {
	padding: 10px 0;
	border-bottom: 1px gray solid;
}
.user-admin-table ul {
	padding-inline-start: 8px;
}
.user-admin-table td {
	max-width: 180px;
	overflow: hidden;
}


.user-admin-table td.views-field-name {
	max-width: 150px;
}

@media (min-width: 992px) {
.adaptive1 {
	display: inline;
}
.adaptive1plus {
	display: none;
}

}



.field--name-field-paragraph > .field__item {
	margin-bottom: 50px;
}

.paragraph--type--user-small .field--name-field-user-presentation {
	text-align: center;
	margin-bottom: 50px;
}

.paragraph--type--user-small .field--name-field-user-presentation .field__item {
	display: inline-block;
	width: 130px;
}
.paragraph--type--user-small .field--name-field-user-presentation .field__item .layout {
	margin-bottom: 20px;
}

.paragraph--type--user-small .image-style-round-user {
	width: 100px;
	height: 100px;
	border-radius: 50px;
}

.paragraph--type--user-small .field--name-field-user-presentation .field--name-name a {
	color: #000;
}

@media (min-width: 992px) {

.paragraph--type--user-small .field--name-field-user-presentation .field__item {
	width: 200px;
	font-size: 1.2em;
}

.paragraph--type--user-small .image-style-round-user {
	width: 160px;
	height: 160px;
	border-radius: 80px;
}

}


#block-teamcomments .comment-form__title{
	display: none;
}

.path-team .views-field-title {
	max-width: 220px;
}

.user-logged-in .hide-logged-in {
	display: none;
}

/* ===== messages ==== */
/* Hide user ref form field */
#field-user-ref-add-more-wrapper {
	display: none;
}

/* ===== application results ===== */

.path-user .region-content-bottom {
	width: 100%;

}
#block-views-block-webform-visible-block-8 summary {
	padding: 0 20px 0 20px;
}
#block-views-block-webform-visible-block-8 summary:before {
    content: "";
}


/* ===== profile webforms ===== */

.path-user .webform-container label {
	white-space:nowrap;
	width: 300px;
	overflow: hidden;
	margin-right: 20px;
	color: gray;
	float: left;
}
.path-user .webform-container ul {
	margin-left: 100px;
}
.path-user .webform-element-type-webform-likert label,
.path-user .webform-element-type-webform-mapping label,
.path-user .webform-element-type-webform-checkboxes label,
.path-user .webform-element-type-webform-checkboxes-other label {
	float: none;
}
.path-user .webform-element-type-webform-likert b {
	font-weight: normal;
}

/* ===== media library ===== */

.js-media-library-widget.js-form-item .js-media-library-item {
	display: inline-block;
}
.js-media-library-widget.js-form-item .js-media-library-item .btn {
	font-size: .6em;
	margin-bottom: -7px;
}
.js-media-library-widget.js-form-item .js-media-library-item {
	max-width: 220px;
	overflow: hidden;
	font-size: .6em;
}
form .js-media-library-item {
	display: inline-block;
}
form .js-media-library-item .form-type-checkbox {
	margin-bottom: -15px;
}
div.media-library-widget-modal {
	width: 90% !important;
	left: 5% !important;
	top: 20px !important;
}




.carousel-indicators li {
    background-clip: border-box;
    box-sizing: border-box;
    width: 20px;
    height:0;
    border-radius: 10px;
    margin-right: 5px;
    margin-left: 5px;
    opacity: 0.3;

}
/*.carousel-indicators li {
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
 move */

/* read more link visible title */
.body-readmore .visually-hidden {
	position: relative !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    word-wrap: normal;
}

.toolbar-horizontal .messages--error,
.toolbar-fixed .messages--error {
	display: block;
}

.flag-pin.action-unflag {
	background: #f66;
}
.flag-hide.action-unflag {
	background: #888;
}

.paragraph--type--user article {
	clear: left;
	padding: 20px 0;
}

.node--view-mode-teaser .field--name-field-subtitle {
	font-weight: bold;
}
.page-node-type-signups .vertical-tabs,
.page-node-type-message .vertical-tabs { /* hide vertical tabs for non admins */
	display: none;
}

/*
* main menu
* carousel
* user me widget
* user info with role icons
* footer menu
* team space
*/


/* ===== views diverse ===== */


.user-list-inline {
	text-align: center;
}
.user-list-inline .views-row,
.user-list-inline h3 /* grouped results */ {
	display: inline-block;
	max-width: 32%;
	font-size: 9px;
	line-height: 1.2em;
	vertical-align: top;
	padding: 8px 2%;
	margin: 0;
}
.user-list-inline .views-row .views-field views-field-field-picture {
	margin: 0 1vw;
}
.user-pictures-mini-round img {
	border-radius: 50px;
	box-shadow: 3px 3px 3px #bbb;
}
.user-list-inline .views-row .views-field-name {
	font-size: 14px;
	margin-bottom: 5px;
}



/*
 * Main menu
 * Carousel
 * User Info box with role icons
*/
 
 
/* ===== Main menu ===== */

.dropdown-toggle::after,
nav h2 {
	display: none;
}

.navbar {
  background: none !important;
}

#block-mainnavigation {
  position: relative;
  z-index: 999;
}
#block-mainnavigation ul.dropdown-menu {
	margin: 0;
}

.sensa-open-submenu { /* plus icons to open submenus on mobile devices */
	color: #000;
	float: right;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
    cursor: pointer;
    font-size: 2rem;
    border: 2px solid #000;
    width: 30px;
    height: 32px;
    border-radius: 5px;
}

/* ----- Navbar toggle ..... */

.navbar-toggler {
	position: absolute;
	right: 3vw;
	top: 2vw;
	width: 50px;
	height: 30px;
	z-index: 1111;
	padding: 0;
	border: 0;
	background-image: url('../../../sites/default/files/navbar-toggle.png');
	background-size: 50px 30px;
	opacity: 0.7;
}

/* ----- full menu ----- */

@media  only screen and (min-width: 992px) { 

.navbar-expand-lg {
    justify-content: flex-end;
}


#block-mainnavigation a.nav-link, 
#block-mainnavigation a.nav-link:hover, 
#block-mainnavigation a.nav-link:focus, 
#block-mainnavigation a.nav-link:active, 
#block-mainnavigation a.nav-link.highlighted {
  color: white;
}
#block-mainnavigation a.nav-link:hover, 
#block-mainnavigation a.nav-link:focus, 
#block-mainnavigation a.nav-link:active, 
#block-mainnavigation a.nav-link.highlighted {
  color: #FFFF99
}
.sensa-open-submenu {
	display: none;
}
#block-mainnavigation a.nav-link {
	padding: 1vw 4vw;
	}
#block-mainnavigation li li {
	font-size: 18px;
	text-shadow: none;
}
.dropdown-menu {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 0.5rem;
}
.nav-item:hover > ul {
    display: block;
}
#block-mainnavigation ul li.dropdown:last-child ul {
    left: auto;
    right: 0;
}
}

/* ----- mobile menu ----- */

@media only screen and (min-width: 200px) and (max-width: 992px)  {
.navbar,
.navbar-nav {
 	width: 100%;
 	margin: auto;
	}
.navbar {
	padding: .8rem;
}
.navbar-nav a.nav-link, 
.navbar-nav a.nav-link:hover, 
.navbar-nav a.nav-link:focus, 
.navbar-nav a.nav-link:active, 
.navbar-nav a.nav-link.highlighted {
  background: none;
  color: #000;
}

#block-mainnavigation {
	background: rgba(255, 255, 255, 0.85);
    border-radius: 16px;
    border: 1px #000 solid;
	padding: 3vw;
}
nav.navbar {
	justify-content: center;
}
header .navbar-nav li a {
	font-size: 5vw;
}
.navbar-nav li li a {
	font-size: 5vw;
}
header .navbar-nav > li:first-child a {
	font-size: 6.5vw;
}
.navbar-nav .nav-item > a, .sensa-open-submenu {
	display: inline;
	}
.navbar-nav > li:first-child .sensa-open-submenu {
	display: none;
	}
.navbar-nav .nav-item {
	padding: 1.5vw;
	}
}




/* ===== Carousel ===== */

.carousel-item picture,
.carousel-item source {
	display: block;
	width: 100%;
}
.carousel-item .field {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	max-width: 100%;
}

.carousel-indicators {
    bottom: 5vw;
}
@media (max-width: 992px) {
.carousel-indicators {
	display: none;
}
}

/* Correspondance */
/* ToDo: create user role body class or authorID == userRef node class to make team messages white */



/* ===== User me widget: picture, profile edit, logout ===== */

.views-element-container .views-label {
	font-weight: bold;
}
.webform-submission-data--webform-agreement-field label {
	display: block;
}

#block-views-block-user-me-block-1 {
	margin: auto;
	text-align: center;
}
#block-views-block-user-me-block-1 .views-field-field-picture img {
    width: 150px;
    height: 150px;
/* 	width: 8vw;
 	height: 8vw;
	max-width: 100px;
	max-height: 100px;
	overflow: hidden;
	margin: auto; */
	border-radius: 75px; /*version user round mini , to be overwriten for user round micro */
	box-shadow: 3px 3px 5px #000;
	object-fit: cover;      /* ensures it fills the circle */
    background: none !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}
@media (min-width: 992px) {
#block-views-block-user-me-block-1 {
	width: 200px;
}	
}

#block-views-block-user-me-block-1 .views-field-name h3 {
	margin: -17px -80px 10px -80px;
	font-family: Merienda;
	font-size: 20px;
	color: #fff;
	text-shadow: 2px 2px 10px #000,  -2px -2px 10px #000;
}
#block-views-block-user-me-block-1 .views-field-nothing span a.button {
	color: #fff;
	background: #0071b8;
	border: 1px solid #1e5c90;
	border-radius: 20px;
	box-shadow: 3px 3px 5px #000;
	padding: 2px 6px;
	opacity: 0.5;
}
#block-views-block-user-me-block-1 .views-field-nothing span a.button:hover {
	opacity: 1;
}
#block-views-block-user-me-block-1 .views-field-nothing span a.button-logout {
	border-color: #111;
	color: #fff;
	background: #000;
}

@media (min-width: 992px) {
#block-views-block-user-me-block-1 {
	position: absolute;
	top: -200px;
	top: -17vw;
	right: 30px;
	right: 4vw;
}
#block-views-block-user-me-block-1 .views-field-nothing span a.button {
	font-size: .8vw;
}

}

/* ===== User info block with role icones ===== */

#block-views-block-user-this-role-icons ul {
	padding: 0;
}
#block-views-block-user-this-role-icons li {
	list-style: none;
	display: inline-block;
	margin: 0 3px;
}
div.role-icon {
	width: 66px;
	height: 66px;
	background-image:url('grafics/role-icons.jpg');
	background-position: 3px -110px;
	border-radius: 33px;
	box-shadow: 3px 3px 3px #666;
	position: relative;

}
div.role-icon-collaborator {
	background-position: 0px -564px;
}
div.role-icon-eros_lab {
	background-position: -3px -494px;
}
div.role-icon-member {
	background-position: 0px -424px;
}
div.role-icon-administrator {
	background-position: -1px -217px;
}
div.role-icon-signup {
	background-position: -3px -78px;
}
div.role-icon-editor {
	background-position: 0px -150px;
}
div.role-icon-translator {
	background-position: -3px -7px;
}
div.role-icon-core_team {
	background-position: -2px -286px;
}
div.role-icon-team {
	background-position: 3px -110px;
}
div.role-icon-facilitator {
	background-position: -2px -630px;
}
#block-views-block-user-this-role-icons li div.label {
	display: none;
	position: absolute;
	z-index: 99;
	padding: 3px 6px;
	background: #fff;
	color: #666;
	border: 1px solid #aaa;
	border-radius: 5px;
	left: 20px;
	top: 55px;
}
#block-views-block-user-this-role-icons li:hover div.label {
	display: block;
}

/* User info */

.user-info-block h2 {
	color: #888;
}
.user-info-block .views-row {
	text-align: left;
}
.user-info-block .views-label {
	display: inline-block;
	font-weight:bold;
	margin-right: 10px;
}
.user-info-block .field-content {
	display: inline-block;
}


/* ===== Footer menu ===== */

#footer a {
	color: #000;
	font-weight: bold;
}
#footer #block-boletin,
#footer #block-newsletter {
	margin-left: -10px;
	margin-right: -10px;
}

#footer #block-boletin .field--name-field-body,
#footer #block-newsletter .field--name-field-body {
	max-height: 275px;
	overflow: hidden;
}
/* ===== User admin table ===== */

.admin-table td {
	font-size: .8em;
}
.user-admin-table .views-field-created,
.user-admin-table .views-field-view-1,
.user-admin-table .views-field-name {
	white-space: nowrap;
}
.user-admin-table img {
}
.user-admin-table header {
	padding-left: 20px;
}

/* ===== correspondance ===== */

.teaser-list.user-care {
	width: 66%;
	float: left;
	clear: left;
}
.teaser-list.user-care article.node--view-mode-teaser {
	margin: 10px auto;
	font-size: .6em;
}


/* ===== views signups ===== */

.view-signups caption {
	font-size: 1.3em;
	background: #f2f2f2;
	border: 1px solid #aaa;
	border-radius: 8px;
	text-align: center;
}
.view-signups .views-field-name {
	white-space: nowrap;
}
.view-signups .views-field-roles-target-id {
	width: 10%;
}

/* ===== Edit in place ===== */

.edit-in-place-clickable {
	position: relative;
}
.edit-in-place-clickable legend {
	position: absolute;
	top: -20px;
	font-size: 12px;
	float: left;
	margin-right: 20px;
	border: 1px solid #bbb;
	border-radius: 6px;
	background: #ffffa2;
	width: 30px;
	height: 20px;
}
.edit-in-place-clickable ul {
	padding: 0;
}

.edit-in-place-clickable li {
	list-style: none;
	padding: 2px 5px;
	border: 1px solid #bbb;
	border-radius: 6px;
	background: #f2f2f2;
	width: 200px;
	height: 30px;
	white-space: nowrap;
}