/* Buttons */

.btn_image_img			{max-width: 100%; height: 1.4rem; vertical-align: middle;}

/* Button normal */
.btn, a.btn:link, a.btn:visited{
	outline: none;
	font-size: 1rem;
	-webkit-border-radius: 0.2rem;
	border-radius: 0.2rem;
	color: #fff; text-decoration: none; font-weight: bold; border: 0;
	box-shadow: 0 0.08rem 0 0 rgba(0, 0, 0, 0.2), 0 -0.08rem 0 0 rgba(0, 0, 0, 0.3) inset;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently
								  not supported by any browser */
}
.btn, a.btn:link {
	padding: 0.7rem 1.2rem;
	display: inline-table;
	border-collapse: separate;
	white-space: nowrap;
}

a.btn:hover, .btn:hover, a.btn_small:hover, .btn_small:hover, a.btn_smaller:hover, .btn_smaller:hover{
	cursor: pointer;	
}

a.btn:active, .btn:active, a.btn_small:active, .btn_small:active, a.btn_smaller:active, .btn_smaller:active{
	outline: none;
}

/* Button small */
.btn_small, a.btn_small:link, a.btn_small:visited{
	font-size: 0.9rem;
	-webkit-border-radius: 0.2rem;
	border-radius: 0.2rem;
	color: #fff; text-decoration: none; font-weight: bold; border: 0;
	box-shadow: 0 0.08rem 0 0 rgba(0, 0, 0, 0.2), 0 -0.08rem 0 0 rgba(0, 0, 0, 0.3) inset;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.btn_small, a.btn_small:link {
	padding: 0.5rem 1rem;
	display: inline-table;
	border-collapse: separate;
	white-space: nowrap;
}

/* Button smaller */
.btn_smaller, a.btn_smaller:link, a.btn_smaller:visited{
	font-size: 0.8rem;
	-webkit-border-radius: 0.2rem;
	border-radius: 0.2rem;
	color: #fff; text-decoration: none; font-weight: bold; border: 0;
	box-shadow: 0 0.08rem 0 0 rgba(0, 0, 0, 0.2), 0 -0.08rem 0 0 rgba(0, 0, 0, 0.3) inset;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.btn_smaller, a.btn_smaller:link {
	padding: 0.2rem 0.5rem;
	display: inline-table;
	border-collapse: separate;
	white-space: nowrap;
}

/* Button icon */
.btn_icon, a.btn_icon:link, a.btn_icon:visited{
	font-size: 0.9rem;
	-webkit-border-radius: 0.2rem;
	border-radius: 0.2rem;
	color: #fff; text-decoration: none; font-weight: bold; border: 0;
	box-shadow: 0 0.08rem 0 0 rgba(0, 0, 0, 0.2), 0 -0.08rem 0 0 rgba(0, 0, 0, 0.3) inset;
}
.btn_icon, a.btn_icon:link {
	padding: 0.2rem 0.3rem;
	/*display: inline-table; Führt zu rechtem Leerraum im Chrome */
	border-collapse: separate;
	white-space: nowrap;
}

.btn-width-small{width: 4.5rem; height: 1.6rem; padding-left: 0 !important; padding-right: 0 !important; cursor: pointer;}

.btn-width-long{width: 13rem; height: 1.6rem; padding-left: 0 !important; padding-right: 0 !important; cursor: pointer;}

/* Button toggle */
.btn-toggle-left, a.btn-toggle-left:link, a.btn-toggle-left:visited{
	font-size: 0.9rem; margin: 0;
	border-bottom-left-radius: 0.3rem; border-top-left-radius: 0.3rem;
	color: #fff; text-decoration: none; font-weight: bold; border: 0;
	box-shadow: 0 0.04rem 0 0 rgba(0, 0, 0, 0.2), 0 -0.04rem 0 0 rgba(0, 0, 0, 0.3) inset;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.btn-toggle-right, a.btn-toggle-right:link, a.btn-toggle-right:visited{
	font-size: 0.9rem; margin: 0;
	border-bottom-right-radius: 0.3rem; border-top-right-radius: 0.3rem;
	color: #fff; text-decoration: none; font-weight: bold; border: 0;
	box-shadow: 0 0.04rem 0 0 rgba(0, 0, 0, 0.2), 0 -0.04rem 0 0 rgba(0, 0, 0, 0.3) inset;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.btn-toggle-left, a.btn-toggle-left:link, .btn-toggle-right, a.btn-toggle-right:link {
	min-width: 6.5rem;
	text-align: center;
	padding: 0.5rem 1rem;
	display: inline-table;
	white-space: nowrap;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}

.btn-toggle-active-green		{background-color: #63a510; box-shadow: inset 3px 3px 6px #497a0c !important;}

/* ==================================================================================================================================== */


/* Button Spring */
.btn_spring, a.btn_spring:link, a.btn_spring:visited{
	background-color: #4a8316; text-shadow: 0.1rem 0.1rem 0.1rem #416d16;
	background: -webkit-linear-gradient(#75b034 , #4a8316); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#75b034, #4a8316); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#75b034, #4a8316); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#75b034 , #4a8316); /* Standard syntax */
}
.btn_spring:hover, a.btn_spring:hover{
	background: none; background-color: #4a8316;
}
.btn_spring:active,a.btn_spring:active{
	background-color: #3d6813;
}
/* Button Summer */
.btn_summer, a.btn_summer:link, a.btn_summer:visited{
	background-color: #628215; text-shadow: 0.1rem 0.1rem 0.1rem #456003;
	background: -webkit-linear-gradient(#8eb335 , #628215); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#8eb335, #628215); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#8eb335, #628215); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#8eb335 , #628215); /* Standard syntax */
}
.btn_summer:hover, a.btn_summer:hover{
	background: none; background-color: #628215;
}
.btn_summer:active,a.btn_summer:active{
	background-color: #4c6410;
}
/* Button Autumn */
.btn_autumn, a.btn_autumn:link, a.btn_autumn:visited{
	background-color: #846216; text-shadow: 0.1rem 0.1rem 0.1rem #604200;
	background: -webkit-linear-gradient(#b28734 , #846216); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#b28734, #846216); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#b28734, #846216); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#b28734 , #846216); /* Standard syntax */
}
.btn_autumn:hover, a.btn_autumn:hover{
	background: none; background-color: #846216;
}
.btn_autumn:active, a.btn_autumn:active{
	background-color: #6c4f10;
}
/* Button Winter */
.btn_winter, a.btn_winter:link, a.btn_winter:visited{
	background-color: #19478b; text-shadow: 0.1rem 0.1rem 0.1rem #143d66;
	background: -webkit-linear-gradient(#3462b2 , #19478b); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#3462b2, #19478b); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#3462b2, #19478b); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#3462b2 , #19478b); /* Standard syntax */
}
.btn_winter:hover, a.btn_winter:hover{
	background: none; background-color: #19478b;
}
.btn_winter:active, a.btn_winter:active{
	background: #093069;
}
/* Button Brightgray */
.btn_brightgray, a.btn_brightgray:link, a.btn_brightgray:visited{
	color: #444444;
	background-color: #d9d8d8; text-shadow: 0.1rem 0.1rem 0.1rem #fff;
	background: -webkit-linear-gradient(#f1f1f1 , #d9d8d8); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f1f1f1, #d9d8d8); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f1f1f1, #d9d8d8); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f1f1f1 , #d9d8d8); /* Standard syntax */
}
.btn_brightgray:hover, a.btn_brightgray:hover{
	background: none; background-color: #d9d8d8;
}
.btn_brightgray:active, a.btn_brightgray:active{
	background: #bbbbbb;
}
/* Button Gray */
.btn_gray, a.btn_gray:link, a.btn_gray:visited{
	background-color: #545454; text-shadow: 0.1rem 0.1rem 0.1rem #333333;
	background: -webkit-linear-gradient(#979797 , #545454); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#979797, #545454); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#979797, #545454); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#979797 , #545454); /* Standard syntax */
}
.btn_gray:hover, a.btn_gray:hover{
	background: none; background-color: #545454;
}
.btn_gray:active, a.btn_gray:active{
	background: #3a3a3a;
}
/* Button Yellow (Bucher Money Coach) */
.btn_yellow, a.btn_yellow:link, a.btn_yellow:visited{
	background-color: #545454; text-shadow: 0.1rem 0.1rem 0.1rem #6c5006;
	background: -webkit-linear-gradient(#dab040 , #bf972b); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#dab040, #bf972b); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#dab040, #bf972b); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#dab040 , #bf972b); /* Standard syntax */
}
.btn_yellow:hover, a.btn_yellow:hover{
	background: none; background-color: #bf972b;
}
.btn_yellow:active, a.btn_yellow:active{
	background: #a27e1e;
}
/* Button Orange (Bucher TAO Medical) */
.btn_orange, a.btn_orange:link, a.btn_orange:visited{
	background-color: #cc7300; text-shadow: 0.1rem 0.1rem 0.1rem #6a3f07;
	background: -webkit-linear-gradient(#e9972c , #cc7300); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#e9972c, #cc7300); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e9972c, #cc7300); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e9972c , #cc7300); /* Standard syntax */
}
.btn_orange:hover, a.btn_orange:hover{
	background: none; background-color: #cc7300;
}
.btn_orange:active, a.btn_orange:active{
	background: #a45d01;
}
/* Button Red (Bucher Vita Coach) */
.btn_red, a.btn_red:link, a.btn_red:visited{
	background-color: #9c3b20; text-shadow: 0.1rem 0.1rem 0.1rem #631f0d;
	background: -webkit-linear-gradient(#e35539 , #b93319); /* For Safari 5.1 to 6.0     #c85f43, #9c3b20 */
	background: -o-linear-gradient(#e35539, #b93319); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e35539, #b93319); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e35539 , #b93319); /* Standard syntax */
}
.btn_red:hover, a.btn_red:hover{
	background: none; background-color: #9c3b20;
}
.btn_red:active, a.btn_red:active{
	background: #7d260e;
}
/* Button Blue (Bucher Business Coach) */
.btn_blue, a.btn_blue:link, a.btn_blue:visited{
	background-color: #227a9f; text-shadow: 0.1rem 0.1rem 0.1rem #0b4760;
	background: -webkit-linear-gradient(#43a1c8 , #227a9f); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#43a1c8, #227a9f); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#43a1c8, #227a9f); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#43a1c8 , #227a9f); /* Standard syntax */
}
.btn_blue:hover, a.btn_blue:hover{
	background: none; background-color: #227a9f;
}
.btn_blue:active, a.btn_blue:active{
	background: #0d5979;
}
/* Button Pink (Bucher Aura Coach) */
.btn_pink, a.btn_pink:link, a.btn_pink:visited{
	background-color: #ad47af; text-shadow: 0.1rem 0.1rem 0.1rem #641165;
	background: -webkit-linear-gradient(#cb67cd , #ad47af); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#cb67cd, #ad47af); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#cb67cd, #ad47af); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#cb67cd , #ad47af); /* Standard syntax */
}
.btn_pink:hover, a.btn_pink:hover{
	background: none; background-color: #ad47af;
}
.btn_pink:active, a.btn_pink:active{
	background: #8e2b90;
}
/* Button Violet (Bucher Stress Balance) */
.btn_violet, a.btn_violet:link, a.btn_violet:visited{
	background-color: #7948b0; text-shadow: 0.1rem 0.1rem 0.1rem #381066;
	background: -webkit-linear-gradient(#9768cd , #7948b0); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#9768cd, #7948b0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#9768cd, #7948b0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#9768cd , #7948b0); /* Standard syntax */
}
.btn_violet:hover, a.btn_violet:hover{
	background: none; background-color: #7948b0;
}
.btn_violet:active, a.btn_violet:active{
	background: #5d2c95;
}
/* Button Turquois (Bucher Bioresonance Triselect) */
.btn_turquois, a.btn_turquois:link, a.btn_turquois:visited{
	background-color: #4899ae; text-shadow: 0.1rem 0.1rem 0.1rem #135465;
	background: -webkit-linear-gradient(#66b6cb , #4899ae); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#66b6cb, #4899ae); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#66b6cb, #4899ae); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#66b6cb , #4899ae); /* Standard syntax */
}
.btn_turquois:hover, a.btn_turquois:hover{
	background: none; background-color: #4899ae;
}
.btn_turquois:active, a.btn_turquois:active{
	background: #33859a;
}
/* Button Brown (Bucher Remedy Encoder) */
.btn_brown, a.btn_brown:link, a.btn_brown:visited{
	background-color: #af7445; text-shadow: 0.1rem 0.1rem 0.1rem #65350e;
	background: -webkit-linear-gradient(#d09566 , #af7445); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#d09566, #af7445); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#d09566, #af7445); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#d09566 , #af7445); /* Standard syntax */
}
.btn_brown:hover, a.btn_brown:hover{
	background: none; background-color: #af7445;
}
.btn_brown:active, a.btn_brown:active{
	background: #935b2f;
}

/* Icon buttons */

.icon-authorization:before			{vertical-align: middle; width: 1.5rem; height: 1.5rem; content:""; display: inline-block; background-image: url('/images/svg/login-gray.svg'); 
									 background-size:1.5rem 1.5rem; background-position: center; background-repeat: no-repeat; margin-right: 0.4rem;}
.icon-authorization-white:before	{vertical-align: middle; width: 1.3rem; height: 1.3rem; content:""; display: inline-block; background-image: url('/images/svg/login-white.svg'); 
									 background-size:1.3rem 1.3rem; background-position: center; background-repeat: no-repeat; margin-right: 0.4rem;}

.btn_svg_icon{width: 1rem}
.btn-icon-add						{background: url('/images/svg/go-back-left-arrow.svg') no-repeat center center; background-size: 1.2rem; width: 1.5rem;}
.btn-icon-euro{
	width: 1.5rem;
	background-image: url('/images/svg/euro.svg');
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: 1.2rem;
}

/* Button Icon Small */
.btn-icon-small, a.btn-icon-small:link, a.btn-icon-small:visited{
	display: inline !important;
	border-collapse: separate;
	padding: 0.5rem 1.25rem;
	font-size: 0.9rem;
	-webkit-border-radius: 0.2rem;
	border-radius: 0.2rem;
	bold:true;
	border: 0;
	box-shadow: 0 0.08rem 0 0 rgba(0, 0, 0, 0.2), 0 -0.08rem 0 0 rgba(0, 0, 0, 0.3) inset;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	background-color: #d9d8d8; 
}
.btn-icon-small:hover, a.btn-icon-small:hover{
	background-color: #d9d8d8 !important;
}

/* Button Add Black */
.btn-add-black, a.btn-add-black:link, a.btn-add-black:visited{
	background: url('/images/svg/add-black.svg') center center / 55% 55% no-repeat , linear-gradient(#f1f1f1 , #d9d8d8);
}
.btn-add-black:hover, a.btn-add-black:hover{
	background-image: url('/images/svg/add-black.svg') !important;
}

/* Button Euro Black */
.btn-euro-black, a.btn-euro-black:link, a.btn-euro-black:visited{
	background: url('/images/svg/euro-black.svg') center center / 53% 53% no-repeat , linear-gradient(#f1f1f1 , #d9d8d8);
}
.btn-euro-black:hover, a.btn-euro-black:hover{
	background-image: url('/images/svg/euro-black.svg') !important;
}

/* Button Checked Black */
.btn-checked-black, a.btn-checked-black:link, a.btn-checked-black:visited{
	background: url('/images/svg/checked-black.svg') center center / 55% 55% no-repeat , linear-gradient(#f1f1f1 , #d9d8d8);
}
.btn-checked-black:hover, a.btn-checked-black:hover{
	background-image: url('/images/svg/checked-black.svg') !important;
}



/* Button Delete Black */
.btn-delete-black, a.btn-delete-black:link, a.btn-delete-black:visited{
	background: url('/images/svg/delete-black.svg') center center / 55% 55% no-repeat , linear-gradient(#f1f1f1 , #d9d8d8);
}
.btn-delete-black:hover, a.btn-delete-black:hover{
	background-image: url('/images/svg/delete-black.svg') !important;
}

/* Button Print Black */
.btn-print-black, a.btn-print-black:link, a.btn-print-black:visited{
	background: url('/images/svg/print-black.svg') center center / 55% 55% no-repeat , linear-gradient(#f1f1f1 , #d9d8d8);
}
.btn-print-black:hover, a.btn-print-black:hover{
	background-image: url('/images/svg/print-black.svg') !important;
}

/* Button Download Black */
.btn-download-black, a.btn-download-black:link, a.btn-download-black:visited{
	background: url('/images/svg/download-black.svg') center center / 55% 55% no-repeat , linear-gradient(#f1f1f1 , #d9d8d8);
}
.btn-download-black:hover, a.btn-download-black:hover{
	background-image: url('/images/svg/download-black.svg') !important;
}

/* Button Next Black */
.btn-next-black, a.btn-next-black:link, a.btn-next-black:visited{
	background: url('/images/svg/arrow-gray-right.svg') center center / 55% 55% no-repeat , linear-gradient(#f1f1f1 , #d9d8d8);
}
.btn-next-black:hover, a.btn-next-black:hover{
	background-image: url('/images/svg/arrow-gray-right.svg') !important;
}

/* Button Previous Black */
.btn-prev-black, a.btn-prev-black:link, a.btn-prev-black:visited{
	background: url('/images/svg/arrow-gray-left.svg') center center / 55% 55% no-repeat , linear-gradient(#f1f1f1 , #d9d8d8);
}
.btn-prev-black:hover, a.btn-prev-black:hover{
	background-image: url('/images/svg/arrow-gray-left.svg') !important;
}


/* Button Euro Active */
.btn-euro-active, a.btn-euro-active:link, a.btn-euro-active:visited{
	background: #63a510 url('/images/svg/euro-white.svg') center center / 53% 53% no-repeat;
	box-shadow: inset 3px 3px 6px #497a0c !important;
}

/* Button Checked Active */
.btn-checked-active, a.btn-checked-active:link, a.btn-checked-active:visited{
	background: #63a510 url('/images/svg/checked-white.svg') center center / 55% 55% no-repeat;
	box-shadow: inset 3px 3px 6px #497a0c !important;
}

/* Button Delete Active */
.btn-delete-active, a.btn-delete-active:link, a.btn-delete-active:visited{
	background: #63a510 url('/images/svg/delete-white.svg') center center / 55% 55% no-repeat;
	box-shadow: inset 3px 3px 6px #497a0c !important;
}

/* Buton sub menu */
.sub-menu{
	width: 1rem; border: none; height: 2rem; padding: 0;
	background: url('/images/svg/menu-sub-gray.svg') center center no-repeat; background-size: 1.8rem;	 	
}


/* URL Icons */

.url-icon-mail:before{
	vertical-align: middle; width: 1.34rem; height: 1.3rem; content:""; display: inline-block; background-image: url('/images/svg/mail-gray.svg'); 
	background-size:1.3rem 1.3rem; background-position: center; background-repeat: no-repeat; margin-right: 0.4rem;
}
									 
.url-icon-detail:before{
	vertical-align: middle; width: 1.34rem; height: 1.3rem; content:""; display: inline-block; background-image: url('/images/svg/detail-gray.svg'); 
	background-size:1.3rem 1.3rem; background-position: center; background-repeat: no-repeat; margin-right: 0.4rem;
}

.url-icon-home:before{
	vertical-align: middle; width: 1.34rem; height: 1.3rem; content:""; display: inline-block; background-image: url('/images/svg/home-gray.svg'); 
	background-size:1.3rem 1.3rem; background-position: center; background-repeat: no-repeat; margin-right: 0.4rem;
}

.url-icon-user:before{
	vertical-align: middle; width: 1.34rem; height: 1.3rem; content:""; display: inline-block; background-image: url('/images/svg/user-gray.svg'); 
	background-size:1.3rem 1.3rem; background-position: center; background-repeat: no-repeat; margin-right: 0.4rem;
}

.url-icon-wifi:before{
	vertical-align: middle; width: 1.34rem; height: 1.3rem; content:""; display: inline-block; background-image: url('/images/svg/wifi-gray.svg'); 
	background-size:1.3rem 1.3rem; background-position: center; background-repeat: no-repeat; margin-right: 0.4rem;
}