/* Buttons
-----------*/

	.btn,
	.nureinshop-ui-btn,
	.nureinshop-ui-btn--small {
		display: inline-block;
		padding: 7px 15px;
		background: linear-gradient(to bottom, rgba(255,255,255,0.30) 0%, #009cdf 100%);
		background-color: #009cdf;
		border-radius: 6px;
		cursor:pointer;
		border: none;
		color:#ffffff;
		text-decoration:none;
		line-height: 20px;
	}

	.nureinshop-ui-btn:active,
	.btn:active {
		background:linear-gradient(to bottom, #008BC7 0%, #009cdf 100%);
		background-color: #009cdf;
	}

	.nureinshop-ui-btn:hover,
	.btn:hover {
		opacity: 0.85;
		cursor: pointer;
	}

	.nureinshop-ui-btn img,
	.btn img {
		display: block;
		height: 18px;
		float: left;
		margin-right: 5px;
		position: relative;
		top: 1px;
	}

/* Buttons (Sekundärbutton)
----------------------------*/

	.nureinshop-ui-btn--secondary,
	.btn-secondary {
		display: inline-block;
		position: relative;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:linear-gradient(to bottom, #FFFFFF 5%, #f6f6f6 100%);
		background-color:#ffffff;
		border-radius:6px;
		outline: 1px solid #dcdcdc;
		cursor:pointer;
		color: #454545;
		padding: 7px 15px;
		white-space: nowrap;
		text-decoration:none;
		font-family: 'Open Sans', sans-serif;
	}

	.nureinshop-ui-btn--secondary:active,
	.btn-secondary:active {
		color: #333333;
		background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
		background-color:#f6f6f6;
	}

	.nureinshop-ui-btn--secondary:hover,
	.btn-secondary:hover {
		color: #000000 !important;
		outline-color: #C6C6C6;
	}

	.nureinshop-ui-btn--secondary:focus,
	.btn-secondary:focus {
		outline: 1px solid #AAAAAA;
	}

/* Font-Awesome Icons
----------------------*/

	.btn .fa,
	.nureinshop-ui-btn .fa,
	.nureinshop-ui-btn--secondary .fa {
		padding-right: 7px;
	}

	.btn .mdi,
	.nureinshop-ui-btn .mdi,
	.nureinshop-ui-btn--secondary .mdi {
		font-size: 16px;
		margin-right: 5px;
		vertical-align: bottom;
	}

/* Button (Hintergrundgefüllt)
----------------------------*/

	.nureinshop-ui-btn--filled,
	.btn-filled {
		background:linear-gradient(to bottom, #f6f6f6 5%, #EEEEEE 100%);
	}

	.nureinshop-ui-btn--filled .fa,
	.btn-filled .fa {
		color: #222222;
	}

	.nureinshop-ui-btn *,
	.btn * {
		color: #FFFFFF;
	}

	.fa {
		color: inherit;
	}

/* Buttons als Links
---------------------*/

	a.nureinshop-ui-btn,
	a.btn {
		color: #FFFFFF;
	}

	a.nureinshop-ui-btn--secondary,
	a.btn-secondary {
		color: inherit;
	}

	a.nureinshop-ui-btn:hover,
	a.btn:hover {
		color: #FFFFFF;
	}

	/* Button-Menü
	---------------*/

	.btn-menu {
		display: none;
	}

	.btn:hover .btn-menu {
		display: block;
		background-color: #FFFFFF;
		border-radius: 7px;
		position: absolute;
		right: 0;
		top: 0;
		-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
		max-width: 200px;
	}

	.btn:hover .btn-menu li {
		display: block;
		padding: 7px 15px;
		color: #333333;
		border-bottom: 1px solid #DDDDDD;
		text-align: left;
	}

	.btn:hover .btn-menu li:first-of-type {
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
	}
	.btn:hover .btn-menu li:last-of-type {
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		border-bottom: none;
	}

	.btn:hover .btn-menu li .fa {
		padding-right: 5px;
	}

	.btn:hover .btn-menu li:hover {
		background-color: #454545;
		color: #FFFFFF;
	}

/* Small-Version
------------------*/

	.nureinshop-ui-btn--small,
	.btn-small {
		padding: 3px 8px;
		font-size: 13px;
	}

	.nureinshop-ui-btn--small .fa,
	.btn-small .fa {
		padding-right: 5px;
	}

/* Nur Icon
------------*/

	.btn-icon-only {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.btn-small.btn-icon-only .fa {
		padding-right: 0 !important;
	}

/* Icon als <img>_Tag
----------------------*/

	.nueinshop-ui-btn-container,
	.btn-container .admin-ui-btn--delete {
		float: left;
		margin-left: 0 !important;
		padding-left: 10px;
		padding-right: 10px;
		opacity: 0.3;
	}

	.btn-container .admin-ui-btn--delete:hover {
		opacity: 1;
	}

	.btn-container .admin-ui-btn--delete img {
		margin: 0;
	}

/* Inaktiver Button
--------------------*/

	[data-inactive="1"] {
		opacity: 0.5;
	}

	[data-inactive="1"]:hover {
		opacity: 1;
	}

/* Modifiert: icon-only
------------------------*/

	.nureinshop-ui-btn.mod-icononly,
	.nureinshop-ui-btn--secondary.mod-icononly,
	.nureinshop-ui-btn--small.mod-icononly {

		.fa {
			padding-right: 0;
		}

	}