/**
 * @copyright	Iyad KHADDAM - 2018
 * @license		private code
 */
textarea#jform_description { min-width:30em;}
textarea#jform_comment { min-width: 45em;
	min-height: 10em;}
textarea#jform_privateComment {min-width: 45em;
	min-height: 10em;}

input#jform_activity_name{ min-width:30em;}
input#jform_activity_adr{ min-width:30em;}
input#jform_postal_code{ max-width:4em;}
input#jform_url{ min-width:30em;}
input#jform_email{ min-width:30em;}

input#jform_nb_participants{ max-width:4em;}
input#jform_b_repetitions{ max-width:4em;}

.toggleOn{
    background-color: grey;
}
.toggleOff{
    background-color: lightgray;
}
.activitytitle{
	line-height: normal;
	float: left;
	text-align: left;
	font-size: small;
	font-size: small;
	border-width: 1px;
	border-style: solid;
	border-color: lightgrey;
	padding: 5px;
	
}
.control-group {
margin: 1em 0;
display: flex;
}
.jpo-filter{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
.jpo-filter-element{
	margin: 5px;
    padding: 8px 8px 8px 8px;
/*	font-family: var(--font-family);
    font-size: var(--font-size);
    line-height: var(--line-height);
	*/
}
.jpo-alert-info {
	--alert-color: var(--info-text-emphasis);
	--alert-bg: var(--jpo-popup-bg-color);
	--alert-border-color: var(--info-border-subtle);
	--alert-link-color: var(--info-text-emphasis);
  }
  .jpo-alert {
	--alert-bg: transparent;
	--alert-padding-x: 1rem;
	--alert-padding-y: 1rem;
	--alert-margin-bottom: 1rem;
	--alert-color: inherit;
	--alert-border-color: transparent;
	--alert-border: var(--border-width)solid var(--alert-border-color);
	--alert-border-radius: var(--border-radius);
	--alert-link-color: inherit;
	padding: var(--alert-padding-y)var(--alert-padding-x);
	margin-bottom: var(--alert-margin-bottom);
	color: var(--alert-color);
	background-color: var(--jpo-popup-bg-color);
	border: var(--alert-border);
	border-radius: var(--alert-border-radius);
	position: relative;
  }
.jpo-subscribe-table{
  border-color: var(--jpo-popup-bg-color);
  border-style: solid;
  background-color: var(--jpo-table-bg-color);
}
.jpo-subscribe-table table thead th {
	white-space: nowrap;
  }
  .jpo-subscribe-table th, .jpo-subscribe-table td {
	vertical-align: middle;
	border-width: 3px;
}
  .jpo-subscribe-table th {
	font-weight: 500;
  }
  .jpo-subscribe-table > :not(caption) > * > * {
	color: var(--table-color-state,var(--table-color-type,var(--table-color)));
	background-color: var(--table-bg);
	box-shadow: inset 0 0 0 9999px var(--table-bg-state,var(--table-bg-type,var(--table-accent-bg)));
	padding: .5rem;
  }
  .jpo-subscribe-table table, thead, tbody, tfoot, tr, td, th {
	border-color: inherit;
	border-style: solid;
  }

.jpo-subscribe-popup{
	background-color: var(--jpo-popup-bg-color);
	padding: 0 1rem 0 1rem;
	border: 1px;
  	border-radius: 0.5rem;
}
.icon-more-info{
	width: 43px;
	height: 23px;
	align-content: center;
	padding-left: 6px;
	font-size: 6pt;
	border-radius: 50%;
	margin-left: 5px;
}
.icon-detail-info{
	width: 60px;
	height: 40px;
	align-content: center;
	padding-left: 6px;
	font-size: 6pt;
	border-radius: 50%;
	margin-left: 5px;
}
.icon-location{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .40em;
	line-height: 14px;
	
}
.icon-users{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .40em;
	line-height: 14px;
	
}
.icon-phone{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .40em;
	line-height: 14px;
	
}
.icon-link{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .40em;
	line-height: 14px;
	
}
.icon-comment{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .40em;
	line-height: 14px;
}


@media (max-width: 800px) {
	.bluep {
		vertical-align: text-top;
	}
    .q-text {
        text-align: left !important;
        width: 100% !important;
        margin-top: 90px !important;
    }
    .q-container {
        flex-wrap: wrap;
    }
    .q-answer {
        width: 100% !important;
        margin-top: 30px !important;
    }
	input#jform_activity_adr { min-width: unset;}
	textarea#jform_comment { min-width: unset;}
	textarea#jform_privateComment{ min-width: unset;}
 }