/*
	CSS Styles for Aventics online catalog
	Colors to use:
			red: 		#e65014 (mainly used for headlines)
			grey 100%:	#585858
			grey 80%:	#797979
			grey 60%:	#9b9b9b
			grey 20%:	#dedede
			petrol:		#0091a0 (hyperlinks should have this color)
*/

:root {
  --emerson-green: #00aa7e;
  --navy: #004b8d;
  --slate-blue: #7b9baa;
  --cool-grey: #c4ced1;
  --rich-black: #2d383f;
  --grey: #f0f0f0;
  --warm-grey: #c0c0c0;
  --blue-grey: #dee6ea;
  --white: #ffffff;
  --black: #000000;
}


@font-face {
	font-family: "Whitney SSm A";
	src: url("/pneumatics-catalog/content/AllPlatforms/Fonts/WhitneySSm-Light-Bas.otf");
}
@font-face {
	font-family: "Whitney SSm B";
	src: url("/pneumatics-catalog/content/AllPlatforms/Fonts/WhitneySSm-Medium-Bas.otf");
}

/* General */
/*****************************************************************************/
/*****************************************************************************/
p, span, td
{font-family: Arial, sans-serif; font-size: 16px; font-weight: 500;}
b {
	font-weight:600;
}
td b,
td strong { font-size: 14px; line-height: 21px;}

a:link {color:#00aa7e; text-decoration: none;}
a:visited {color:#00aa7e; text-decoration: none;}
a:active {color:#00aa7e; text-decoration: none;}
a:hover {color:#00aa7e; text-decoration: underline;}

/* Breadcrumb (from www.emerson.com) */
/*****************************************************************************/
/*****************************************************************************/
.padded-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0;
}

.breadcrumb>li {
    display: inline-block;
}

.breadcrumb {
	font-size: 12px; 
	font-weight: 600;
    margin: 0px 0;
    color: #c0c0c0;
    padding: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

.breadcrumb>li+li:before {
    content: "/ ";
    color: #c0c0c0;
    font-weight: 600;
    padding: 0 5px;
}

.breadcrumb a:hover { text-decoration: underline; color: #c0c0c0; }
.breadcrumb a { color: #c0c0c0; }
.breadcrumb a:link { color: #c0c0c0; }
.breadcrumb a:visited { color: #c0c0c0; }


/* Navigation*/
/*****************************************************************************/
/*****************************************************************************/
.globalNavi {font-family: Arial, sans-serif; color:#ffffff; font-size: 12px; font-weight: 500;}
.globalNavi a:link {color : #ffffff; text-decoration: none;}
.globalNavi a:visited {color : #ffffff; text-decoration: none;}
.globalNavi a:active {color : #ffffff; text-decoration: none;}
.globalNavi a:hover {color:#ffffff; text-decoration: underline;}

.globalNavi2 {color:#2d383f; font-size: 12px; font-weight: normal;}
.globalNavi2 a:link {color : #2d383f; text-decoration: none;}
.globalNavi2 a:visited {color : #2d383f; text-decoration: none;}
.globalNavi2 a:active {color : #2d383f; text-decoration: none;}
.globalNavi2 a:hover {color:#2d383f; text-decoration: underline;}

.globalTop {
	background-color: #000000;
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: top;
	width: 100%;
}

.funktionNavi {font-size: 10px; font-weight: normal;}
.funktionNavi a:link { text-decoration: none;}
.funktionNavi a:visited { text-decoration: none;}
.funktionNavi a:active { text-decoration: none;}
.funktionNavi a:hover { text-decoration: underline;}

.liNavi {color:#000000; font-size: 11px; font-weight: normal;}
.liNavi a:link {color : #000000; text-decoration: none;}
.liNavi a:visited {color : #000000; text-decoration: none;}
.liNavi a:active {color : #000000; text-decoration: none;}
.liNavi a:hover {color : #00aa7e; text-decoration: none;}

.liNaviAktiv {color:#000000; font-size: 11px; font-weight: normal;}
.liNaviAktiv a:link {color : #000000; text-decoration: none;}
.liNaviAktiv a:visited {color : #000000; text-decoration: none;}
.liNaviAktiv a:active {color : #000000; text-decoration: none;}
.liNaviAktiv a:hover {color : #00aa7e; text-decoration: none;}

.liNaviBold_13 { color: #000000; font-size: 13px; font-weight: bold; }
.liNaviBold_13 a:link { color: #000000; }
.liNaviBold_13 a:visited { color: #000000; }
.liNaviBold_13 a:hover { color: #00aa7e; }
.liNaviBold_13 a:active { color: #00aa7e; }

.reNavi,
.reNaviAktuell
{
	padding:     0 0 0 15px;
	font-size:   14px;
	font-family: Arial, sans-serif;
	line-height: 28px;
}

.reNavi,
.reNaviAktuell
{
	color:       #88898e;

}
.reNaviHead
{
	color:            #ffffff;
	background-color: #004b8d;
	padding:          0 0 0 15px;
	font-family:      Arial, sans-serif;
	text-transform:   uppercase;
	font-size:        12px;
	font-weight:      600;
	height:           10px;
	line-height:      30px;
	letter-spacing:   0.96px;
	text-align:       left;
}

.reNaviHeadWithLink {
	padding: 0 0 0 15px;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	height: 10px;
	line-height: 30px;
	letter-spacing: 0.96px;
	text-align: left;
	color: #ffffff;
	background-color: #004b8d;
}
.reNaviHeadWithLink a {
	color: #34aa95;
	letter-spacing: initial;
	text-transform: uppercase;
	display: block;
	background: white;
	margin-left: -15px;
	padding-left: 15px;
	font-size: 14px;
	font-weight: 100;
	border-top: 1px solid #c1c1c1;
}

.reNaviHeadWithLink a:after
{
	content: "\00A0\203A";
	color:   #34aa95;
	font-size: 16px;
}
.reNavi a,
.reNavi b
{
	font-size: 14px;
}

.reNavi a:link {color : #00aa7e; text-decoration: none;}
.reNavi a:visited {color : #00aa7e; text-decoration: none;}
.reNavi a:active {color : #00aa7e; text-decoration: none;}
.reNavi a:hover {color:#00aa7e; text-decoration: underline;}

/* The spearator above 0-level entries      */
.naviRule
{
	display				: block;
	margin-left			: 8px;
	border-top			: 1px solid #dedede;
}

/* The navi-status                         */
.naviStatus
{
	display				: block;
	font-style			: italic;
	margin-left			: 8px;
	border				: none;
	padding				: 1px 0px 2px 0px;
}
.naviStatus select	{font:normal 10px Helvetica;}

/* The navi-item itself                     */
.naviItem	{	border	: none;	}

.naviLink {
	background-color: #ffffff;
	color: #000000;
}


/* level-specific navi-item margins         */
.naviItemLevel0, .naviItemLevel0Selected	{margin:28px 0px 0px 0px;font: bold 13px Helvetica;}
.naviItemLevel1, .naviItemLevel1Selected	{margin:0px 0px 0px 0px;}
.naviItemLevel2, .naviItemLevel2Selected	{margin:0px 0px 0px 8px;}
.naviItemLevel3, .naviItemLevel3Selected	{margin:0px 0px 0px 18px;}


/* level-specific navi-item img display     */
.naviItem img
{
	position			: relative;
	float				: left;
	padding-top			: 3px;
}

/* level-specific navi-item link display    */
.naviItem .naviLink
{
	position			: relative;
	display				: block;
	padding				: 1px 0px 2px 0px;
}

/* level-specific navi-item link margins    */
/*.naviItemLevel0 .naviLink, .naviItemLevel0Selected .naviLink	{margin-left:8px;}
.naviItemLevel1 .naviLink, .naviItemLevel1Selected .naviLink	{margin-left:18px;}
.naviItemLevel2 .naviLink, .naviItemLevel2Selected .naviLink	{margin-left:17px;}
.naviItemLevel3 .naviLink, .naviItemLevel3Selected .naviLink	{margin-left:16px;}*/

.naviItemLevel0 .naviLink, .naviItemLevel0Selected .naviLink	{margin-left:8px;}
.naviItemLevel1 .naviLink, .naviItemLevel1Selected .naviLink	{margin-left:20px;}
.naviItemLevel2 .naviLink, .naviItemLevel2Selected .naviLink	{margin-left:19px;}
.naviItemLevel3 .naviLink, .naviItemLevel3Selected .naviLink	{margin-left:18px;}

/* level-specific navi-item img margins     */
.naviItemLevel0 img												{margin-left:8px;}
.naviItemLevel0Selected img										{margin-left:4px;}
.naviItemLevel1 img												{margin-left:8px;}
.naviItemLevel1Selected img										{margin-left:4px;}
.naviItemLevel2 img, .naviItemLevel2Selected img				{margin-left:8px;}
.naviItemLevel3 img, .naviItemLevel3Selected img				{margin-left:7px;}

.naviItemLevel1Selected a:link {color: #E65014;}
.naviItemLevel1Selected a:visited {color: #E65014;}
.naviItemLevel1Selected a:hover {color: #0091A0;}
.naviItemLevel1Selected a:active {color: #0091A0;}
.naviItemLevel1Selected {background-color: #FFFFFF;}

.naviItemLevel2Selected a:link {color: #E65014;}
.naviItemLevel2Selected a:visited {color: #E65014;}
.naviItemLevel2Selected a:hover {color: #0091A0;}
.naviItemLevel2Selected a:active {color: #0091A0;}
.naviItemLevel2Selected {background-color: #FFFFFF;}

.naviItemLevel3Selected a:link {color: #E65014;}
.naviItemLevel3Selected a:visited {color: #E65014;}
.naviItemLevel3Selected a:hover {color: #0091A0;}
.naviItemLevel3Selected a:active {color: #0091A0;}
.naviItemLevel3Selected {background-color: #FFFFFF;}

/* Suche */
/*****************************************************************************/
/*****************************************************************************/
.searchLinks a {color:#0091A0; font-size: 11px; font-weight: bold;}/* unused? */
.searchLinks a:link {color : #0091A0; text-decoration: underline;}/* unused? */
.searchLinks a:visited {color : #0091A0; text-decoration: underline;}/* unused? */
.searchLinks a:active {color : #0091A0; text-decoration: underline;}/* unused? */
.searchLinks a:hover {color : #0091A0; text-decoration: underline;}/* unused? */

/* Content Bereich */
/*****************************************************************************/
/*****************************************************************************/
/* Ueberschriften Content Fenster*/
.contUeber1 {font-family: Arial, sans-serif; font-size: 42px; font-weight: normal; color:#30373f;}
.contUeber2 {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; color:#004b8d; padding-top: 6px;}
.contUeber1>.contUeber2 {font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; color:#004b8d; padding-top: 6px;}

.contentLinks {color:#2d383f; font-size: 11px; font-weight: normal;}
.contentLinks a:link {color : #2d383f; text-decoration: none;}
.contentLinks a:visited {color : #2d383f; text-decoration: none;}
.contentLinks a:active {color : #2d383f; text-decoration: none;}
.contentLinks a:hover {color : #2d383f; text-decoration: underline;}

.inkas_Table {
	background-color: #585858;
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: top;
	width: 100%;
}

.inkas_HeadColor{ background-color: #ffffff;}

.inkas_Body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}

.inkas_Frame {
	border: 0px solid red;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	width: 998px;
	vertical-align: top;
}

.inkas_Frame > tbody > tr > td
{
	padding-top: 0;
}

.inkas_Margin {
	padding: 0px;
}

.inkas_Margin_Left{
	width: 7px;
	padding: 0px;
}

.inkas_Margin_Right {
	width: 11px;
	padding: 0px;
}

/*.inkas_Frame td {
	padding: 0;
}*/

.inkas_ContentPane {
	background-color: #FFFFFF;
	border: 0px solid green;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	width: 100%;
}

.inkas_FramesetLeft {
	width: 185px;
	background-color: #FFFFFF;
	vertical-align: top;
}

.inkas_LayoutLeft {
	background-color: #FFFFFF;
	border: 0px;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
	float: left;
	width: 181px;
	height: 0%;
}

.inkas_NaviBar {
	background-color: #FFFFFF;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	float: left;
	width: 181px;
	height: 1%;
}

.inkas_NaviBar td {
	padding: 0px;
}

.inkas_Re_NaviBar {
	background-color: #FFFFFF;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	margin-left: 0px;
	margin-right: auto;
	height: 1%;
}


.inkas_FunctionBar {
	background-color: #839CBA;
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 142px;
	vertical-align: top;
}
.inkas_content_headline
{
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	background-color: #004b8d;
	padding: 12px 24px;
	line-height:      30px;
}

.inkas_border { border: 1px solid #dedede; }
.inkas_border_top{ border-top-width: 1px; border-top-style: solid; border-top-color: #dedede;}
.inkas_border_2 {border-width:2px; border-style:solid; border-color:#dedede}
.inkas_border_bottom_2{padding:0px;border-width:0px; border-bottom:2px; border-style:solid; border-color:#dedede}
.inkas_border_right_2{padding:0px;border-width:2px; border-right:0px; border-style:solid; border-color:#dedede}
.inkas_border_left_bottom_2{border-width:0px; border-left:2px; border-bottom:2px; border-style:solid; border-color:#dedede;}
.inkas_border_right_bottom_2{border-width:0px; border-right:2px; border-bottom:2px; border-style:solid; border-color:#dedede;}
.inkas_bg_grey100 {background-color: #585858}
.inkas_bg_grey80 {background-color: #797979}
.inkas_bg_grey60 {background-color: #9b9b9b}
.inkas_bg_grey40 {background-color: #bdbdbd}
.inkas_bg_grey20 {background-color: #dedede}
.inkas_bg_grey8  {background-color: #f2f2f2}

/* xMedia settings */
.xM_TabHeaderLeft      {color: #FFFFFF; font-size: 12px; font-family: Arial, sans-serif; font-weight:bold; vertical-align:top; text-align:left;padding:2px; border-bottom:1px solid #FFFFFF;}
.xM_TabHeaderRight     {color: #FFFFFF; font-size: 12px; font-family: Arial, sans-serif; font-weight:bold; vertical-align:top; text-align:right;padding:2px; border-bottom:1px solid #FFFFFF;}
.xM_TabHeaderCenter    {color: #FFFFFF; font-size: 12px; font-family: Arial, sans-serif; font-weight:bold; vertical-align:top; text-align:center;padding:2px; border-bottom:1px solid #FFFFFF;}
.xM_CellRight          {font-size: 12px; font-family: Arial, sans-serif; vertical-align:top;text-align:right;padding:2px;}
.xM_CellLeft           {font-size: 12px; font-family: Arial, sans-serif; vertical-align:top;text-align:left;padding:2px;}
.xM_CellCenter         {font-size: 12px; font-family: Arial, sans-serif; vertical-align:middle;text-align:center;padding:2px;}
.xM_HeaderRow          {background-color:#9b9b9b;}
.assetHeadline         {background-color:#9b9b9b;padding:2px;color: #FFFFFF; font-size: 12px; font-family: Arial, sans-serif; font-weight:bold;vertical-align:top;text-align:left;}
.xM_Table              {background-color:#FFFFFF;border-width:0px;border-spacing:0px;padding:2px;}
.xM_TableBorder        {background-color:#FFFFFF;border:1px solid #9b9b9b;padding:2px;}
.xM_TabBorderLeft      {border-left:1px solid #9b9b9b;}
.xM_TabBorderLeftWhite {border-left:1px solid #FFFFFF;}
.xM_TabBorderBottom    {border-bottom:1px solid #9b9b9b;}
.xM_TabBorderTop       {border-top:1px solid #9b9b9b;}
.xM_contUeber1         {font-family: Arial, sans-serif; font-size:12px; font-weight:bold;color:#9b9b9b;}
.xM_contUeber2         {font-family: Arial, sans-serif; font-size:16px; font-weight:bold;color:#e65014;}
.xM_FootnoteAU         {color: #333; font-size: 10px; font-family: Arial, sans-serif }

/********************************************/
/* tab buttons                              */
.tabBar
{
	position			: relative;
	border				: none;
}
.tabBar a
{
	position			: relative;
	float				: left;
	margin-right		: 4px;
	border-left			: 2px solid #9b9b9b;
	border-top			: 2px solid #9b9b9b;
	border-right		: 2px solid #9b9b9b;
	border-bottom		: 2px solid #9b9b9b;
	padding				: 8px;
	white-space			: nowrap;
	font				: bold 12px Helvetica;
	text-decoration		: none;
}
.tabBar a.active
{
	color				: #797979;
	background-color	: #fff;
	cursor				: default;
	text-decoration		: none;
	padding-top			: 12px;
	border-bottom		: 0px solid #fff;
	padding-bottom		: 10px;
}
.tabBar a.passive
{
	color				: #fff;
	background-color	: #9b9b9b;
	cursor				: pointer;
	text-decoration		: none;
	margin-top			: 4px;
}
.tabBar a:hover
{
	color				: #000;
	background-color	: #fff;
	text-decoration		: none;
}

/* tab content                              */
.tab /* unused?*/
{
	border				: 2px solid #9b9b9b;
	padding				: 3px;
	width				: 100%;
}
.tabNavi
{
	border				: 2px solid #9b9b9b;
	padding				: 3px;
}

/********************************************/
/* QR mobile                                */

#qrProductname {
   font-size: 20px;
}
#qrAttributes {
   font-size: 16px;
}
#qrHeadline {
   font-size: 20px;
}
#qrMaterialnumber {
   font-size: 20px;
 }
#qrError {
   font-size: 60px;
}



.modal {
    position: absolute;
    background: #fff;
    width: 100%;
    max-width: 589px;
    padding: 10px;
}
.modal,
.modal:focus {
    border: 1px solid #9b9b9b !important;
    outline: none;
}
.avts-spc-modal-title {
  padding:0;
  margin:0;
}
.avts-spc-modal-body {
  padding: 10px 0;
}
.btn-primary {
    color: #fff !important;
	background-color: #00aa7e;
	border-color: #00aa7e;
    display: block;
    padding: 5px;
    line-height: 30px;
    margin-right: 10px;
    height:30px;
	/*width:260px;*/
	text-align: center;
	text-transform: uppercase;
}
.btn-primary:hover {
	text-decoration: none;
}
.btn.btn-primary.btn-disabled {
    background-color: #c0c0c0;
    pointer-events: none;
}
.btn.btn-primary.btn-disabled:hover {
    cursor: initial;
}
button.btn-primary {
  height: 40px;
}
button.close:hover,
.btn-primary:hover {
  cursor: pointer;
}
button.close {
  float:right;
  margin-right: 10px;
}
.avts-spc-modal-footer .modal-footer-basket {
  display: flex;
  justify-content:space-between;
}

#tableCell_GUI_FRAMESET_FUNC,
#tableCell_GUI_FRAMESET_FUNC2
{
	-webkit-box-shadow: 0px 3px 9px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 3px 9px rgba(0,0,0,.5);
	box-shadow: 0px 5px 15px rgba(0,0,0,.5);
	border-collapse: separate;
}

/* Sprachauswahl neu */
.langdialog
{
	display: none;
	position: absolute;
	transform: translate(-50%, 0);
	left: 50%;
	top: 30px;
	width: 380px;
	z-index: 999;
}
.Options_Checkbox_Tooltip
{
	visibility: hidden;
	background-color: #fff;
	color: #00aa7e;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	margin-left: 22px;
	margin-top: 27px;
	position: absolute;
	width: 120px;
	z-index: 1;
	border: 1px solid rgba(0,0,0,.2);
}

[type="checkbox"] + label:hover .Options_Checkbox_Tooltip
{
	visibility: visible;
}
.langdialog-content
{
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	position: relative;
	background-color: #ffffff;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	background-clip: padding-box;
	outline: 0;
}

.langdialog-header
{
	min-height: 24px;
	background-color: #f0f0f0;
	border: 0;
	padding: 0 30px 0 10px;
	line-height: 24px;
	position: relative;
}

.langdialog-header::before
{
	content: "";
	display: table;
}

.langdialog-header-title
{
	font-size: .625em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	padding: 0;
	line-height: 24px;
	margin: 0;
}

.langdialog-close
{
	position: absolute;
	top: 6px;
	right: 8px;
	outline: 0;
	opacity: 1;
	font-size: .875em;
	float: right;
	font-weight: 600;
	line-height: 1;
	color:  #000000;
	text-shadow: 0 1px 0  #ffffff;
	padding: 2px 0 0 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	margin-top: -2px;
}

.langdialog-close img
{
	width: 12px;
	height: 12px;
}

.langdialog-body
{
	padding: 20px 30px 40px;
}

.langdialog-body h3 {
	font-size: .75em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	margin-bottom: 5px;
}

.langdialog-selector label {
	font-size: .875em;
	font-weight: 400;
	display: inline;
	margin-bottom: 5px;
}

.langdialog-selector .languages
{
	box-sizing: border-box;
	line-height: 1.625;
}

.langdialog-selector input
{
	vertical-align: middle;
	margin: 0 8px 0 0;
}

/* Radio Buttons */
[type="radio"]:checked,
[type="radio"]:not(:checked)
{
	position: absolute;
	left:     -9999px;
}

[type="radio"]:checked + label>span,
[type="radio"]:not(:checked) + label>span
{
	position:     relative;
	padding-left: 28px;
	cursor:       pointer;
	line-height:  20px;
	display:     inline-block;
	color:       #666666;
}

[type="radio"][disabled]:checked + label>span,
[type="radio"][disabled]:not(:checked) + label>span
{
	color: #c0c0c0;
}

[type="radio"]:checked + label>span:before,
[type="radio"]:not(:checked) + label>span:before
{
	content:       '';
	position:      absolute;
	left:          0;
	top:           0;
	width:         1rem;
	height:        1rem;
	border:        2px solid #c4c4c4;
	border-radius: 100%;
	background:    #ffffff;
}

[type="radio"] + label>span
{
	margin-bottom: 10px;
}

[type="radio"]:checked + label>span:after,
[type="radio"]:not(:checked) + label>span:after
{
	content:            '';
	width:              12px;
	height:             12px;
	background:         #00aa79;
	position:           absolute;
	top:                4px;
	left:               4px;
	border-radius:      100%;
}
[type="radio"][disabled]:checked + label>span:after,
[type="radio"][disabled]:not(:checked) + label>span:after
{
	content:            '';
	width:              12px;
	height:             12px;
	background:         #c0c0c0;
	position:           absolute;
	top:                4px;
	left:               4px;
	border-radius:      100%;
}

[type="radio"]:not(:checked) + label>span:after
{
	opacity:           0;
	-webkit-transform: scale(0);
	transform:         scale(0);
}

[type="radio"]:checked + label>span:after
{
	opacity:           1;
	-webkit-transform: scale(1);
	transform:         scale(1);
}

[type="checkbox"] {
	display:none;
}
[type="checkbox"] + label {
	cursor:       pointer;
	display: inline-block;
	margin-bottom: 14px;
}
[type="checkbox"] + label.Options_Checkbox_Separator::before {
	width: 10px;
	height: 10px;
	margin-right: 0px;
	border: 1px solid #c4c4c4;
}
[type="checkbox"] + label::after
{
	width:             6px;
	height:            13px;
	position:          relative;
	top:               -19px;
	left:              6px;
	content:           "";
	display:           block;
	-webkit-transform: rotate(45deg);
	-ms-transform:     rotate(45deg);
	transform:         rotate(45deg);
	border:            solid transparent;
	border-width:      0 2px 2px 0;
}
[type="checkbox"] + label.Options_Checkbox::after
{
	width:             6px;
	height:            13px;
	position:          relative;
	top:               0px;
	left:              6px;
	content:           "";
	display:           block;
	-webkit-transform: rotate(45deg);
	-ms-transform:     rotate(45deg);
	transform:         rotate(45deg);
	border:            solid transparent;
	border-width:      0 2px 2px 0;
}
[type="checkbox"] + label.Options_Checkbox_Separator::after
{
	width:             2px;
	height:            9px;
	left:              4px;
}

[type="checkbox"]:checked + label::after
{
	-webkit-transform: rotate(45deg);
	-ms-transform:     rotate(45deg);
	transform:         rotate(45deg);
	border:            solid #00aa79;
	border-width:      0 2px 2px 0;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.50em;
	cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	/*border-radius: 4px;*/
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
	width: 15px;
	height: 15px;
	border: 2px solid #c4c4c4;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	position: absolute;
	top: .01em;
	left: .25em;
	font-size: 1.3em;
	line-height: 0.8;
	color: #09ad7e;
	transition: all .2s;
	font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
[type="checkbox"]:checked + label:after {
	opacity: 1;
}
[type="checkbox"][disabled] + label:before {

	background: #c1c1c1;

}
[type="checkbox"][disabled] + label:after {

	border-color: #c1c1c1;

}
input[type="checkbox"][name="Oben_Vorsteuerventil"][disabled]:checked + label:after {

	border-color: #7a907a;

}
input[type="checkbox"][name="Unten_Vorsteuerventil"][disabled]:checked + label:after {

	border-color: #7a907a;

}
input[type="checkbox"][name="Oben_Spule"][disabled]:checked + label:after {

	border-color: #7a907a;

}
input[type="checkbox"][name="Unten_Spule"][disabled]:checked + label:after {

	border-color: #7a907a;

}
[type="checkbox"][disabled] + label {
	cursor: default;
	color: #c1c1c1;
}
.customBlockSchemaCheckbox{
	display: flex;
	justify-content: center;
}
.customBlockSchemaCheckbox>[type="checkbox"] + label::before {
	margin-right: 0px;
}
.customOptionsRightCheckboxWinkel{
	display: flex;
	justify-content: center;
}
.customOptionsRightCheckboxWinkel>[type="checkbox"] + label::before {
	margin-right: 0px;
}
.customOptionsRightCheckboxBuegel>[type="checkbox"] + label::before {
	margin-right: 0px;
}

.contentLinks a.instance-button,
.contentLinks input.instance-button
{
	font-family:    Arial, sans-serif;
	font-size:      12px;
	font-weight:    bold;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: 0.96px;
	text-align:     left;
	color:          #00aa7e;
	text-transform: uppercase;
}

.contentLinks input.instance-button
{
	border:     0;
	background: transparent;
	padding:    0;
}

.contentLinks .instance-button span
{
	font-size: 16px;
	padding-left: 0;
}

.contentLinks input.instance-button:hover
{
	text-decoration: underline;
	cursor:          pointer;
}

/*.contentLinks input[type='text']*/
input[type='text'],
input[type='password']
{
	height:           50px;
	background-color: #f0f0f0;
	border:           none;
	padding:          0 15px;
	font-size:        inherit;
}

textarea
{
	min-width:        80%;
	border:           none;
	padding:          10px 15px;
	background-color: #f0f0f0;
	font-family:      Arial, sans-serif;
	font-size:        inherit;
}

.contentLinks-input-description {
	padding-right: 5px;
	font-size: 12px;
	white-space: nowrap;
}

.contentLinks-input-field {
	width: 70px;
}

.contentLinks-input-description *,
.contentLinks-input-unitminmax * {
	font-size: 12px !important;
}

.contentLinks-input-unitminmax {
	font-size: 12px !important;
	padding-left: 5px;
}

.contentLinks-input-hint {
	font-size: 12px !important;
	padding-left: 5px;
}

/*.contentLinks img
{
	max-width: 230px;
}*/

.contentLinks:not(.noborder) > tbody > tr > td {
	border-bottom: 1px solid #dedede !important;
	border-top: 0 !important;
}

.contentLinks > tbody > tr > td:empty {
	border: 0 !important;
}

.inkas_datasheet_table
{
	width:           100%;
	border-collapse: collapse;
}
.inkas_datasheet_table b
{
	font-weight:500;
}

.inkas_datasheet_table tbody tr td:first-of-type
{
	padding-left: 25px;
}

/*.inkas_datasheet_table tbody tr td:last-of-type*/
/*{*/
/*	padding-right: 25px;*/
/*}*/

.inkas_datasheet_table tr:nth-child(even)
{
	background-color: #f0f0f0;
}

.inkas_datasheet_table th,
.inkas_datasheet_table td
{
	padding:       8px 0;
	font-size:     14px;
	min-width: 42px;
}

.emerson-icon
{
	width: 24px;
	height: 24px;
}

/*
td[valign="top"] a {
	font-family: Whitney SSm B;
}*/
.btn-arrow > span > span::after {
	content: "\00A0\203A";
	font-size: 16px;
    white-space: nowrap;
}
.btn.btn-primary.btn-arrow > span {
	padding: 0;
}
.btn.btn-arrow .text-wrapper {
	padding-right: 10px;
}
.btn span {
	color: #ffffff;
}
.btn .text-wrapper {
	position: relative;
	display: table-cell;
	height: 48px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 600;
}
.btn .text-wrapper a {
	vertical-align: middle;
	font-size: 14px;
	font-weight: 600;
}
.btn.btn-primary {
	background-color: #00aa7e;
	border-color: #00aa7e;
	color: #ffffff;
}
.btn, .btn.active, .btn:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn {
	max-width: 280px;
	height: 50px;
	line-height: 1.1429em;
	font-size: 14px;
	letter-spacing: .08em;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0 25px;
	box-sizing: border-box;
	white-space: normal;
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border-radius: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.inkas_Body #ui-datepicker-div
{
	width:  300px;
	height: 355px;
}

.inkas_Body .ui-datepicker table
{
	height: 260px;
	border-collapse: collapse;
}

.inkas_Body .ui-datepicker table,
.inkas_Body .ui-datepicker th,
.inkas_Body .ui-datepicker td {
	border: 1px solid #f0f0f0;
}

.inkas_Body .ui-datepicker-calendar td,
.inkas_Body .ui-datepicker-calendar td a,
.inkas_Body .ui-datepicker-calendar td span,
.inkas_Body .ui-datepicker-calendar th,
.inkas_Body .ui-datepicker-calendar th a,
.inkas_Body .ui-datepicker-calendar th span
{
	text-align: center;
	padding: 0 !important;
}
.inkas_Body .ui-datepicker-calendar td,
.inkas_Body .ui-datepicker-calendar th
{
	height:      40px;
	width:       40px;
	line-height: 40px;
}

.inkas_Body .ui-widget-header
{
	border:                     none;
	background:                 #f0f0f0;
	color:                      #000000;
	border-bottom-right-radius: 0;
	border-bottom-left-radius:  0;
	border-top-right-radius:    0;
	border-top-left-radius:     0;
}

.inkas_Body .ui-state-default,
.inkas_Body .ui-widget-content .ui-state-default,
.inkas_Body .ui-widget-header .ui-state-default
{
	border:                     none;
	background:                 #ffffff;
	color:                      #000000;
	border-bottom-right-radius: 0;
	border-bottom-left-radius:  0;
	border-top-right-radius:    0;
	border-top-left-radius:     0;
}

.inkas_Body .ui-widget-content
{
	box-shadow:         0 5px 15px rgba(0, 0, 0, .5);
	position:           relative;
	background-color:   #ffffff;
	border:             1px solid rgba(0, 0, 0, .2);
	border-radius:      0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	background-clip:    padding-box;
	outline:            0;
}

.inkas_Body .ui-datepicker-calendar .ui-state-active,
.inkas_Body .ui-datepicker-calendar .ui-state-highlight,
.inkas_Body .ui-datepicker-calendar .ui-state-default.ui-state-hover,
.inkas_Body .ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.inkas_Body .ui-datepicker-calendar .ui-widget-content .ui-state-active,
.inkas_Body .ui-datepicker-calendar .ui-widget-content .ui-state-hover,
.inkas_Body .ui-datepicker-calendar .ui-widget-header .ui-state-active,
.inkas_Body .ui-datepicker-calendar .ui-widget-header .ui-state-highlight
{
	border:      none;
	background:  #00ab7d;
	color:       #ffffff;
	display:     inline-block;
	width:       100%;
	padding:     0;
}

.inkas_Body .ui-datepicker-calendar .ui-datepicker-today .ui-state-default.ui-state-highlight
{
	background: #ffffff;
	color:      #000000;
	border:     1px solid #00ab7d;
}

.inkas_Body .ui-datepicker-prev
{
	top:  2px !important;
	left: 2px !important;
}

.inkas_Body .ui-datepicker-next
{
	top:  2px !important;
	right: 2px !important;
}

.inkas_Body .ui-datepicker-prev.ui-state-hover,
.inkas_Body .ui-datepicker-next.ui-state-hover
{
	border:     none;
	background: transparent;
	cursor:     pointer;
	color:      #ffffff !important;
}

.inkas_Body .ui-datepicker-prev span:before
{
	display:     block;
	content:     "<";
	color:       #000000;
	text-indent: 0;
}

.inkas_Body .ui-datepicker-next span:before
{
	display:     block;
	content:     ">";
	color:       #000000;
	text-indent: 0;
}

.inkas_Body .ui-datepicker-prev span,
.inkas_Body .ui-datepicker-next span
{
	background: transparent;
}
#tableCell_GUI_FRAMESET_FUNC > table > tbody:nth-child(1) a,
#tableCell_GUI_FRAMESET_FUNC2 > tbody:nth-child(1) a {
	text-transform: uppercase;
}
#tableCell_GUI_FRAMESET_FUNC > table > tbody:nth-child(1) a:after,
#tableCell_GUI_FRAMESET_FUNC2 > tbody:nth-child(1) a:after {
	content: "\00A0\203A";
}
#tableCell_GUI_FRAMESET_FUNC > tbody:nth-child(1) a:after{
	content: "\00A0\203A";
}


.blockschema-controls
{
	padding: 5px;
	background: #fff !important;
	color: #30375c !important;
	border: 2px solid #2d383f;
}
.blockschema-controls:hover
{
	background: #c4ced1 !important;
}

.blockschema-controls b
{
	text-transform: uppercase;
}

.blockschema-controls-inactive
{
	background: #f0f0f0 !important;
	color: #c0c0c0 !important;
	border: 2px solid #c0c0c0;
}
.blockschema-controls-inactive:hover
{
	background: #f0f0f0 !important;
}

#menuDiv td
{
	background-color: #ffffff !important;
	color:            #00ab7d !important;
	padding:          10px;
}

#menuDiv td:hover
{
	color:           #00ab7d !important;
	text-decoration: underline;
	cursor:          pointer;
}
.red-alert {
	width: 24px;
	height: 24px;
}
.icon-loading {
	animation: loading-steps 1s steps(8, end) infinite;
}

@keyframes loading-steps {
	to {
		transform: rotate(360deg);
	}
}

/* CAD */
#CADForm select,
#table_GUI_FRAMESET_RIGHT select
{
	background-image:    url("/pneumatics-catalog/content/AllPlatforms/Resources/Arrow-Down_96px.png");
	background-repeat:   no-repeat;
	background-position: right;
	background-position: 97% 50%;
	background-size:     24px;
	font-family:         Arial, sans-serif;
	appearance:          none;
	-webkit-appearance:  none;
	-moz-appearance:     none;
	/*margin-bottom:       15px;*/
	width:               250px;
	height:              50px;
	border:              none;
	background-color:    #f0f0f0;
	font-size:           16px;
	font-weight:         300;
	font-stretch:        normal;
	font-style:          normal;
	line-height:         2.25;
	letter-spacing:      normal;
	padding-left:        15px;
    padding-right: 50px;
    text-overflow: ellipsis;
	text-align:          left;
	color:               #000028;
}
#CADForm select:hover,
#table_GUI_FRAMESET_RIGHT select:hover
{
	cursor: pointer;
}
#CADForm select[disabled],
#table_GUI_FRAMESET_RIGHT select[disabled]
{
	cursor: initial !important;
	color: #d5d5d5;
}
td>span {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

#crsearchstring {
    padding: 0 0 0 15px;
    width: 250px;
    height: 50px;

}
.avts-crossreference-select{
    width: 500px !important;
}

.clickcad-emerson-header {width:885px; margin:0; padding:0; height:120px; }
.clickcad-emerson-header .logo { float:right;margin:-40px 20px 0 0; }
.clickcad-emerson-nav-top { padding:0; margin:5px; clear:left; overflow:hidden; list-style:none; }
.clear {clear:both;font-size:0;line-height:0; }
.clickcad-select-box {background-image: url("/pneumatics-catalog/content/AllPlatforms/Resources/Arrow-Down_96px.png"); background-repeat: no-repeat; background-position:right; background-position: 90% 50%;background-size: 24px; appearance:none; -webkit-appearance: none; -moz-appearance: none; margin-bottom: 15px; width: 250px; height: 50px; border: none; background-color: #f0f0f0; font-size: 16px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 2.25; letter-spacing: normal; padding-left:20px; text-align: left; color: #000028;}
.clickcad-select-headline {font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 3; letter-spacing: 0.96px; text-align: left; color: #2d383f; margin-bottom: 5px}
.clickcad-content { width:885px;}
.clickcad-content-left a{ font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 3; letter-spacing: 0.96px; text-align: left; color: #00aa7e;}
.clickcad-select-column {float: left; width: 33%; padding-left:10 px; margin-right: 10 px }
.clickcad-menu {float: left; border: 1 px; border-color: #2d383f;}
.clickcad-menu p {vertical-align:middle; height:42px}
.clickcad-headlines {float: left; width: 80%}
.clickcad-headlines h1 {margin: 0 0 10px 0 ; font-size: 24px;}
.clickcad-headlines h2 {margin: 10px 0 10px 0 ; font-size: 16px; color:#004b8d}
.clickcad-cad-box {float: left; width: 20%;}
.clickcad-content-left, .clickcad-news{float: left; width: 80%;}
.clickcad-breadcrumb{font-size: 12px; font-weight: 600; color: #c0c0c0}
.clickcad-footer {font-size: 10px; margin: 10px 0 10px 0 ;}
.clickcad-menuheadline {width: 100%;margin-bottom: 10px; text-align:left;font-size: 21px;font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; color: #2d383f }
.clickcad-menu-link {height:42px;}
.clickcad-menu-nolink {height:42px;font-weight: 600; color: #c0c0c0}
.clickcad-center{margin-left: 20px}
.clickcad-search-box input[type="text"] {padding:0 5px; border: 1px solid #2d383f; background-color:#fff ;width: 200px; height: 42px;background-image: url("/pneumatics-catalog/cad/images/layout/Search_96px.png"); background-repeat: no-repeat; background-size: 24px; background-position: 90% 50%; margin-bottom:15px}
.clickcad-news {float: left; width: 885px}
.clickcad-news table {width: 96%; border-collapse: collapse;}
.clickcad-news tr {vertical-align: top;}
.clickcad-news td {font-size: 14px; padding-right: 5px}
.clickcad-news a{font-size: 14px;vertical-align: top;}
.clickcad-news th {font-size: 16px; font-weight: 600; font-stretch: normal;font-style: normal; line-height: normal; letter-spacing: 0.8px;text-align: left; color: #2d383f; text-transform:  uppercase;}
.clickcad-news tr:hover {background-color: #f0f0f0;}
.clickcad-news th, .clickcad-news td {border-bottom: 1px solid #c1c1c1; padding: 15px 0;}

input.Error, td.Error
{
	border:2px solid #cc0000;
}
div.Error
{
	color:#cc0000;
}

.btn.btn-primary.btn-basket.btn-arrow
{
	margin-right: -2px;
	display: table-cell;
}
/*.inkas_datasheet_table tbody tr td.btn-basket:last-of-type*/
/*{*/
/*	padding-right: 0px;*/
/*}*/
.inkas_datasheet_table tbody tr td.btn.btn-primary.btn-basket.btn-arrow
{
	background-color: transparent;
	width: 150px;
}
.inkas_datasheet_table tbody tr td a.btn.btn-primary.btn-arrow
{
	padding: 0px;
}
.inkas_datasheet_table tbody tr td.btn.btn-primary.btn-basket.btn-arrow .text-wrapper
{
	background-color: #00aa7e;
	line-height: 1.0em;
	font-size: 12px;
	letter-spacing: 0.07em;
	padding: 5px 0px;
	width: 150px;
}
td#tdLieferdatum
{
	display: none;
}

div.em_DeliveryTime {
	display: flex;
	flex-direction: column;
	position: absolute;
	right: 0px;
	z-index: 2;
}
span.em_DeliveryTime_txt
{
    font-size: 11px;
}

#tdLieferdatum span#deliveryTime_SameDay
{
	display: none;
}
#tdLieferdatum span#deliveryTime_3Day
{
	display: none;
}
#tdLieferdatum span#deliveryTime_5Day
{
	display: none;
}
select[name="Stroke"]
{
	width: 110px !important;
}

/* ******CAD Suche****** */
#CAD_File_Frame{
	position: fixed;
	z-index: 999;
	inset: 0px;
	outline: currentcolor none 0px;
}
.cad-header {
  background-color: #004b8d;
  padding: 5px 5px;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.8px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}
.cad-content {
  width: 640px;
  /*height: 640px;*/
  /*width: 100%;*/
  height: 100%;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.8px;
  text-align: left;
  color: #2d383f;
	display: inline-block;
}
.CAD_filedialog-header > h3{
	margin: 0;
	line-height: 1.8;
	font-size: 18px;
	font-family: Whitney-Medium, Arial;
	color: #30373f;
	font-weight: 500;
}

.cad-content h1 {
  margin: 0 0 10px 0;
  font-size: 24px;
}
.cad-content h2 {
  margin: 10px 0 10px 0;
  font-size: 16px;
  color: #004b8d;
}
.cad-header-right {
  float: right;
}
.cad-header-left {
  float: left;
  margin-bottom: 10px;
}
.breadcrumb {
  font-size: 12px;
  font-weight: 600;
  color: #c0c0c0;
  margin-bottom: 10px;
}
.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
}
.cad-content b {
  font-weight: bold;
}
.cad-column-3d {
  width: calc(50%);
  float: left;
  margin-top: 10px;
}
.cad-column-2d {
  width: calc(50% - 1px);
  float: left;
  margin-top: 10px;
  border-right: 1px solid #fff;
}
.cad-pic {
  text-align: center;
  margin-bottom: 10px;
}
.cad-table {
  padding: 0;
  margin: 0;
  border: 0;
  border-spacing: 0;
  font-size: 12px;
  background-color: #ffffff;
  color: #000000;
  border-collapse: collapse;
  width: 100%;
}
.CAD_filedialog {
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
  top: 30px;
  z-index: 999;
}
.CAD_filedialog-content {
  box-shadow: 0 5px 15px rgba(0,0,0,.5);
  position: relative;
  background-color: #ffffff;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  background-clip: padding-box;
  outline: 0;
}
.CAD_filedialog-header {
  min-height: 24px;
  background-color: #f0f0f0;
  border: 0;
  padding: 15px;
  /*padding: 0 30px 0 10px;*/
  line-height: 24px;
  position: relative;
}
.CAD_filedialog-header::before {
  content: "";
  display: table;
}
.CAD_filedialog-close {
	position: absolute;
	top: 6px;
	right: 8px;
	outline: 0;
	opacity: 1;
	font-size: .875em;
	float: right;
	font-weight: 600;
	line-height: 1;
	color:  #000000;
	text-shadow: 0 1px 0  #ffffff;
	padding: 2px 0 0 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	margin-top: -2px;
}
.CAD_filedialog-close img
{
	width: 12px;
	height: 12px;
}
.CAD_filedialog-body{

  padding: 15px;
}
.CAD_filedialog-back {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 950;
  background-color: #000;
	opacity: .5;
}
.cad-table tr:nth-child(2n+1) {
  background-color: #f0f0f0;
}
.cad-table tr:nth-child(2n+1) td:not(:last-child) {
  border-right: 1px solid #fff;
}
.cad-table tr:nth-child(2n) td:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}
.cad-table th, .cad-table td {
  border-bottom: 1px solid #c1c1c1;
  padding: 11px 5px;
}
.cad-table td {
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}
.cad-desc {
  width: 50%;
}
.cad-table a {
  font-size: 12px;
  vertical-align: top;
}
a:link {
  color: #00aa7e;
  text-decoration: none;
}
/** {*/
/*  font-family: Arial;*/
/*}*/


/* disabled checkbox */
/*[type="checkbox"]:disabled:not(:checked) + label:before,*/
/*[type="checkbox"]:disabled:checked + label:before {*/
/*  box-shadow: none;*/
/*  border-color: #bbb;*/
/*  background-color: #ddd;*/
/*}*/
/*[type="checkbox"]:disabled:checked + label:after {*/
/*  color: #999;*/
/*}*/
/*[type="checkbox"]:disabled + label {*/
/*  color: #aaa;*/
/*}*/