/* navigation */

:root {
    --juforum-orange: #ea5b0c;
    --shadow-color: rgba(0,0,0,0.5);
}

.jvt {
	/*margin-right: -18em; (News-Sidebar jetzt auch im JVT?) */
}
#submenu {
	margin-top: 4em !important;
}

@media (min-width:800px) { /*JVT-Menü auf großen Bildschirmen*/
	#nav {
		border: none;
		border: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: bold;
		background-color: #ea5b0c;
		display: inline-block;
		width:100%;
	}
	#nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#nav ul ul {
		border: none;
	}
	#nav ul ul a {
		line-height: 28px;
	}
	#nav ul ul ul {
		left: 100%;
		top: 0;
	}
	#nav li {
		float: left;
		background-color: #ea5b0c;
	}
	#nav li a, #nav li a:visited {
		color: #ffffff;
		display: block;
		line-height: 28px;
		padding: 0px 10px;
		text-align: center;
		text-decoration: none;
	}
	#nav li a:hover {
		color: #ffffff;
		background-color: #bd1d1d;
		text-decoration: none;
	}
	#nav li div {
		float: none;
	}
	#nav .has_sub span {
		float: right;
		padding-right: 4px;
		position: relative;
		bottom: 24px;
		color: #ffffff;
	}
	#nav li ul {
		display: none;
		height: 0px;
		position: absolute;
		width: 220px;
		border-top: 4px solid #bd1d1d;
		z-index: 200;
	}
	#nav li ul li ul {
		border: none;
	}
	#nav li:hover > ul {
		display: block;
	}
	#nav li li {
		display: block;
		float: none;
		padding: 0px;
		position: relative;
		width: 220px;
	}
	#nav li ul a {
		display: block;
		font-size: 12px;
		font-style: normal;
		padding: 0px 10px 0px 15px;
		width: 220px;
		text-align: left;
	}
	#nav li ul a:hover {
		background: #bd1d1d;
		width: auto;
	}
	#nav p {
		clear: left;
	}
	#nav .current > a, .current > div > a {
		background: #ea5b0c;
		color: #ffffff;
		width: auto !important;
	}
	#nav .current > a:hover {
		color: #ffffff;
	}
	#jvtmenutoggle {
		display:none;
	}
}
@media (max-width:799px) { /*JVT-Menü auf kleinen Bildschirmen*/
	#jvtmenutoggle {
		color:white;
		cursor:pointer;
		margin: 10px 0px 0px 0px;
		font-size: 12px;
		font-weight: bold;
		background-color: #ea5b0c;
		display: inline-block;
		width:100%;
		box-sizing:border-box;
		padding:7px;
		text-align:center;
	}
	#jvtmenutoggle:hover {
		background-color: #bd1d1d;
	}
	#jvtmenuhelper:not(:checked) ~ label #close,
	#jvtmenuhelper:checked ~ label #open,
	#jvtmenuhelper:not(:checked) ~ ul,
	#nav .has_sub span {
		display:none;
	}
	#nav a:not([href]) {
		color:black;
		text-decoration:none;
	}
	#nav li {
		margin: .5em 0;
	}
}
#jvtmenuhelper {
	position:absolute;
	left:-9999px;
}

#map{
   width: 100% !important;
}

#converse-link {
	position: fixed;
	box-sizing: border-box;
	z-index: 3;
	bottom: 0.75em;
	right: 1em;
	color: #ffffff;
	background-color: #ea5b0cff;
	opacity: 0.8;
	border-radius: 15px;
	padding: 8px 16px 8px 16px;
	font-weight: bold;
	transition: all 0.1s ease-in-out;
	cursor: pointer;
}

#converse-link:hover {
	box-shadow: 0px 0px 10px #ea5b0cff;
	color: #ea5b0cff;
	background-color: #ffffff;
}

/* formulare */

input[type=file]{
   background:transparent !important;
}

.jvt :target {
	outline: 1px dotted #ed0;
}

.jvt textarea, .jvt input[type=text], .jvt input[type=date], .jvt input[type=number], .jvt input[type=url], .jvt input[type=password], .jvt input[type=email], .jvt input[type=tel] {
	font-size: 100%;
	font-family: inherit;
	border: 1px solid #666;
	padding: 2px; margin: 0;
	background-color: #fafafa;
}
.jvt textarea:focus {
	background-color: #ffeddb;
}

.jvt fieldset {
	border: none;
	border-top: 1px solid #888;
	margin: 3ex 0;
	padding: 1ex 2ex;
}

.jvt fieldset legend {
	padding: 0 1ex;
}

.jvt fieldset fieldset {
	border: none;
	margin: 1ex 0;
	padding: 0;
}

.jvt form ol, .jvt .form ol {
	list-style: none outside;
	margin: 1ex;
	padding: 0 0 0 20em;
}

.jvt form ol .inner {
    padding: 0 0 0 3em;
}

.jvt form ol li, .jvt .form ol li {
	margin: 1ex 0;
	padding: 0;
}

.jvt form ol li label, .jvt .form ol li label {
	float: left;
	display: block;
	width: 19em;
	margin-left: -20em;
	text-align: right;
}
.jvt form ol li input {
	display: block;
	width: 100%;
}
.jvt form ol li select {
	max-width:230px;
}
.jvt input[type=hidden] {
	display: none !important;
}
.jvt form ol li.s label {
	float: none;
	display: inline;
	width: auto;
	margin: 0;
	text-align: left;
}
.jvt form ol li.s input {
	display: inline;
	width: auto;
}

.jvt form textarea {
	width: 100%;
	height: 6em;
}

.jvt button {
	font-size: 110%;
	font-weight: bold;
}

.jvt .explain {
	margin: 0.5ex;
	padding: 0.5ex;
	background-color: #ddf;
}
.jvt .message {
	background-color: #ea5b0c;
	border: 2px solid #a34f00;
}
.jvt .error {
	background-color: #fa0004;
	border: 2px solid #a30003;
}
.jvt .message, .jvt .error {
	padding: 0.3ex;
	margin: 0.2ex;
	color: #fff;
	font-weight: bold;
}
.jvt .required label, .jvt p.required {
	font-weight: bold;
}
.jvt .required.missing label {
	color: red;
}

.jvt a img {
	border: none;
}


/* send mail */
#send_mail .important {
	font-weight: bold;
	color: #e00;
}

#complete_body pre, #complete_body textarea {
	padding: 0; margin: 0;
	color: #000;
	background: transparent;
	font-family: inherit;
	white-space: pre-wrap;
	border: none;
	display: block;
}
#complete_body textarea, .jvt textarea.long {
	height: 20em;
}
#complete_body pre {
	color: #333;
}
#complete_body {
	border: 1px solid #333;
	padding: 2px; margin: 0;
	background-color: #fafafa;
	width: 100%;
}

#send_mail .receivers {
	list-style: none outside;
	margin: 0; padding: 0;
	-moz-column-width: 18em;
	-webkit-column-width: 18em;
	column-width: 18em;
}

/* show old mail */
#show_oldmail ul {
	list-style: none outside;
	padding: 0; margin: 0;
}
#show_oldmail li {
	margin: 1ex 0; padding: 0;
}
#show_oldmail dl {
	margin: 0; padding: 0;
}
#show_oldmail dl dt {
	display: block;
	width: 7em;
	float: left;
	font-weight: normal;
	color: #333;
	margin: 0; padding: 0;
}
#show_oldmail dl dd {
	display: block;
	margin: 0; padding: 0;
}
#show_oldmail .action {
	margin: 1ex 0;
}
#show_oldmail .body, #show_oldmail .log {
	background-color: transparent;
	font-size: 100%;
	font-family: monospace;
	border: none;
	margin: 2ex 0 2ex 7em; padding: 0;
	color: #000;
	white-space: pre-wrap;
}
#show_oldmail .log {
	color: #555;
	border-top: 1px solid;
	padding: 0.2ex 0;
	margin: 4em 0;
	font-size: 80%;
}

#show_oldmail h3 {
	margin: 0 0 0.5ex 0; padding: 0;
}


/* manage roles */
.jvt .actions { font-weight: bold; }

.jvt .desc {
	font-size: 80%;
	color: #444;
}

#manage_roles ul {
	margin: 0; padding: 0;
	list-style: none outside;
	-moz-column-width: 15em;
	-webkit-column-width: 15em;
	column-width: 15em;
}

#manage_roles > div {
	margin-top: 1em;
}

.jvt ins {
	text-decoration: underline;
}

.jvt .implicit_role {
	font-size: 90%;
}

/* manage members */
#manage_members p {
	font-weight: bold;
}
#manage_members ul {
	margin: 0; padding: 0;
	list-style: none outside;
	-moz-column-width: 25em;
	-webkit-column-width: 25em;
	column-width: 25em;
}

#manage_members ul span {
	font-size: 80%;
}

/* edit_member */ 
#edit_member #uploadform img {
	float: left;
}
#edit_member fieldset.nested {
 	border: 1px dotted #ccc;
	border-top: 1px solid #888;
	margin: 2ex 0;
	padding: 1ex 2ex;
   width: 60% !important;
}

#edit_member .project legend, #edit_member .project legend input {
	width: 100%;
}
#edit_member .project legend label {
	position: absolute;
	top: -10000em; left: -10000em;
}


#edit_member fieldset legend label {
	color: #888;
}

#edit_member option.delete {
	color: #fff;
	background-color: #fa0004;
}


/* edit_member_rights */
#edit_member_rights ul, #edit_role ul {
	list-style: none outside;
	margin: 0; padding: 0;
	-moz-column-width: 25em;
	-webkit-column-width: 25em;
	column-width: 25em;
}

/* icon fuer bearbeiten */
.jvt .edit {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: no-repeat 50% 50% url(/source/jvt/public_html/images/pencil.png);
}
.jvt .edit span {
	position: absolute; top: -10000em; left: -10000em;
}


/* edit auth */
#edit_auth ul {
	list-style: none outside;
	margin: 0; padding: 0;
	-moz-column-width: 25em;
	-webkit-column-width: 25em;
	column-width: 25em;
}



/* manage events */
#manage_events dt .title {
	margin: 1em 0 0 0;
	display: block;
	font-size: 110%;
	font-weight: bold;
}
#manage_events dt .date {
	display: block;
	opacity: 0.85;
}
#manage_events dd p {
	margin: 0.5em 0;
}

/*list participants*/
#list_participants .groupreg_newgroup td {
	border-top:2px solid black;
}

/* warnungen */
.jvt .sync button {
	background-color: #e0e0ff;
	color: #00c;
}

.jvt .outstanding li {
	font-weight: bold;
}

.jvt .danger p, .jvt .danger span {
	color: #c00;
}

#list_questionnaires .danger {
	display: inline-block;
}

.jvt .danger label, .jvt li .danger, .jvt .danger button {
	background-color: #ffe0e0;
	color: #c00;
}
.jvt .danger button {
	border: 2px outset #f00;
}

/* zustimmung als gegenteil von warnung */

.jvt .positive label, .jvt li .positive, .jvt .positive button {
	background-color: #c0ffc0;
	color: #070;
	border: 2px outset #070;
}

.jvt .positive button {
	border: 2px outset #070;
}

/* Einige allgemeine divs
	Evt. doppelt deklariert, aber hier sind sie */

/*zentriertes div*/
.jvt .cdiv { 
	margin: 0 auto;
	width: 60%;
}

/*100 Prozent Breite*/
.jvt .w100 {
	width: 100%;
}

.jvt .fl {
	float: left;
}

.jvt .fr {
	float: right;
}

.jvt .clb {
	clear: both;
}

.jvt .formular {
	border: 1px solid black;
	margin: 15px;
	padding: 15px;
	
}

/* sortierbare tabellen */
table.sortable th, table.sortable td {
	padding: 0.25em 0.5em;
}
table.sortable th.header {
	padding-right: 21px;
	background: no-repeat 100% 50% url(/source/jvt/public_html/images/sortable.gif);
}
table.sortable th.header:hover {
	background-color: #ddd;
}
table.sortable th.headerSortUp {
	background-image: url(/source/jvt/public_html/images/sort-up.gif);
}
table.sortable th.headerSortDown {
	background-image: url(/source/jvt/public_html/images/sort-down.gif);
}
table.sortable tbody tr.outstanding, .tablesaw-sortable tbody tr.outstanding {
    background-color: #fdd;
}
table.sortable tbody tr:hover, .tablesaw-sortable tbody tr:hover {
    background-color: #ddd;
}


#list_members ul, #member_area ul.people {
	list-style: none outside;
	padding: 0;
	margin: 0;
}

#list_members li, #member_area ul.people li {
	margin: 0;
	padding: 0;
}
#list_members .photo, #member_area .photo {
	height: 115px;
	width: auto;
	display: block;
	margin: 0 auto;
}
#list_members .vcard, #member_area .vcard {
	margin: 0;
	font-weight: bold;
	display: block;
	width: 10em;
	float: left;
	text-align: center;
	overflow: hidden;
	padding: 1em 0;
}
#list_members .vcard *, #member_area .vcard * {
	white-space: nowrap;
	text-overflow: ellipsis;
}
#list_members .vcard:hover, #list_members .vcard:focus, #member_area .vcard:hover, #member_area .vcard:focus {
	background-color: #ea5b0c;
	color: white;
	text-decoration: none;
}
#list_members .fn, #member_area .fn {
	display: block;
	margin: 0.25em 0 0 0;
}
#list_members .email, #member_area .misc {
	margin: 0.25em 0 0 0;
	padding: 0;
	font-size: 80%;
	font-weight: normal;
}




/* Mitgliederbereich */
#member_area #self {
	background: transparent;
	padding: 1em;
}
#member_area #self > a > img {
	height: 115px;
	float: left;
	padding: 0 15px 0 0;
}
#member_area #self p {
	min-height: 115px;
	max-width: 35em;
	font-size: 120%;
	margin: 0;
}
#member_area h3 {
	margin: 2em 0 1em 0;
}
#member_area img.qrcode_tooltip {
	float: right;
	display: none;
}
#member_area a:hover img.qrcode_tooltip {
	display: block;
}

/* ToDo-Liste */
#todolist dl dd {
	font-weight:bold;
	margin-left:0px;
	padding-left:0px;
}
#todolist dl dt {
	padding-left:50px;
}
#todolist .remove:hover {
  text-decoration:line-through;
  cursor:default;
}
#todolist a.readm-more {
  color: #ea5b0c;
  cursor: pointer;
}

#membership_fees pre {
  overflow:scroll;
}
#membership_fees div {
  margin-left:15%;
  display:none;
}


#manage_quicklinks #sortable {
  list-style:none;
}
#manage_quicklinks #sortable li {
  border:1px solid black;
  border-radius:5px;
  padding:5px;
  margin-bottom:5px;
  background:white;
  text-align:middle;
}
#manage_quicklinks #sortable li::before {
  content:"\21c5";
  margin:0 10px 0 5px;
  font-size:1.5em;
  cursor:ns-resize;
  cursor:grab;
}
#manage_quicklinks #sortable li input {
  width:44%;
}
#manage_quicklinks #sortable li span {
  cursor:pointer;
}

/* FB Posts */
#fb_posts h2 {
  margin-top:2em;
}

#fb_posts .text_smiley img {
  height:1em;
}

#fb_posts .posts {
  overflow:hidden;
}

#fb_posts .post_title {
  margin-bottom: 0.7em;
}

#fb_posts .post_title img {
  width: 1em;
  vertical-align: middle;
}

#fb_posts .facebook_img_link:hover {
  text-decoration:none;
}

#fb_posts .post {
  padding:7px 5px 7px 7px;
  display:block;
  overflow:hidden;
}

#fb_posts table {
  width:100%;
  border-spacing:0px;
}

#fb_posts .url {
  overflow:hidden;
}

#fb_posts .attachment, #fb_posts .attachment_1, #fb_posts .attachment_2, #fb_posts .attachment_3 {
  text-align:center;
  display:block;
  overflow:hidden;
}

#fb_posts .attachment div, #fb_posts .attachment_1 div, #fb_posts .attachment_2 div, #fb_posts .attachment_3 div {
  position:relative;
  display:inline-block;
  float:left;
  width:27.3%;
  margin: 1% 1%;
  overflow:hidden;
}

#fb_posts .attachment_1 div {
	width:auto;
	float:none;
}

#fb_posts .attachment_2 div {
	width:48%;
}

#fb_posts .attachment_3 div {
	width:31%;
}

#fb_posts .hidden {
  display:none !important;
}

#fb_posts .add_attachments_outer {
	width:10% !important;
}

#fb_posts .add_attachments {
	color:#fff;
	background:rgba(0,0,0,0.6);
	height:200px;
	display:table-cell !important;
	vertical-align:middle;
	float:none !important;
	transition: all 0.2s ease-out;
	font-size:large;
	font-weight: bold;
}

#fb_posts .add_attachments:hover {
  background-color:#ea5b0c;
}

#fb_posts .attachment div img, #fb_posts .attachment_1 div img, #fb_posts .attachment_2 div img, #fb_posts .attachment_3 div img {
  max-height:200px;
  position:relative;
}

#fb_posts .attachment div .height_sm_width, #fb_posts .attachment_1 div .height_sm_width, #fb_posts .attachment_2 div .height_sm_width, #fb_posts .attachment_3 div .height_sm_width {
  left: 50%;
  transform: translate(-50%,0);
}

#fb_posts .attachment a, #fb_posts .attachment_1 a, #fb_posts .attachment_2 a, #fb_posts .attachment_3 a {
  text-decoration:none;
}

#fb_posts .link a:after, #fb_posts .link a:before {
    position:absolute;
    opacity:0;
    transition: all 0.5s;
}

#fb_posts .link a:after {
    content:'\A';
    width:100%;
    height:100%;
    min-height:26px;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    background-image:url(/source/jvt/public_html/images/open_external.svg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 20px 20px;
}

#fb_posts .link a:before {
    width:100%;
    color:#fff;
    z-index:1;
    bottom:0;
    padding:4px 10px;
    text-align:center;
}

#fb_posts .link a:hover:after, #fb_posts .link a:hover:before {
    opacity:1;
}

/*#fb_posts .comment, #fb_posts .answer {
  background:#e9eaed;
}*/

#fb_posts .comment td, #fb_posts .answer td {
  padding:7px;
  vertical-align:middle;
}

#fb_posts .comment .picture, #fb_posts .answer .picture {
  text-align:center;
  vertical-align:middle;
}

#fb_posts .answer .profile_pic img {
  height:25px;
}

#fb_posts .answer .picture {
  border-left:4px solid #dcdee3;
}

#fb_posts .answer div {
  padding-right:30%;
}

#fb_posts .last_answer {
  /*background:#e9eaed;*/
  height:3px;
}

#fb_posts .show_more, #fb_posts .show_more_div, #fb_posts .show_more_c, #fb_posts .show_more_div_c{
  display:none;
}

#fb_posts .show_more:checked + .show_more_label, #fb_posts .show_more:checked ~ .show_more_div_c {
  display:none;
}

#fb_posts .show_more + .show_more_label:after {
  content: "Weitere Posts anzeigen";
}

#fb_posts label {
  background: #f6f7f8;
  min-width:100px;
  text-align: center;
  padding: 4px 12px 4px 12px;
  margin-bottom:4px;
  border: solid #dcdee3 1px;
  display:inline-block;
  transition: all 0.2s ease-out;
}

#fb_posts label:hover {
  background: #ea5b0c;
}

@keyframes roll_out {
  from { max-height:0px }
  to { max-height:6000px }
}

@keyframes roll_in {
  from { max-height:500px; opacity:1; }
  to { max-height:0px; opacity:0; }
}

#fb_posts .show_more:checked ~ .show_more_div, #fb_posts .show_more_c:checked + .show_more_div_c {
  display:block;
  animation-name: roll_out;
  animation-timing-function: ease-in-out;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

 #fb_posts .show_more_c:not(:checked) + .show_more_div_c {
  display:block;
  animation-name: roll_in;
  animation-timing-function: cubic-bezier(0, 1, 0, 1);
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* Icon-Font von icomoon.io, eingeführt von Alex Bartl
 * Verwendung:
 * 1) als Icon vor einem Text: mit class=icon-*
 *    z.B. <span class="icon-yes">Akzeptieren</span>
 * 2) als verlinktes Icon:
 *    z.B. <a href='...' class='iconlink'>#</a>
 *    
 * Verfügbare Icons (ersetze * mit zweiter, # mit erster Spalte):
 * e	edit	Stift
 * s	save	Diskette
 * d	delete	Papierkorb
 * n	no	X
 * y	yes	Häkchen
 * p	pref	Zahnräder
 * f	find	Lupe
 * +	plus	Plus
 * -	minus	Minus
 * 
 * Zusätzliche Icons können bei Bedarf hinzugefügt werden (am besten Alex ansprechen).
 * 
 * Icon Set:	IcoMoon - Free -- http://keyamoon.com/icomoon/
 * License:	CC BY 3.0 -- http://creativecommons.org/licenses/by/3.0/
*/
@font-face {
	font-family: 'jvt';
	src:url('../fonts/jvt.eot');
	src:url('../fonts/jvt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/jvt.woff') format('woff'),
		url('../fonts/jvt.ttf') format('truetype'),
		url('../fonts/jvt.svg#jvt') format('svg');
	font-weight: normal;
	font-style: normal;
}
.iconlink, [class*="icon-"]:before {
	font-family: 'jvt';
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-edit:before {
	content: "\65";
}
.icon-save:before {
	content: "\73";
}
.icon-delete:before {
	content: "\64";
}
.icon-no:before {
	content: "\6e";
}
.icon-yes:before {
	content: "\79";
}
.icon-pref:before {
	content: "\70";
}
.icon-find:before {
	content: "\66";
}
.icon-plus:before {
	content: "+";
}
.icon-minus:before {
	content: "-";
}
#wrap {
}
#spalte-1 { float: left;  width: 650px; }
#spalte-2 { float: right; width: 200px; }

/* Tablesaw responsive tables */
.tablesaw-bar {
	clear:none !important;
	height:2em;
}
.tablesaw-stack {
	width:100%;
}

/*Scrollytelling auf der Startseite*/
#scrollylink {
  width: 100%;
  position: relative;
}
#scrollylink:after, #scrollylink .en:after {
  padding-top: 42.86%; /* used to set ratio of child div, following https://stackoverflow.com/a/12121309/4421490 */
  display: block;
  content: '';
}
#scrollylink a:first-child, #scrollylink .en > a {
  display:block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url("/fileadmin/logos_etc/ScrollyBanner1.png");
  background-size: cover;
}
#scrollylink a:first-child:hover {
  background-image: url("/fileadmin/logos_etc/ScrollyBanner2.png");
  cursor:pointer;
}
#scrollylink .en {
  width: 30%;
  position: absolute;
  bottom:0;
  right:0;
}
#scrollylink .en:after {
  padding-top: 21.68%;
}
#scrollylink .en > a {
  background-image: url("/fileadmin/logos_etc/ScrollyBanner3.png");
}
#scrollylink .en > a:hover {
  background-image: url("/fileadmin/logos_etc/ScrollyBanner4.png");
  cursor:pointer;
}

#popupcontainer {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.7);
	z-index:10;
}
#popupcontainer iframe {
	background-color:transparent;
	border:none;
	height:90%;
	margin:0 5%;
	width:90%;
	position:absolute;
	top:50%;
	-ms-transform:translateY(-50%); /*for IE9*/
	transform:translateY(-50%);
}

/* Cancellation form styling */
#cancel_membership fieldset {
	margin: 2em 0;
	padding: 1.5em;
	border-radius: 6px;
	background: #f9f9f9;
}

#cancel_membership fieldset legend {
	font-weight: bold;
	padding: 0.5em 1em;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}

#cancel_membership .s label {
	display: block;
	padding: 0.8em 0;
	cursor: pointer;
	line-height: 1.4;
}

#cancel_membership .s input[type="radio"],
#cancel_membership .s input[type="checkbox"] {
	margin-right: 0.8em;
	margin-top: 0.1em;
	transform: scale(1.2);
}

#cancel_membership .info, .jvt-modern div.info {
	background: #e7f3ff;
	border: 1px solid #b3d9ff;
	border-radius: 4px;
	padding: 1em;
	margin: 1em 0;
}

#cancel_membership .warning, .jvt-modern div.warning {
	background: #fff3cd;
	border: 1px solid #ead17d;
	border-radius: 4px;
	padding: 1em;
	margin: 1em 0;
}

#cancel_membership .success, .jvt-modern div.success {
	background: #d4edda;
	border: 1px solid #c3e6cb;
	border-radius: 4px;
	padding: 1em;
	margin: 1em 0;
}

#cancel_membership .s label:hover {
	background: #f0f0f0;
	border-radius: 4px;
	margin: 0 -0.3em;
	padding: 0.8em 0.3em;
}

#cancel_membership button[type="submit"] {
	padding: 0.8em 1.5em;
	font-size: 1em;
	border-radius: 4px;
	margin-top: 1em;
    cursor: pointer;
}

#cancel_membership .cancel-withdrawal-btn {
	background-color: #ffeaa7;
	color: #2d3436;
	border: 1px solid #fdcb6e;
}

#cancel_membership .cancel-withdrawal-btn:hover {
	background-color: #fdcb6e;
	color: #2d3436;
}


.jvt-modern div.mbox {
    border-radius: 4px;
    padding: 1.5em 1em;
    margin: 1em 0;
}
.jvt-modern div.mbox :first-child {
    margin-top: 0;
}
.jvt-modern div.mbox :last-child {
    margin-bottom: 0;
}

.jvt-modern li {
    margin-top: 0.5em;
}


@media (min-width:650px) and (max-width:800px), (max-width:520px) {
    .jvt form ol, .jvt .form ol {
		padding: 0;
	}

	.jvt form ol li label, .jvt .form ol li label {
		float: initial;
		display: block;
		width: auto;
		margin-left: initial;
		text-align: initial;
	}

	.nested li a img {
		max-width:100%;
	}
}

.text-juforum-orange {
    color: var(--juforum-orange);
}