.tooltip_link {
	cursor: pointer;
}

.tooltip-wrapper {
	width: 0;
	height: 0;
	text-align: left;
}
.tooltip-wrapper .tooltip {
	font-size: 10px;
	padding: 14px;
	position: absolute;
	min-width: 300px;
	min-height: 100px;
	max-width: 900px;
	display: none;
	opacity: 0.75;
	background: #fff9e9;
	color: black;
	border-radius: 8px;
	border: 1px solid lightgrey;
	box-shadow: 2px 2px 4px 0px grey;
	z-index: 999;
	word-wrap: break-word;
}
.tooltip-wrapper .tooltip ul {
	list-style: disc;
	padding-left: 14px;
	margin-bottom: 12px;
}
.tooltip-wrapper .tooltip .bottom {
	opacity: 0.7;
	position: absolute;
	bottom: 12px;
}
.tooltip-wrapper .tooltip table, .tooltip-wrapper .tooltip table tr, .tooltip-wrapper .tooltip table tbody, .tooltip-wrapper .tooltip table td, .tooltip-wrapper .tooltip table th {
	border: none;
	background: transparent;
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.ctabase_parcel_shop_finder {
	display: none;
	min-height: 50px;
	padding: 4px 18px;
	background-color: #F0F0F0;
	border: 1px solid #cccccc;
}

.ctabase_parcel_shop_finder .filters {
	font-size: 0.8em;
}

.ctabase_parcel_shop_finder .filters li {
	display: inline-block;
	float: left;
	/*margin-right: 20px;*/
	padding: 10px 20px 10px 0;
}
.ctabase_parcel_shop_finder .filters li label {
	float: left;
	padding-right: 6px;
	font-weight: bold;
}

.ctabase_parcel_shop_finder .filters li .input {
	float: left;
}
.ctabase_parcel_shop_finder .filters li .input select {
	min-width: 100px;
}

input[readonly] {
	background-color: #e0e0e0;
	color: #606060;
}

.ctabase_parcel_shop_finder .select_parcel_shop {
	display: none;
	margin: 7px 0;
	height: 100px;
}

/* Shipment Tracking */
.shipment_tracking_container {
	margin-top: 20px;
	width: 100%;
}
.shipment_tracking_container .order {
}
.shipment_tracking_container .piece_title {
	padding: 11px;
	margin-bottom: 4px;
	background-color: #f4f4f4;
	border-radius: 6px;
}
.shipment_tracking_container .piece_content {
	padding-left: 20px; margin-bottom: 20px;
}
.shipment_tracking_container .piece_icons {
	padding: 12px 0;
}
.shipment_tracking_container .piece_status_list {
	padding: 11px;
	margin-bottom: 4px;
	background-color: #f4f4f4;
	border-radius: 6px;
}
.shipment_tracking_container .tracking_img_box {
	float: left; width: 64px; margin-right: 8px;
}






.modal-dialog button.btn-default {
	position: static;
	margin: 0;
}

modal-dialog .btn-OK {
	display: none;
}


/* Basic */
.checkout-onepage-index.cta-permission-active {
	padding-top:0 !important;
}
.checkout-onepage-index.cta-permission-active .cta-permission-panel-outer,
.checkout-onepage-index.cta-permission-active #cart-fixed-box {
	position:relative;
}
@media only screen and (min-width:768px) {
	.cta-permission-active {
		padding-top:122px !important;
	}
	.cta-permission-active header.site-header {
		top:77px;
		z-index:9999010;
	}
}
.cta-permission-active .main-container {
	/*width: 1980px;*/
}
/* Basic end */
/* Alerts */
.cta-permission-portal .alert {
	margin-bottom:0;
	padding:10px;
	border-radius:0;
}
/* Alerts end */
/* Data Table */
.cta-permission-portal .data-table {
	margin-bottom:30px;
}
.cta-permission-portal .data-table th {
	text-transform:none;
}
.cta-permission-portal .data-table thead th,
.cta-permission-portal .data-table tbody td {
	vertical-align: middle;
}
@media only screen and (max-width:991px) {
	.cta-permission-portal .data-table thead {
		display:none;
	}
	.cta-permission-portal .data-table tr:first-child {
		padding-top:0;
	}
	.cta-permission-portal .data-table tr {
		width:100%;
		padding:10px 0;
		float:left;
		border-bottom:1px solid #eeeeee;
		position:relative;
	}
	.cta-permission-portal .data-table td:before {
		width:110px;
		float:left;
		content:attr(data-label);
		font-weight:bold;
		text-align:left;
	}
	.cta-permission-portal .data-table td {
		width:100%;
		padding:5px;
		float:left;
		border-bottom:none;
	}
}
/* Data Table ens */
/* Form */
.cta-permission-portal label {
	font-size:15px;
}
.cta-permission-portal input[type="text"] {
	width:100%;
	height:2.5em;
	padding:0 8px;
	background:#ffffff;
	border:1px solid #000000;
	border-radius:0;
	font-size:15px;
	color:#000000;
	line-height: 1.5;
}
.cta-permission-portal input.disabled {
	background-color:#d0d0d0;
	color:#707070;
}
.cta-permission-portal textarea,
.cta-permission-portal select {
	width:100%;
	max-width:100%;
	background:#ffffff;
	border:1px solid #000000;
}
.cta-permission-portal select:not([multiple]) {
	height:2.6em;
}
.cta-permission-portal .checkbox,
.cta-permission-portal .radio {
	display:block;
}
@media only screen and (max-width:991px) {
	.cta-permission-portal .data-table select {
		width:calc(100% - 110px);
	}
}
/* Form end */
/* Buttons */
.cta-permission-panel .button,
.cta-permission-portal .button {
	font-size:14px;
	padding:6px 9px;
	position:relative;
}
.cta-permission-panel .button:after,
.cta-permission-portal .button:after {
	margin-left:0;
	content:'';
}
.cta-permission-panel .button *,
.cta-permission-panel .button:hover *,
.cta-permission-panel .button:focus *,
.cta-permission-active.cta-permission-panel .button:active *,
.cta-permission-portal.button *,
.cta-permission-portal .button:hover *,
.cta-permission-portal .button:focus *,
.cta-permission-active.cta-permission-portal .button:active *{
	background-color:transparent;
}
.cta-permission-panel .button + .button,
.cta-permission-portal .button + .button {
	margin-left:7.5px;
}
.cta-permission-panel .btn.black:hover * {
	background-color:transparent !important;
}





/* Buttons end */
/* Lines */
.cta-permission-panel hr {
	margin:4px 0 7.5px 0;
	border-color:#000000;
}
.cta-permission-portal hr {
	margin:15px 0;
	border-color:#000000;
}
/* Lines end */
/* Icons */
.cta-permission-panel .fa,
.cta-permission-portal .fa {
	height:auto;
}
/* Icons end */
/* Tabs */
.cta-permission-portal .nav-tabs li a {
	padding:10px;
}
/* Tabs end */
/* Accordion */
.cta-permission-portal .panel-group {
	margin-bottom:20px;
	border-bottom:1px solid #000000 !important;
}
.cta-permission-portal .panel-group .panel {
	margin-bottom:0 !important;
	border-radius:0;
	border-top:1px solid #000000;
}
.cta-permission-portal .panel-group .panel + .panel {
	margin-top:0;
}
.cta-permission-portal .panel-default > .panel-heading {
	background-color:transparent;
	border-color:transparent;
	color:#000000;
}
.cta-permission-portal .panel-heading {
	padding-right:0;
	padding-left:0;
}
.cta-permission-portal .panel-title {
	font-family:'CorporateS-Demi', Helvetica, Arial, Verdana, sans-serif !important;
	font-size:14px !important;
	text-transform:uppercase;
}
.cta-permission-portal .panel-title > a {
	outline:none;
}
.cta-permission-portal .panel-collapse {
	border:none!important;
	box-shadow:none!important;
}
.cta-permission-portal .panel-body {
	padding:15px!important;
}
.cta-permission-portal .panel-body p:last-child {
	margin-bottom:0;
}
/* Accordion end */
/* Tabs */
.cta-permission-portal .nav-tabs {
	display:block !important;
	border:none;
}
.nav-tabs li.active {
	border-top-color:#000000 !important;
}
.cta-permission-portal .nav-tabs li.active a{
	color:#000000 !important;
}
.cta-permission-portal .nav-tabs li {
	margin:0;
	padding:0;
	cursor:pointer;
	border-color:#e2e2e3 !important;
	border-image:none !important;
	border-style:solid !important;
	border-width:1px 0 0 1px !important;
	-moz-border-bottom-colors:none !important;
	-moz-border-left-colors:none !important;
	-moz-border-right-colors:none !important;
	-moz-border-top-colors:none !important;
	font-family:'CorporateS-Demi', Helvetica, Arial, Verdana, sans-serif !important;
	font-size:14px !important;
	color:#8b8b91;
	text-align:center;
	text-transform:uppercase;
}
.cta-permission-portal .nav-tabs li a {
	margin:0;
	padding:1em 2em;
	border:none !important;
	display:inline-block !important;
	color:#565655;
	outline:none;
}
.cta-permission-portal .nav-tabs li:last-child {
	border-right-width:1px !important;
}
.cta-permission-portal .tab-pane {
	padding:1.5em 2em;
	border:1px solid #e2e2e3;
}
@media only screen and (min-width:568px) {
	.cta-permission-portal .nav-tabs li {
		display:inline-block;
	}
}
@media only screen and (max-width:567px) {
	.cta-permission-portal .nav-tabs li {
		display:block;
		float:none;
		border-right-width:1px !important;
	}
}
/* Tabs end */
/* Tab Accordion Mix */
.cta-permission-portal .tab-accordion-mix {
	margin:0;
	padding:20px 0;
	clear:both;
}
.cta-permission-portal .tab-accordion-mix .panel-group {
	margin:0;
}
@media only screen and (min-width:568px) {
	.cta-permission-portal .tab-accordion-mix .tab-content {
		border-bottom:none !important;
	}
	.cta-permission-portal .tab-accordion-mix .tab-pane {
		border:1px solid #e2e2e3;
		border-radius:0;
	}
	.cta-permission-portal .tab-accordion-mix .panel-default > .panel-heading {
		display:none;
	}
	.cta-permission-portal .tab-accordion-mix .panel-body {
		padding:0 !important;
	}
	.cta-permission-portal .tab-accordion-mix .collapse {
		height:auto !important;
		display:block !important;
	}
}
@media only screen and (max-width:567px) {
	.cta-permission-portal.tab-accordion-mix .nav-tabs {
		display:none !important;
	}
	.cta-permission-portal .tab-accordion-mix .tab-content > .tab-pane {
		margin-bottom:0 !important;
		padding:0;
		display:block;
	}
	.cta-permission-portal .tab-accordion-mix .tab-content {
		border-bottom:1px solid #000000 !important;
	}
	.cta-permission-portal .tab-accordion-mix .panel-group .panel {
		border:none;
		border-top:1px solid #000000;
	}
}
/* Tab Accordion Mix end */
/* Basics end */






/* Permission Panel */
.cta-permission-panel-outer {
	padding:5px 0 7.5px 0;
	background-color:#fcf8e3;
	display: block;
}
.cta-permission-user-adopted .cta-permission-panel-outer {
	background-color:#f2dede;
	color:#a94442;
}
.cta-permission-panel .admin-box .user:hover {
	font-weight: bold;
	cursor: default;
}
.cta-permission-panel [class*="col-"] {
	padding:0 7.5px;
}
@media only screen and (min-width:768px) {
	.cta-permission-panel-outer {
		top:0;
		width:100%;
		min-height:77px;
		position:fixed;
		z-index:9999000;
	}
}
@media only screen and (max-width:1199px) {
	.cta-permission-panel .admin-box span,
	.cta-permission-panel .information-area span {
		display:block;
	}
}
@media only screen and (max-width:567px) {
	.cta-permission-panel .admin-box,
	.cta-permission-panel .information-area {
		width:100%;
	}
	.cta-permission-panel .information-area {
		margin-top:15px;
	}
	.cta-permission-panel .admin-box .button span,
	.cta-permission-panel .information-area .button span {
		display:block;
	}
}
@media only screen and (min-width:992px), only screen and (min-width:480px) and (max-width:567px) {
	.cta-permission-panel .fa {
		display:none;
	}
}
@media only screen and (min-width:568px) and (max-width:991px), only screen and (max-width:479px) {
	.cta-permission-panel .admin-box .button span,
	.cta-permission-panel .information-area .button span {
		display:none;
	}
}
/* Permission Panel end */





/* Permission Portal */
.cta-permission-portal [class*="col-"] {
	padding:0 7.5px !important;
}
/* Navigation */
.cta-permission-portal .navigation .support-menu-title {
	display:inline-block;
	font-family:"CorporateS-Demi",Helvetica,Arial,Verdana,sans-serif !important;
	font-size:20px;
	font-weight:600;
	color:#000000;
	line-height:1.2;
	text-align: center;
	text-transform:uppercase;
	vertical-align: middle;
}
.cta-permission-portal .navigation ul li.separatorline {
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #000000;
}
.cta-permission-portal .navigation ul li a:hover,
.cta-permission-portal .navigation ul li.selected a {
	text-decoration:underline;
}
@media only screen and (min-width:992px) {
	.cta-permission-portal .navigation {
		padding-right:50px;
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.cta-permission-portal .navigation {
		padding-right:40px;
	}
	.cta-permission-portal .navigation .support-menu-title span {
		padding:0;
	}
}
@media only screen and (min-width:768px) {
	.cta-permission-portal .navigation {
		margin-bottom:30px;
	}
	.cta-permission-portal .navigation .support-menu-title {
		display:block;
		background:url("https://www.b2b-clinton.de/skin/frontend/base/default/CtaPermission/images/border.jpg") repeat-x scroll center 25% !important;
		text-align:left;
	}
	.cta-permission-portal .navigation .support-menu-title span {
		display:inline-block;
		padding:0 30px 30px 0;
		background-color:#ffffff;
	}
	.cta-permission-portal .navigation #support-menu.collapse {
		display:block !important;
		height:inherit !important;
	}
}
@media only screen and (max-width:767px) {
	.cta-permission-portal .navigation .navbar-toggle,
	.cta-permission-portal .navigation .navbar-toggle:hover,
	.cta-permission-portal .navigation .navbar-toggle:focus {
		width:40px !important;
		height:30px!important;
		padding:0!important;
		background:transparent !important;
		border:none;
		vertical-align:middle;
	}
	.cta-permission-portal .navigation .navbar-toggle .icon-bar {
		width:20px;
		height:2px;
		margin:0 10px;
		display:block;
		background-color:#000000 !important;
		border-radius:1px;
	}
	.cta-permission-portal .navigation #support-menu {
		top:35px;
		width:calc(100% - 50px);
		padding:10px 15px;
		background:#ffffff;
		border:1px solid #000000;
		text-align:left;
		position:absolute;
		z-index:100;
	}
}
@media only screen and (max-width:567px) {
	.cta-permission-portal .navigation {
		width:100%;
		
	}
}
/* Navigation end */
/* Content */
.cta-permission-portal .page-title h1 {
	background: url("https://www.b2b-clinton.de/skin/frontend/base/default/CtaPermission/images/border.jpg") repeat-x scroll center 25% !important;
	padding:0 !important;
	font-family:"CorporateS-Demi",Helvetica,Arial,Verdana,sans-serif !important;
	font-size:20px;
	font-weight:600;
	color:#000000;
	text-align: center;
	text-transform:uppercase;
}
.cta-permission-portal .page-title h1 span {
	padding:0 30px 30px;
	background-color:#ffffff;
	display:inline-block;
	
}
.cta-permission-portal .ajax_messages {
	margin-bottom:30px;
}
.cta-permission-portal .ajax_messages .message {
	padding: 6px;
	margin-bottom: 2px;
}
.cta-permission-portal .ajax_messages .error {
	background-color: #FFE0E0;
	color: red;
}
.cta-permission-portal .ajax_messages .success {
	background-color: #E0FFE0;
	color: green;
}
.cta-permission-portal .ajax_messages .alert {
	margin-bottom:30px;
}
.cta-permission-portal form.filter {
	margin-bottom:30px;
}
.cta-permission-portal .tab-accordion-mix form.filter {
	margin-bottom:0;
}
.cta-permission-portal .data_view {
	margin-bottom:30px;
}
.cta-permission-portal .data_view .data-table {
	margin-bottom:0;
}
.cta-permission-portal .fa {
	display:none;
}
/* Auskommentieren sobald es > 2 Schaltflächen gibt
.cta-permission-portal .fa + .fa {
	top:10px;
	right:9px;
	color:#aa0000;
	position:absolute;
	z-index:1;
}
@media only screen and (min-width:992px) {
	.cta-permission-portal .fa {
		display:none;
	}
}
@media only screen and (max-width:991px) {
	.cta-permission-portal .button span,
	.cta-permission-portal .button span {
		display:none;
	}
}
*/
.cta-permission-portal .dump {
	margin-bottom:30px;
}
.cta-permission-portal #orders-archive {
	margin-bottom:60px;
}
.cta-permission-portal #orders-archive .form-group {
	margin-bottom:30px;
}
@media only screen and (max-width:768px) {
	.cta-permission-portal .content {
		margin-bottom:30px;
	}
}
@media only screen and (max-width:767px) {
	.cta-permission-portal .page-title h1 {
		background: url("https://www.b2b-clinton.de/skin/frontend/base/default/CtaPermission/images/border.jpg") repeat-x scroll center 50% !important;
	}
	.cta-permission-portal .page-title h1 span {
		padding:30px;
		background-color:#ffffff;
		display:inline-block;
	}
	.cta-permission-portal #persistent-news td:nth-child(2):before {
		min-height:40px;
	}
}
@media only screen and (max-width:567px) {
	.cta-permission-portal .content {
		width:100%;
	}
}
@media only screen and (max-width:374px) {
	.cta-permission-portal #persistent-news td:nth-child(2):before {
		min-height:60px;
	}
}






#overlay {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#loading {
	width: 48px;
	height: 48px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -24px 0 0 -24px;
}

/**
 * bootstrap override AKL1
 */
.form-horizontal .control-label {
	padding-right: 10px;
}
.cta-permission-portal .content .btn:first-child:last-child {
	margin-top: 4px;
}
/**
 * AKL1
 */
.cta-permission-portal .form-row {
	margin-bottom: 12px;
}
.cta-permission-portal .form-popup {
	border: 1px solid grey;
	border-radius: 10px;
	padding: 10px;
}
.cta-permission-portal .hint {
	font-size: 0.8em;
	color: grey;
}
.cta-permission-portal .loyalty_card_list {

}
.cta-permission-portal .loyalty_card_list .bigrow {
	height: 90px;
	min-height: 90px;
	margin-bottom: 2px;
	cursor: pointer;
}
.cta-permission-portal .loyalty_card_list .bigrow:hover {
	background-color: #FFFFE0;
}
.cta-permission-portal .loyalty_card_list .bigrow .col {
}
.cta-permission-portal .loyalty_card_list .bigrow_valid {
	background-color: #F0FFF0;
}
.cta-permission-portal .loyalty_card_list .bigrow_invalid {
	background-color: #FFF0F0;
}
.cta-permission-portal .loyalty_card_list .bigrow .card_img {
	height: 80px;
	width: 120px;
	background-color: grey;
	border: 1px solid #F0F0FF;
}
.cta-permission-portal .customers_list {

}
.cta-permission-portal .customers_list .bigrow {
	min-height: 70px;
	margin-bottom: 2px;
	cursor: pointer;
}
.cta-permission-portal .customers_list .bigrow:hover {
	background-color: #FFFFE0;
}
.cta-permission-portal .customers_list .bigrow .col {
}
.cta-permission-portal .customers_list .bigrow_valid {
	background-color: #F0FFF0;
}
.cta-permission-portal .customers_list .bigrow_invalid {
	background-color: #FFF0F0;
}
.cta-permission-portal .customers_list .bigrow .card_img {
	height: auto;
	width: 32px;
	background-color: grey;
	border: 1px solid #F0F0FF;
}

.cta-permission-portal .modal-body {
	max-height: 600px;
	overflow: auto;
}
.cta-permission-portal input:disabled{
	background-color: #c0c0c0;
	color: #707070;
}
.cta-permission-portal input::placeholder {
	color: darkgrey;
	font-style: italic;
}

.cta-permission-portal .cta-permission-tab-control {

}
.cta-permission-portal .cta-permission-tab-control .function-list {

}
.cta-permission-portal .cta-permission-tab-control .function-list .row {
	min-height: 100px;
	margin-bottom: 12px;
}
.cta-permission-portal .cta-permission-tab-control .function-list .row .col-function {

}
.cta-permission-portal .cta-permission-tab-control .function-list .row .col-description {
	background-color: #e0e0e0;
	min-height: 100px;
	margin-bottom: 1px;
	line-height: 1.8;
	border-bottom: 1px solid #c0c0c0;
	padding: 12px;
}
.cta-permission-portal .cta-permission-tab-control .function-list .row .button-function {
	width: 100%;
}

/*.cta-permission-portal .modal-body .form-control input[type="checkbox"] {*/
/*}*/

.cta-permission-debug-wrapper {
	width: 0;
	height: 0;
}
.cta-permission-debug-wrapper .toggle-button {
	padding: 8px;
	border: 1px solid #00FF00;
	border-radius: 6px;
	position: absolute;
	z-index: 910;
	color: #00FF00;
	background-color: black;
	font-family: monospace;
	width: 100px;
	text-align: center;
	cursor: pointer;
	opacity: 0.6;
}
.cta-permission-debug-box {
	display: none;
	position: absolute;
	z-index: 900;
	width: 400px;
	height: 400px;
	float: left;
	color: #00FF00;
	background-color: black;
	font-size: 12px;
	border: 1px solid grey;
	padding: 10px;
	unicode-bidi: embed;
	font-family: monospace;
	margin: 0 2px 10px 0;
	overflow: scroll;
	box-shadow: 2px 2px 4px 0 #000000;
}



/*
 Changelog
 */
.changelog-box {

}

.changelog-box .changelog-row {
	margin-bottom: 8px;
	color: darkgreen;
}

.changelog-box .changelog-row-blur {
	color: lightgrey;
	font-style: italic;
}

.changelog-box .changelog-row-important {
	color: orangered;
	font-weight: bold;
}

.changelog-row-selected {
	background-color: #FFFFE0;
}

.changelog-box .changelog-row .message-list {
	/*padding: 10px 10px 10px 22px;*/
}

.changelog-box .changelog-row .message-list ul {
	list-style: disc;
	padding: 10px 10px 10px 22px;
}

.changelog-box .changelog-row .message-list ul ul {
	list-style: square;
	padding: 10px 10px 10px 22px;
}

.changelog-box .changelog-row-column {
	padding: 8px;
}

/**
 * ACL specific
 */
.changelog-box .access-level {
	/*border: 1px solid #202020;*/
	border: none;
	color: #202020;
	border-radius: 3px;
	margin-bottom: 8px;
}

.changelog-row .changelog-row-column .footer-info {
	display: none;
	width: 100%;
	color: #707070;
	padding: 2px 8px;
	background-color: #D0D0D0;
}

.changelog-box .access-level-ACL-DEFAULT {
	border-color: darkred;
	color: darkred;
}

.changelog-box .access-level-ACL-TECH-DOC {
	border-color: indianred;
	color: indianred;
}

.changelog-box .access-level-ACL-INTERNAL {
	border-color: orangered;
	color: orangered;
}

.changelog-box .access-level-ACL-EXTERNAL {
	border-color: darkviolet;
	color: darkviolet;
}

.changelog-box .access-level-ACL-PUBLIC {
}





button.order_item_exchange {
	border: 1px solid black;
	border-radius: 3px;
	background: url(https://www.b2b-clinton.de/skin/frontend/base/default/CtaOrder/image/exchange.png);
	background-size: 50px 50px;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	padding: 0;
}
button.order_item_exchange:after {
	content: "";
}
button.exchanged {
	opacity: 0.3;
	border: 1px solid red;
	-webkit-filter: saturate(3);
	filter: saturate(3);
}

.m-fpc-debug-info {
  width: 420px;
  min-height: 115px;
  position: fixed;
  bottom: 10px;
  left: 10px;
  background: #47bbb3;
  color: #fff;
  z-index: 100000;
  font-family:Arial;
}
.m-fpc-debug-info .m-fpc-h1 {
  font-family:Arial;
  background: rgb(57, 172, 163);
  color: #fff;
  padding: 3px 3px 5px 10px;
  font-size: 14px;
  font-weight: bold;
  text-align:left;
  text-transform:none;
}
.m-fpc-debug-info .m-fpc-debug-info-main-block {
  padding: 2px 5px 10px 5px;
}
.m-fpc-debug-info .m-fpc-action {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 5px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-transform:none;
  padding-top:15px;
}
.m-fpc-debug-info .m-fpc-ignored {
  padding-top: 0px !important;
}
.m-fpc-debug-info .m-fpc-hit-info {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 0px 0px;
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
}
.m-fpc-debug-info .m-fpc-time-text {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 5px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-transform:none;
}
.m-fpc-debug-info .m-fpc-time {
  font-family:Arial;
  text-transform: uppercase;
  font-size: 76px;
  font-weight: 700;
  line-height: 65px;
  text-align:center;
}
.m-fpc-debug-info .m-fpc-time-sec-text {
  font-family:sans-serif,Arial;
  font-size: 35px;
  text-align:center;
  text-transform:none;
}
.m-fpc-debug-info.m-fpc-debug-info-not-cacheable {
  height: 220px;
  box-shadow: 0 0 0 5px #E0E0E0;
}
.m-fpc-debug-info.m-fpc-debug-info-hit {
  box-shadow: 0 0 0 5px #CCFFD3;
}
.m-fpc-debug-info.m-fpc-debug-info-miss {
  box-shadow: 0 0 0 5px #FECBCB;
}
.m-fpc-debug-info .m-fpc-disabled-info {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 12px 0px 0px 0px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
  color: #911E42 !important;
}
.m-fpc-debug-info .m-fpc-detail-info-hide-show-button-style {
  float: right;
  padding-right: 10px;
  text-decoration: underline;
  cursor: pointer;
}
.m-fpc-debug-info .m-fpc-info-scroll-hide {
  display: none;
}
/*scroll*/
.m-fpc-debug-info .m-fpc-info-scroll {
  overflow-y: auto;
  height: 350px;
  padding: 0px 5px 10px 5px;
  text-align: justify;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar {
  width: 7px;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-track {
  background-color: rgba(255,255,255,0.2);
  border-radius: 7px;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-thumb {
  background-color: #EAEAEA;
  border-radius: 7px;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #EAEAEA;
  border-radius: 7px;
}

/*detail info table*/
.m-fpc-debug-info .m-fpc-detail-info-table {
  display:table;
  width:100%;
  padding-top: 3px;
}
.m-fpc-debug-info .m-fpc-detail-row {
  display:table-row;
}
.m-fpc-debug-info .m-fpc-detail-col {
  display:table-cell;
  text-align: left;
  padding: 2px;
  vertical-align: top;
  width: 50%;
  font-family:sans-serif,Arial;
  padding:5px;
  text-align: left;
  font-size: 10px;
  text-transform:none;
  color: #222 !important;
}
.m-fpc-debug-info .m-fpc-dark {
  background-color: #D9F0EE;
}
.m-fpc-debug-info .m-fpc-light {
  background-color: #ECF8F7;
}

/*flush cache button*/
.m-fpc-debug-info .m-fpc-flush-cache-button-style {
  float: left;
  padding-right: 10px;
  text-decoration: underline;
  cursor: pointer;
}

.m-fpc-debug-info .m-fpc-flush-cache-button-style-flushed {
  float: left;
  color: #911E42;
}

/*small debug info block*/
.m-fpc-debug-info-small {
  width: 120px;
  min-height: 10px;
  position: fixed;
  bottom: 10px;
  left: 10px;
  background: #47bbb3;
  color: #fff;
  z-index: 100000;
  font-family:Arial;
}

.m-fpc-debug-info-small .m-fpc-debug-info-main-block-small {
  padding: 2px 5px 10px 5px;
}

.m-fpc-debug-info-small .m-fpc-hit-info-small {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 0px 0px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
}

.m-fpc-debug-info-small .m-fpc-flush-cache-button-style-small {
  float: left;
  padding-right: 10px;
  text-decoration: underline;
  cursor: pointer;
}

.m-fpc-debug-info-small .m-fpc-flush-cache-button-style-flushed {
  float: left;
  color: #911E42;
}

.m-fpc-debug-info-small.m-fpc-debug-info-hit {
  box-shadow: 0 0 0 3px #CCFFD3;
}
.m-fpc-debug-info-small.m-fpc-debug-info-miss {
  box-shadow: 0 0 0 3px #FECBCB;
}
.m-fpc-debug-info-small.m-fpc-debug-info-not-cacheable {
  box-shadow: 0 0 0 5px #E0E0E0;
}

.m-fpc-debug-info .m-fpc-ignored-url-parameters-info {
  font-family:sans-serif,Arial;
  padding:15px;
  margin: 12px 0px 0px 0px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
  color: #911E42 !important;
  word-wrap: break-word;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 06.08.2015, 10:55:40
    Author     : aklebe
*/


/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
	touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
	user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-target {
	position: relative;
	direction: ltr;
}
.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1; /* Fix 401 */
}
.noUi-connect {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.noUi-origin {
	position: absolute;
	height: 0;
	width: 0;
}
.noUi-handle {
	position: relative;
	z-index: 1;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
	transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.noUi-state-drag * {
	cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 18px;
}
.noUi-horizontal .noUi-handle {
	width: 34px;
	height: 28px;
	left: -17px;
	top: -6px;
}
.noUi-vertical {
	width: 18px;
}
.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px;
}

/* Styling;
 */
.noUi-target {
	background: #FAFAFA;
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connect {
	background: #3FB8AF;
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
-webkit-transition: background 450ms;
	transition: background 450ms;
}

/* Handles and cursors;
 */
.noUi-draggable {
	cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
	cursor: n-resize;
}
.noUi-handle {
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #FFF;
	cursor: default;
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #EBEBEB,
				0 3px 6px -3px #BBB;
}
.noUi-active {
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #DDD,
				0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px;
}
.noUi-handle:after {
	left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px;
}
.noUi-vertical .noUi-handle:after {
	top: 17px;
}

/* Disabled state;
 */

[disabled] .noUi-connect {
	background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
	cursor: not-allowed;
}

.noUi-tooltip {
	display: block;
	position: absolute;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #fff;
	color: #000;
	padding: 5px;
	text-align: center;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}


/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-pips {
	position: absolute;
	color: #999;
}

/* Values;
 *
 */
.noUi-value {
	position: absolute;
	text-align: center;
}
.noUi-value-sub {
	color: #ccc;
	font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
	position: absolute;
	background: #CCC;
}
.noUi-marker-sub {
	background: #AAA;
}
.noUi-marker-large {
	background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
	padding: 10px 0;
	height: 80px;
	top: 100%;
	left: 0;
	width: 100%;
}
.noUi-value-horizontal {
	-webkit-transform: translate3d(-50%,50%,0);
	transform: translate3d(-50%,50%,0);
}

.noUi-marker-horizontal.noUi-marker {
	margin-left: -1px;
	width: 2px;
	height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
	height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
	height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
	padding: 0 10px;
	height: 100%;
	top: 0;
	left: 100%;
}
.noUi-value-vertical {
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
	padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
	width: 5px;
	height: 2px;
	margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
	width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
	width: 15px;
}