/* https://onlinefontconverter.com/ */
@font-face {
	font-family: 'Erasdemi';
	src: url('/fileadmin/template/pactrust.com/fonts/erasdemi.eot'); /* IE9 Compat Modes */
	src: url('/fileadmin/template/pactrust.com/fonts/erasdemi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fileadmin/template/pactrust.com/fonts/erasdemi.woff') format('woff'), /* Modern Browsers */
	     url('/fileadmin/template/pactrust.com/fonts/erasdemi.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fileadmin/template/pactrust.com/fonts/erasdemi.svg#erasdemi') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'Eras Bold ITC';
	src: url('/fileadmin/template/pactrust.com/fonts/erasbd.eot'); /* IE9 Compat Modes */
	src: url('/fileadmin/template/pactrust.com/fonts/erasbd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fileadmin/template/pactrust.com/fonts/erasbd.woff') format('woff'), /* Modern Browsers */
	     url('/fileadmin/template/pactrust.com/fonts/erasbd.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fileadmin/template/pactrust.com/fonts/erasbd.svg#erasbd') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'Eras Demi ITC';
	src: url('/fileadmin/template/pactrust.com/fonts/erasdemi.eot'); /* IE9 Compat Modes */
	src: local('Eras Demi ITC'), 
		local('erasdemi'),
		url('/fileadmin/template/pactrust.com/fonts/erasdemi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/fileadmin/template/pactrust.com/fonts/erasdemi.woff') format('woff'), /* Modern Browsers */
		url('/fileadmin/template/pactrust.com/fonts/erasdemi.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('/fileadmin/template/pactrust.com/fonts/erasdemi.svg#erasdemi') format('svg'); /* Legacy iOS */
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'CalifornianFB';
	src: url('/fileadmin/template/pactrust.com/fonts/Californian_FB.eot'); /* IE9 Compat Modes */
	src: url('/fileadmin/template/pactrust.com/fonts/Californian_FB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fileadmin/template/pactrust.com/fonts/CalifornianFB-Reg.woff') format('woff'), /* Modern Browsers */
	     url('/fileadmin/template/pactrust.com/fonts/Californian_FB.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fileadmin/template/pactrust.com/fonts/CalifornianFB-Reg.svg#CalifornianFB-Reg') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'Larsseit';
	src: url('/fileadmin/template/pactrust.com/fonts/Larsseit-Regular.eot'); /* IE9 Compat Modes */
	src: url('/fileadmin/template/pactrust.com/fonts/Larsseit-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fileadmin/template/pactrust.com/fonts/Larsseit-Regular.woff') format('woff'), /* Modern Browsers */
	     url('/fileadmin/template/pactrust.com/fonts/Larsseit-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fileadmin/template/pactrust.com/fonts/Larsseit-Regular.svg#Larsseit-Regular') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'Larsseit Bold';
	src: url('/fileadmin/template/pactrust.com/fonts/Larsseit-Bold.eot'); /* IE9 Compat Modes */
	src: url('/fileadmin/template/pactrust.com/fonts/Larsseit-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fileadmin/template/pactrust.com/fonts/Larsseit-Bold.woff') format('woff'), /* Modern Browsers */
	     url('/fileadmin/template/pactrust.com/fonts/Larsseit-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fileadmin/template/pactrust.com/fonts/Larsseit-Bold.svg#Larsseit-Bold') format('svg'); /* Legacy iOS */
	font-weight: bold;
}


@font-face {
	font-family: 'Poppins SemiBold'; /* https://www.cufonfonts.com/font/poppins */
	src: url('/fileadmin/template/pactrust.com/fonts/Poppins-SemiBold.eot'); /* IE9 Compat Modes */
	src: local('Poppins SemiBold'), 
		local('Poppins-SemiBold'),
		url('/fileadmin/template/pactrust.com/fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/fileadmin/template/pactrust.com/fonts/Poppins-SemiBold.woff') format('woff'), /* Modern Browsers */
		url('/fileadmin/template/pactrust.com/fonts/Poppins-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('/fileadmin/template/pactrust.com/fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg'); /* Legacy iOS */
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
}

:root {
	--usual-bg: white;
	--header-bg: #D1D2D4;
	--body-bg: #F2F3F3;
	--text-color: black;
	
	/* --out-bg: #3F3F3F; */
	/* --out-bg: #CBCBCB; */
	--out-bg: #C6C6C6;
	
	--wait-color: #3F3E40;
	--ok-color: #00A651;
	--warning-color: #ED3237;
	--avail-color: #3B8476;
  
	--enabled-color: black;
	--disabled-color: silver;
	--disabled-bg: gray;

	--acc-selector-line-color: white;
	--acc-book-line-color: white;  
  /*
	--focus-color: rgba(81, 203, 238, 1);
	*/
	/*
	--focus-color: #53CBEE;
	--focus-light-color: #D0F1FB;
	--focus-content-color: #F5F5F5;
	*/

	--focus-color: #FCFCFC;
	--focus-link-color: gray;
	--focus-light-color: #FCFCFC;
	--focus-content-color: #FCFCFC;
	--focus-shadow-color: #C4C4C4; /* text shadow */
	--focus-checkbox-color: #FCFCFC;
	--focus-radio-color: #FCFCFC;
	--focus-fieldset-border-color: #666666;
	--focus-inputs-and-selects-border-color: #E6E6E6;
	--focus-button-color: #E6E6E6;
	--focus-tab-color: #E6E6E6;
	--focus-tab-selected-color: gray;
	--focus-page-button-color: gray;
	--focus-transaction-column-color: #E6E6E6;
	--focus-account-switcher-option-shadow-color: #A4A4A4;
	
	--special-focus-color: yellow;
	
	/* --action-font: Erasdemi; */
	--action-font: 'Poppins SemiBold';
	--buttons-desktop-font: Larsseit Bold,"Helvetica Neue",Helvetica,Arial,sans-serif,Verdana;
	--colored-block-body-font: 'Eras Bold ITC';
	--advert-money-font: CalifornianFB;
	--common-font: Larsseit,"Helvetica Neue",Helvetica,Arial,sans-serif,Verdana;
	--header-font: 'Poppins SemiBold';
	
	--popup-win-caption-bg: #4B4B4D;
	--popup-win-footer-bg: #4B4B4D;
	
	--native-page-section-header-bg: #4B4B4D;
	
	--tab-color: white;
	--tab-bg: #4B4B4D;
	--tab-active-color: #4B4B4D;
	--tab-active-bg: white;

	--button-color: white;
	--button-bg: #727376;
	--button-active-color: #727376;
	--button-active-bg: white;
	
	--top-bg: #4B4B4D;
}

/* html{margin:0;padding:0;} */

body, html {
	height: 100%;
	padding: 0px; margin: 0px;
}
body, 
a, a:link, a:visited {
	color: var(--text-color);
}
a:not(.selected):focus, a:not(.selected):hover {
	color: var(--focus-link-color) !important;
	
	/*
	text-shadow: 
		-0   -1px 1px var(--focus-shadow-color),
		 0   -1px 1px var(--focus-shadow-color),
		-0    1px 1px var(--focus-shadow-color),
		 0    1px 1px var(--focus-shadow-color),
		-1px -0   1px var(--focus-shadow-color),
		 1px -0   1px var(--focus-shadow-color),
		-1px  0   1px var(--focus-shadow-color),
		 1px  0   1px var(--focus-shadow-color),
		-1px -1px 1px var(--focus-shadow-color),
		 1px -1px 1px var(--focus-shadow-color),
		-1px  1px 1px var(--focus-shadow-color),
		 1px  1px 1px var(--focus-shadow-color),
		-1px -1px 1px var(--focus-shadow-color),
		 1px -1px 1px var(--focus-shadow-color),
		-1px  1px 1px var(--focus-shadow-color),
		 1px  1px 1px var(--focus-shadow-color);
	*/
}
/* body.desktop */

.topBg {
	background-color: #4B4B4D;
}

body {
	/* margin: 0; */
	font-family: var(--common-font);
}

.sub, .sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}

.sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

.sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}

.stop-scroll {
	margin: 0;
	height: 100%;
	overflow: hidden;
}

.table {
	display: table;
}

.table-header {
	display: table-header-group;
}

.table-body,
.group {
	display: table-row-group;
}

.table-footer {
	display: table-footer-group;
}

.row {
	display: table-row;
	height: 100%;
}

.cell {
	display: table-cell;
}

.tbl_caption {
	display: table-caption;
}


.block_visible {
	display: block;
	/* visibility: visible; */
}
.block_visible_inline {
	display: inline;
	/* visibility: visible; */
}
.block_visible_inline_block {
	display: inline-block;
	/* visibility: visible; */
}
.block_hidden {
	display: none !important;
	/* visibility: hidden; */
}

.clear {
	clear: both;
}

pre, .pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.nowrap {
	white-space: nowrap;
}

.uppercaseText {
	text-transform: uppercase;
}

.smalltext {
	font-size: 10px;
	color: #4B4B4D;
}

.avail {
	color: var(--avail-color);
}

.warning {
	/* color: #EE1A26; */
	color: var(--warning-color);
}

.defCursor,
.defCursor * {
	cursor: default !important;
}

/* 
	https://css-tricks.com/css-content/
	a[title]:hover:after
	*[title]:hover:after
*/
/*
*[data-tooltip]:hover:before {
	border: solid;
	border-color: #333 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 20px;
	content: "";
	left: 50%;
	position: absolute;
	z-index: 99;
}
*/
  /* content: attr(title); */
  /* padding: 4px 8px; */
/*
*[data-tooltip]:hover:after {
	content: attr(data-tooltip);
  
  position: absolute;

  white-space: nowrap; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;  
  border-radius: 5px;  
  -moz-box-shadow: 0px 0px 4px #222;  
  -webkit-box-shadow: 0px 0px 4px #222;  
  box-shadow: 0px 0px 4px #222;
  
  background-color: LemonChiffon;
  color: #202020;

  z-index: 100;
  padding: 5px 15px;
  width: 150px;
  
  right: calc(min(right, 100%));

  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
	
  font-family: var(--common-font);
  font-size: 16px;
}
*/
/* https://stackoverflow.com/questions/19746767/hide-title-from-tooltip */
*[data-tooltip]:hover:after {
	/* background: #333; */
	background-color: LemonChiffon;
	/* background: rgba(0,0,0,.7); */
	opacity: 0.95;
	border-radius: 5px;
	/* bottom: 26px; */
	color: #202020;
	content: attr(data-tooltip);
	/* left: 20%; */
	padding: 5px 15px;
	position: absolute;
	z-index: 2000;
	width: 220px;

	/* margin: 10px 0 0 20px; */
	
  font-family: var(--common-font);
  font-size: 16px;
  
  margin: 0 auto;	
}
/* triangle */
/*
*[data-tooltip]:hover:before {
	border: solid;
	border-color: transparent rgba(51,51,51,.7);
	border-width: 6px 6px 6px 0;
	content: "";
	position: absolute;
	z-index: 99;
	
	margin: 10px 0 0 15px;
}
*/

.ifaceLinks pre {
	display: inline;
}

.ifaceLinks a {
	font-family: var(--common-font);
	font-size: 10px;
	color: #4B4B4D;
	text-decoration: none;
	margin: 0 3px;
}

.col3 > .leftCol, .col3 > .centerCol, .col3 > .rightCol {
	display: block;
}
.col3 > .leftCol {
	float: left;
}
.col3 > .centerCol {
	float: left;
}
.col3 > .rightCol {
	float: right !important;
}
.middle {
	vertical-align: middle;
}
.flexBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.verticalAlignMiddle {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  align-items: center;
}
.horizontalAlignCenter {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: center;	
}

.noFlex {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

/* begin: see https://codepen.io/swhdesigns/pen/bNwVgG */
.box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.input-group-addon {
	padding: 0 0 0 5px;
	line-height: 1;
	text-align: center;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
}

.input {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: table-cell;
	/* padding: 6px 12px; */
	margin: 0;
}

/*
.suffix .input {
	border-radius: 4px 0px 0px 4px;
}
.suffix .input-group-addon {
	border-left: 0;
	border-radius: 0px 4px 4px 0px;
}
.prefix .input {
	border-radius: 0px 4px 4px 0px;
}
.prefix .input-group-addon {
	border-right: 0;
	border-radius: 4px 0px 0px 4px;
}
.presuffix .input {
	border-radius: 0px;
}
.input-group-addon.prefix {
	border-radius: 4px 0px 0px 4px;
	border-right: 0;
}
.input-group-addon.suffix {
	border-radius: 0px 4px 4px 0px;
	border-left: 0;
}
*/
.input-group {
	position: relative;
	display: table !important;
	border-collapse: separate;
}
/* end: see https://codepen.io/swhdesigns/pen/bNwVgG */



/* ------------------- styling checkbox & radio: begin ------------------- */
select {
	-webkit-appearance: none;
}
.selectLock {
	position: absolute;
	background: white;
	filter: alpha(opacity=0);
	border: solid 1px red;
}
/**
*	https://codepen.io/nicholaspetersen/pen/gmFvu
*/
label.checkbox,
label.radio {
	display: inline-block !important;
}
label.checkbox:after,
label.radio:after {
	content: '' !important;
}
label.checkbox.block_hidden,
label.radio.block_hidden {
	display: none !important;
}
/* input[type="radio"] + label.checkbox, */
input[type="radio"] + label.radio,
input[type="checkbox"] + label.checkbox {
  color: #000;
  font-size: 1em;
  cursor: pointer;
}
input[type="radio"],
input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/*
input[type="radio"]:hover,
input[type="checkbox"]:hover,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:hover + label.radio,
input[type="checkbox"]:hover + label.checkbox,
input[type="radio"]:focus + label.radio,
input[type="checkbox"]:focus + label.checkbox {
  border-color: #ddd;
  color: #ddd;
}
*/

/*
input[type="radio"][disabled="disabled"],
input[type="checkbox"][disabled="disabled"],
input[type="radio"][disabled="disabled"]:hover,
input[type="checkbox"][disabled="disabled"]:hover,
input[type="radio"][disabled="disabled"]:focus,
input[type="checkbox"][disabled="disabled"]:focus,
input[type="radio"][disabled="disabled"]:hover + label.radio,
input[type="checkbox"][disabled="disabled"]:hover + label.checkbox,
input[type="radio"][disabled="disabled"]:focus + label.radio,
input[type="checkbox"][disabled="disabled"]:focus + label.checkbox {
	border: none !important;
	color: #ddd;
}
*/


/* input[type="radio"]:checked + label.checkbox, */
input[type="radio"]:checked + label.radio,
input[type="checkbox"]:checked + label.checkbox {
  color: black;
  position: relative;
}
/* input[type="radio"] + label.checkbox::before */
input[type="radio"] + label.radio::before {
	content: '' !important;
	width: 1em;
	height: 1em;
	margin-right: .5em;
	position: relative;
	top: .4em;
	display: inline-block;
	background-color: transparent;
	border-radius: 2em;
	border: 4px solid #ddd;
}
input[type="checkbox"] + label.checkbox::before,
input[type="radio"] + label.radio::before {
  content: '' !important;
  /*
  width: 20px;
  height: 20px;
  */
  width: 13px;
  height: 13px;

  margin-right: .5em;
  position: relative;
  top: .25em;
  display: inline-block;
  /* 
  background-color: #ddd;
  border-radius: 5px;
  */
  background-color: white;
  border: solid 1px black;
}
input[type="checkbox"] + label.checkbox:hover::before,
input[type="checkbox"]:focus + label.checkbox::before {
	background-color: var(--focus-checkbox-color);
}
input[type="radio"] + label.radio:hover::before,
input[type="radio"]:focus + label.radio::before {
	background-color: var(--focus-radio-color);
}

/* invoicing custom style of checkbox begin */
input[type="checkbox"] + label.checkbox_style2::before {
	width: 20px;
	height: 20px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	border: 1px solid #bbb;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);	
}

input[type="checkbox"]:checked + label.checkbox.checkbox_style2::after {
	top: 0px;
	left: 1px;
}
/* invoicing custom style of checkbox end */

fieldset.disabled input[type="checkbox"] + label.checkbox:hover::before,
fieldset.disabled input[type="checkbox"]:focus + label.checkbox::before,
fieldset.disabled input[type="radio"] + label.radio:hover::before,
fieldset.disabled input[type="radio"]:focus + label.radio::before {
	background-color: white;
}

legend input[type="checkbox"] + label.checkbox:hover::before,
legend input[type="checkbox"]:focus + label.checkbox::before {
	background-color: var(--focus-checkbox-color) !important;
}

input[type="radio"] + label.radio::before {
	height: 15px;
	width: 15px;
	top: .2em; /* .21em */
	left: -.07em; /* -.04em */
}
/* IE only reposition */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	input[type="radio"] + label.radio::before {
		left: -.06em;
		top: .20em;
	}
}

input[type="radio"][disabled] + label.radio {
	color: #ddd;
}

input[type="checkbox"][disabled] + label.checkbox::before,
input[type="radio"][disabled] + label.radio::before {
	border-color: #ddd;
}



input[type="checkbox"]:checked + label.checkbox::after,
input[type="radio"]:checked + label.radio::after {
  display: block;
  position: absolute;
	/*
	top: 2px;
	left: 4px;
	*/
	/*
	top: 0px;
	left: 1px;
	*/
	top: -4px;
	left: -1px;  
  width: 10px;
  height: 10px;
  color: black;
}

/* full HD 55" TV - detected as 10" */
@media all and (min-width: 8in) and (max-width: 14in) {
	input[type="checkbox"]:checked + label.checkbox::after,
	input[type="radio"]:checked + label.radio::after {
		top: -5px;
		left: -3px;
		/* color: red; */
	}
}

/* Surface 13.25" 2000x3000 (15in / 10in - bad) */
@media all and (min-width: 10in) {
	input[type="checkbox"]:checked + label.checkbox::after,
	input[type="radio"]:checked + label.radio::after {
		/* color: red; */
		left: 0;
	}
}

/* ultrabook Lenovo E580 15,6" - 16" in head */ /* and (max-width: 16in) */
@media all and (min-width: 14in) and (max-width: 17px) {
	input[type="checkbox"]:checked + label.checkbox::after,
	input[type="radio"]:checked + label.radio::after {
    /* top: -9px; */
    /* top: -5px; */
    /* left: -3px; */
    top: -10px;
    /* color: red; */;
	}
	input[type="radio"]:checked + label.radio::after {
		top: -6px;
		left: 2px;
	}
}

/* 4K */
@media all and (min-width: 26in) /* and (max-width: 24in) */ {
	input[type="checkbox"]:checked + label.checkbox::after,
	input[type="radio"]:checked + label.radio::after {
		top: -9px;
	}
	input[type="radio"]:checked + label.radio::after {
		top: -7px;
		left: 1px;
	}
}

input[type="checkbox"]:checked + label.checkbox::after {
	content: '\2714' !important; /* Heavy Check Mark: https://www.w3schools.com/charsets/ref_utf_dingbats.asp */
	font-family: DejaVu Sans, Book; 
	/*
	font-size: 20px;
	margin-left: 0;
	margin-top: -6px;
	*/
	/*
	font-size: 35px;
	margin-left: -3px;
	margin-top: -14px;
	*/
	font-size: 25px;
}
/* full HD 55" TV - detected as 10" */
@media all and (min-width: 8in) and (max-width: 14in) {
	input[type="checkbox"]:checked + label.checkbox::after {
		font-size: 19px;
	}
}
/* IE only reposition */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	input[type="checkbox"]:checked + label.checkbox::after {
		/* for font-size: 35px; */
		/*
		margin-top: -4px;
		*/
		/* OK for font-size: 25px; */
	}
}
/* MS Edge only reposition */
@supports (-ms-ime-align: auto) {
	input[type="checkbox"]:checked + label.checkbox::after {
		/* font-family: DejaVu Sans, Book; */
		/*
		font-size: 30px;
		margin-left: -2px;
		margin-top: -10px;
		*/
		/* OK for font-size: 25px; */
	}
}
/* Opera v49 OK for font-size: 25px; */
input[type="radio"]:checked + label.radio::after {
}
/* input[type="radio"]:checked + label.checkbox::before */
input[type="radio"]:checked + label.radio::before {
  border-color: black; /* #ddd */
}
input[type="radio"][disabled]:checked + label.radio::before {
  border-color: #ddd;
}
/* input[type="radio"]:checked + label.checkbox::after */
input[type="radio"]:checked + label.radio::after {
  content: '' !important;
  width: .75em;
  height: .75em;
  position: absolute;
  /*
  top: .12em;
  left: .35em;
  */
  left: 0.14em;
  top: 0.41em;
  display: inline-block;
  background-color: black; /* #ddd */
  border-radius: 2em;
}

input[type="radio"][disabled]:checked + label.radio::after {
	background-color: #ddd;
}

/*
label.checkbox::after {
	content: 'v' !important;
}
*/

/* ------------------- styling checkbox & radio: end ------------------- */

/* ------------------- styling fieldset: begin ------------------- */
fieldset {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	margin-bottom: 30px;
	
	border: solid 1px #202020;
	
	/* padding: 20px 10px; */
}

fieldset:hover, div:hover > fieldset, form:hover > fieldset,
fieldset.focus {
	border-color: var(--focus-fieldset-border-color);
	/* https://www.456bereastreet.com/archive/201302/fieldset_legend_border-radius_and_box-shadow/ */
}
	
fieldset.mark2 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

fieldset.disabled {
	border-color: silver;
}

fieldset div.fieldset_content {
	margin-bottom: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	fieldset div.fieldset_content {
		margin-bottom: 20px;
	}
}
fieldset > legend {
	margin: 0 10px 0 10px;
	padding: 0 7px 0 7px;
}
/* IE only round corners for fieldset with legend: https://stackoverflow.com/questions/4584444/ie9-fieldset-rounded-corners */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	fieldset > legend {
		display: inline-block;
		position: relative;
		top: -17px;
		background-color: white;
	}
}

fieldset > legend.right {
	float: right;
	background-color: var(--body-bg);
}

fieldset > legend label {
	display: inline !important;
	margin-bottom: 0 !important;
}

/* https://ru.stackoverflow.com/questions/629346/%D0%92%D1%81%D1%82%D0%B0%D0%B2%D0%B8%D1%82%D1%8C-%D1%82%D0%B5%D0%BA%D1%81%D1%82-%D0%B2-border-css-html */
fieldset.bottomLegendTop,
fieldset.bottomLegendBottom {
	border-bottom: none;
	
	border-bottom-left-radius: 0 0;
	border-bottom-right-radius: 0 0;
}
/*
fieldset.bottomLegendTop,
fieldset.bottomLegendBottom {
	box-shadow: 0 5px 19px 2px var(--focus-fieldset-shadow-color);	
}
*/
fieldset.bottomLegendTop {
	margin-bottom: 0;
	padding-bottom: 0;
}
fieldset.bottomLegendBottom {
}
fieldset.bottomLegendTop+fieldset.bottomLegendBottom {
	transform: rotatex(180deg);

	height: 14px; /* set for right bottom button and no jump */
}
fieldset.bottomLegendTop+fieldset.bottomLegendBottom>legend {
	transform: rotatex(180deg);
}
fieldset.bottomLegendTop div.fieldset_content {
	margin-top: 4px; /* + for right top button and no jump */
	margin-bottom: 0;
}

fieldset div.fieldset_content {
	margin-bottom: 0;
}

fieldset.bottomLegendTop > legend.right {
	margin-top: -35px;
}

fieldset.bottomLegendBottom > legend {
	margin-top: -25px;
}

fieldset.onlyRightLegend {
	padding-top: 15px;
}

.roundFocus {
	border: solid 2px transparent;
	-webkit-border-radius: 100000px;
	-moz-border-radius: 100000px;
	border-radius: 100000px;
}

.roundFocus.noBorder {
	border: none;
}

/*,
.roundFocus:hover *:first-child,
.roundFocus:focus *:first-child */

.roundFocus:hover,
.roundFocus:focus,
*:hover > .roundFocus,
*:focus > .roundFocus {
	background-color: var(--focus-color) !important;
	/* box-shadow: inset 0 0 1px var(--focus-color) !important; */
	/* box-shadow: inset 0 0 3px var(--body-bg), 0 0 3px var(--body-bg) !important; */
	/* box-shadow: inset 0 0 1px transparent !important; */
}

fieldset .itemsCtrl {
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer !important;
}
fieldset .itemsCtrl:hover,
fieldset .itemsCtrl:focus {
	border: solid 2px var(--body-bg);
}

fieldset .addItem {
	margin-right: 5px;

	background: url("/fileadmin/template/pactrust.com/images.v3/PLUS.svg") no-repeat scroll 0 0;
	background-size: cover;	
}
fieldset .delItems {
	background: url("/fileadmin/template/pactrust.com/images.v3/NEG.svg") no-repeat scroll 0 0;
	background-size: cover;
}

fieldset .dynaItemsTable {
	/* border: solid 1px red; */
}
fieldset .dynaItemsTable .cell {
	padding-left: 5px;
	padding-right: 5px;
}
fieldset .dynaItemsTable .table-header {
	background-color: var(--header-bg);
}
fieldset .dynaItemsTable .table-header .cell {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
fieldset .dynaItemsTable .table-body .cell {
	padding-top: 5px;
	/* padding-bottom: 5px; */
}

/* ------------------- styling fieldset: end ------------------- */

label,
.usual_button,
input[type="button"],
input[type="submit"] {
	cursor: pointer;
}

.usual_button,
input[type="button"] {
	background-color: #373435;
	color: white !important;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;

	padding: 10px 40px 10px 40px !important;
	font-family: var(--action-font) !important;

	display: inline-block;
}

.usual_input, div.currency_input, div.acc_input,
input[type="text"], input[type="password"], input[type="email"],
textarea,
select, .custom-select select {
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;

	border: solid 1px #bbb !important; /* #373435 */
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	

	/* padding: 5px; */
	
}

.usual_text_ro, .usual_text_ro *, .usual_input, .currency_input, div.acc_input,
input[type="text"], input[type="password"], input[type="email"],
textarea,
select, select option,
.custom-select select, .custom-select select option {
	font-size: 14px !important;
	font-family: var(--common-font) !important;
	font-weight: normal !important;
}

.usual_text_ro,
input.usual_input,
input[type="text"], input[type="password"], input[type="email"],
textarea,
select option,
.custom-select select,
.custom-select select * { /* ,
.custom-select select:not(*:root) */
	padding: 7px 5px 7px 5px !important;
	line-height: 17px;
	/*
	padding-top: 7px !important;
	padding-bottom: 0 !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	*/
}

.usual_text_ro {
	line-height: 19px;
}


/*
.custom-select select {
	-moz-appearance: treeview;
	-moz-appearance: scrollbartrack-vertical;
}
*/


.typicalSelect .custom-select select {
	visibility: hidden;
}

/* begin for Chrome only */
/* Safari/Chrome only, but now Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox  */
/* @media screen and (-webkit-min-device-pixel-ratio:0)  */
/* WebKit: .selector:not(*:root) {} see: https://stackoverflow.com/questions/9328832/how-to-apply-specific-css-rules-to-chrome-only */

	/* remove parasite focus border */
	.custom-select select:not(*:root) {
		outline-offset: 0;	
	}
	/* set average height */
	.custom-select select:not(*:root),
	.custom-select select *:not(*:root) {
		
		/*
		commented 20190829 - because bug in invoicing Requirement payment date (text in combo not centered by vertical axis)
		min-height: 38px !important;
		line-height: 38px !important; 
		*/
	}

/* end for Chrome only */

/*
.usual_input,
input[type="text"], input[type="password"], input[type="email"],
textarea {
	padding-bottom: 7px !important;
}

select option,
.custom-select select * {
	padding-bottom: 0 !important;
}
*/

.input_shadow,
div.usual_input,
div.currency_input,
div.acc_input {
	border: 1px solid #bbb;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
}

div.usual_input,
div.currency_input,
div.acc_input {
	display: inline-block;
	background-color: white;
	padding: 0 !important;
	/* overflow: auto; */
}

input[type="text"].usual_input:hover,
div.usual_input:hover,
div.currency_input:hover,
div.acc_input:hover {
	border: 1px solid #888;
}

div.usual_input input[type="text"].usual_input:hover, div.usual_input input[type="text"].usual_input:focus, 
div.currency_input input[type="text"].usual_input:hover, div.currency_input input[type="text"].usual_input:focus, 
div.acc_input input[type="text"].usual_input:hover, div.acc_input input[type="text"].usual_input:focus {
	border: none !important;
	box-shadow: none !important;
}

div.usual_input.zeroValue *,
div.currency_input.zeroValue *,
div.acc_input.zeroValue * {
	color: silver;
}

div.usual_input div,
div.currency_input div,
div.acc_input div {
	display: inline-block;
	padding: 0 0 0 5px;
	cursor: pointer;
}

div.usual_input,
div.currency_input,
div.acc_input {
	/* padding-bottom: 2px !important; */
	/* margin-bottom: 2px !important; */
}

div.usual_input input.usual_input,
div.currency_input input.usual_input,
div.acc_input input.usual_input {
	border: none;
	height: 43px !important; /* 41px; */
	/* caret-color: red; */
}

div.acc_input {
}


div.acc_input div {	
}

div.acc_input input.usual_input {
}


div.currency_input input.usual_input,
div.acc_input input.usual_input {
	/* padding-left: 5px !important; */
	/* padding-left: 1px !important; */
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

/*
https://www.sitepoint.com/html5-form-validation/
input:required
input:optional
input:invalid
input:out-of-range
input:focus + .help
input:invalid + .help
*/

.invalid, /* div.usual_input input.usual_input.invalid, */
input[type="text"]:invalid, /* div.usual_input input.usual_input:invalid, */
/* input:required:invalid, */ /* div.usual_input input.usual_input:required:invalid, */
/* input:focus:invalid, */ /* div.usual_input input.usual_input:focus:invalid, */
/* input:out-of-range, textarea:out-of-range, */

textarea.invalid,
textarea:invalid, 
textarea:required:invalid, /* textarea:focus:invalid, */

.custom-select-button.invalid,
label.invalid {
	box-shadow: 0 0 5px #FF0000 !important;
	/* border-color: #FF0000 !important; */
	border: solid 1px #FF0000 !important;
}

/*
div.usual_input input[type="text"].usual_input:required, div.usual_input input[type="text"].usual_input:required:focus, div.usual_input input[type="text"].usual_input:required:hover,
div.usual_input input[type="text"].usual_input:required:invalid, div.usual_input input[type="text"].usual_input:required:invalid:focus, div.usual_input input[type="text"].usual_input:required:invalid:hover,
div.usual_input input[type="text"].usual_input.invalid:required, div.usual_input input[type="text"].usual_input.invalid:required:focus, div.usual_input input[type="text"].usual_input.invalid:required:hover,
div.usual_input input[type="text"].usual_input:invalid:focus, div.usual_input input[type="text"].usual_input:invalid:hover, 
div.usual_input input[type="text"].usual_input.invalid:focus, div.usual_input input[type="text"].usual_input.invalid:hover, 
div.currency_input input[type="text"].usual_input:required, div.currency_input input[type="text"].usual_input:required:focus, div.currency_input input[type="text"].usual_input:required:hover, 
div.currency_input input[type="text"].usual_input:required:invalid, div.currency_input input[type="text"].usual_input:required:invalid:focus, div.currency_input input[type="text"].usual_input:required:invalid:hover,
div.currency_input input[type="text"].usual_input.invalid:required, div.currency_input input[type="text"].usual_input.invalid:required:focus, div.currency_input input[type="text"].usual_input.invalid:required:hover,
div.currency_input input[type="text"].usual_input:invalid:focus, div.currency_input input[type="text"].usual_input:invalid:hover, 
div.currency_input input[type="text"].usual_input.invalid:focus, div.currency_input input[type="text"].usual_input.invalid:hover, 
div.acc_input input[type="text"].usual_input:required, div.acc_input input[type="text"].usual_input:required:focus, div.acc_input input[type="text"].usual_input:required:hover, 
div.acc_input input[type="text"].usual_input:required:invalid, div.acc_input input[type="text"].usual_input:required:invalid:focus, div.acc_input input[type="text"].usual_input:required:invalid:hover,
div.acc_input input[type="text"].usual_input.invalid:required, div.acc_input input[type="text"].usual_input.invalid:required:focus, div.acc_input input[type="text"].usual_input.invalid:required:hover,
div.acc_input input[type="text"].usual_input:invalid:focus, div.acc_input input[type="text"].usual_input:invalid:hover, 
div.acc_input input[type="text"].usual_input.invalid:focus, div.acc_input input[type="text"].usual_input.invalid:hover {
	border: none !important;
	box-shadow: none !important;
}
*/

/* ------------------- fix combo height: begin ------------------- */

.custom-select select {
	/* padding: 0 5px 0 5px !important; */
}

	/* padding: .6em 1.9em .5em .8em !important; */


/*
.custom-select select * {
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}

.combobox, .custom-select, .custom-select-button {
	min-height: 33px;
	max-height: 33px !important;
}

.combobox, .custom-select, .custom-select-button, .custom-select select {
	min-height: 32px;
	max-height: 32px !important;
}
*/

.combobox {
	padding: 0 !important;
}

/* ------------------- fix combo height: end ------------------- */

.custom-select, .custom-select-button {
	margin: 0 !important;
}

label[tabindex] {
  border: 1px solid transparent !important;	
}

label[tabindex]:not(.disabled):hover, label[tabindex]:not(.disabled):focus,
input[type=text]:not(.disabled):hover, input[type=password]:not(.disabled):hover, input[type=email]:not(.disabled):hover,
input[type=text]:not(.disabled):focus, input[type=password]:not(.disabled):focus, input[type=email]:not(.disabled):focus,
textarea:not(.disabled):hover,
textarea:not(.disabled):focus,
div.usual_input:hover, div.usual_input:focus, div.usual_input.focus, div.usual_input.focus:hover, div.usual_input.focus:focus,
div.currency_input:hover, div.currency_input:focus, div.currency_input.focus, div.currency_input.focus:hover, div.currency_input.focus:focus,
div.acc_input:hover, div.acc_input:focus, div.acc_input.focus, div.acc_input.focus:hover, div.acc_input.focus:focus,
.combobox .custom-select.custom-select-button:not(.disabled):hover,
.combobox .custom-select.custom-select-button.focus:not(.disabled),
.custom-select.custom-select-button:not(.disabled):hover,
.custom-select.custom-select-button.focus:not(.disabled) {
  box-shadow: 0 0 5px var(--focus-inputs-and-selects-border-color) !important;
  border-color: var(--focus-inputs-and-selects-border-color) !important;
}

.custom-select.custom-select-button.disabled * {
	cursor: default;
}

.custom-select button input {
	width: 100%;
	cursor: text !important;
}

.custom-select button input[type=text]:hover, .custom-select button input[type=text]:focus, 
.custom-select button input[type=password]:hover, .custom-select button input[type=password]:focus, 
.custom-select button input[type=email]:hover, .custom-select button input[type=email]:focus {
	box-shadow: none !important;
	border: none !important;
}

.custom-select.custom-select-button.disabled {
	border-color: var(--disabled-color);
	background-color: transparent !important;
}

button.usual_button, 
input[type=button].usual_button,
input[type=submit].usual_button {
	border-top: 1px solid transparent !important;	
}

button.usual_button:hover,
button.usual_button:focus,
input[type=button].usual_button:hover,
input[type=button].usual_button:focus,
input[type=submit].usual_button:hover,
input[type=submit].usual_button:focus {
	color: var(--focus-button-color) !important;

	/*
	box-shadow: 0 -5px 5px -5px var(--focus-color) !important;
	border-top: 1px solid var(--focus-color) !important;	
	*/
	
	/*
	text-shadow: 
		-0   -1px 1px var(--focus-shadow-color),
		 0   -1px 1px var(--focus-shadow-color),
		-0    1px 1px var(--focus-shadow-color),
		 0    1px 1px var(--focus-shadow-color),
		-1px -0   1px var(--focus-shadow-color),
		 1px -0   1px var(--focus-shadow-color),
		-1px  0   1px var(--focus-shadow-color),
		 1px  0   1px var(--focus-shadow-color),
		-1px -1px 1px var(--focus-shadow-color),
		 1px -1px 1px var(--focus-shadow-color),
		-1px  1px 1px var(--focus-shadow-color),
		 1px  1px 1px var(--focus-shadow-color),
		-1px -1px 1px var(--focus-shadow-color),
		 1px -1px 1px var(--focus-shadow-color),
		-1px  1px 1px var(--focus-shadow-color),
		 1px  1px 1px var(--focus-shadow-color);
	*/
}

button.special:hover,
button.special:focus {
	color: var(--special-focus-color) !important;
	
	box-shadow: 0 -5px 5px -5px var(--special-focus-color) !important;
	border-top: 1px solid var(--special-focus-color) !important;	
}


.focusable:not(.disabled):not(.selected):not(.hiddenClick):hover,
.focusable:not(.disabled):not(.selected):not(.hiddenClick):focus,
.focusableIcon:hover .icon:before,
.focusableIcon:focus .icon:before,
.mail:hover,  /* privacy policy specifics */
.mail:focus {
	/* color: var(--focus-link-color) !important; */
}

*[disabled="disabled"],
*[disabled="disabled"]:hover,
*[disabled="disabled"]:focus,
.notFocusable,
.notFocusable:hover,
.notFocusable:focus {
	color: inherit !important;
}

label[disabled="disabled"],
label[disabled="disabled"]:hover {
	color: gray !important;
}

*[disabled="disabled"],
.notClickable {
	cursor: default;
}

.focusableContent {
	border-right: dashed 1px transparent;
	padding-right: 3px;
}

.focusableContent:focus {
	border-right-color: var(--focus-content-color);
}





/*
img.focusable:hover,
img.focusable:focus
*/

.button.focusable:not(.selected) {
	box-shadow: 0 -5px 5px -5px transparent !important;
	border-top: 1px solid transparent !important;	
}

.button.focusable:not(.disabled):not(.selected):not(.hiddenClick):hover,
.button.focusable:not(.disabled):not(.selected):not(.hiddenClick):focus {
	/*
	box-shadow: 0 -5px 5px -5px var(--focus-button-color) !important;
	border-top: 1px solid var(--focus-button-color) !important;
	*/
	color: var(--focus-button-color) !important;
}

.focusableBorder {
	border: 1px solid var(--focus-color) !important;
}

.focusableBorder.row {
	border: none !important;
}

.focusableBorder.row .cell {
	border: 1px solid transparent;
}

.focusableBorder.row .cell:first-child {
	border-right: none !important;	
}

.focusableBorder.row .cell:last-child {
	border-left: none !important;	
}

.focusableBorder.row .cell:not(:first-child):not(:last-child),
.focusableBorder.row .cell:not(:first-child):not(:last-child) {
	border-left: none !important;
	border-right: none !important;
}


.focusableBorder.row:hover .cell,
.focusableBorder.row:focus .cell {
	border-color: var(--focus-color) !important;
}

.focusableBorder:hover,
.focusableBorder:focus,
.icon.focusable:not([disabled="disabled"]):hover,
.icon.focusable:not([disabled="disabled"]):focus,
.button.focusable:not([disabled="disabled"]):hover .icon,
.button.focusable:not([disabled="disabled"]):focus .icon {
	border-color: var(--focus-color) !important;
}

.optionText.focusable:hover,
.optionText.focusable:focus {
	color: inherit !important;
	background-color: transparent !important;
}

.optionText.focusable:hover > span,
.optionText.focusable:focus > span {
	background-color: var(--focus-light-color) !important;
  box-shadow: 0 0 5px var(--focus-color) !important;
  border-color: var(--focus-color) !important;	
}

/*
.optionText.unselectable:hover > span,
.optionText.unselectable:focus > span {
	background-color: var(--disabled-color) !important;
}
*/

.optionText.disabled, .optionText.disabled *,
.optionText.disabled:hover, .optionText.disabled:hover *,
.optionText.disabled:focus, .optionText.disabled:focus * {
	color: var(--disabled-color) !important;
	background-color: transparent !important;
	cursor: default;
}

.optionText.focusable:hover .option_icon,
.optionText.focusable:focus .option_icon {
	background-color: var(--focus-color) !important;
}

.form .section .header {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	background-color: #E7E7E7;
	padding: 4px 6px 4px 4px;
	margin: 0 0 0 0;
	
	font-family: var(--action-font);
	text-align: right;
	text-transform: uppercase;
}

.form .section .line {
	text-align: center;
}

.tabs > li:hover, .tabs > ul > li:hover,
.tabs li:focus, .tabs > ul > li:focus {
	color: var(--focus-tab-color) !important;
	
	/*
	box-shadow: 0 -5px 5px -5px var(--focus-color) !important;
	border-top: 1px solid var(--focus-color) !important;
	*/
}

.tabs > li.selected:hover, .tabs > ul > li.selected:hover,
.tabs li.selected:focus, .tabs > ul > li.selected:focus {
	color: var(--focus-tab-selected-color) !important;
}

.tabs > li, .tabs > ul > li,
.tabs > li.disabled, .tabs > ul > li.disabled,
.tabs > li.disabled:focus, .tabs > ul > li.disabled:focus,
.tabs > li.disabled:hover, .tabs > ul > li.disabled:hover,
.tabs > li.skipFocus, .tabs > ul > li.skipFocus {
	box-shadow: 0 -5px 5px -5px transparent !important;
	border-top: 1px solid transparent !important;
}


	/*
	border: none !important;
	outline: none; !important;
	*/

/*
.custom-select.custom-select-button.focus .js-Dropdown-title,
.custom-select.custom-select-button.focus .js-Dropdown-title:after {
	border: 1px solid white;
	outline: 2px solid white;
	outline-offset: -1px;	
}
*/

/* ------------------- vanilla combo: begin ------------------- */

.js-Dropdown-title {
	background: none !important;
	border: none !important;
	height: 41px !important;
}

input[type="button"].js-Dropdown-title {
	background: none;
	color: inherit;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	padding: .5em;
	font-family: inherit !important;
}

	/* border: dotted 1px black; */
/*
.js-Dropdown-title:focus {
	border: none !important;
}
*/
/* FF hack */

.js-Dropdown-title::-moz-focus-inner {
	border: 0;
}
    
.js-Dropdown-list {
	/* border: solid 1px red; */
}


.typicalSelect .js-Dropdown-list.is-open {
	max-height: 230px;
	overflow-x: hidden;
	overflow-y: scroll;
}


.js-Dropdown-list li.is-selected {
	background-color: #cccccc;
}
.js-Dropdown-list li:hover,
.js-Dropdown-list li.is-hover {
	background-color: #f4f4f4;
	/* text-shadow: 1px 1px 2px white, 0 0 1em black; */
	text-shadow: 1px 1px 2px white, 0 0 1em var(--focus-account-switcher-option-shadow-color);
}

.js-Dropdown button {
	padding-right: 63px;
	overflow: hidden;
	/*
	width: 1px;
	white-space: nowrap;
	*/
}

/*
.js-Dropdown button:focus {
	background-color: red;
}
*/


/* ------------------- vanilla combo: end ------------------- */


.securePPS {
	float: right;
	height: 19px !important;
	margin: 11px 0 0 !important;
	width: 137px !important;
}

.securePPS SPAN {
	/* background: rgba(0, 0, 0, 0) url("/fileadmin/template/pactrust.com/images.v3/SECURE_PPS_LOGO3.svg") no-repeat scroll 0 0 / cover ; */
	background-color: transparent; /* 20260216 */
	opacity: 1;                    /* 20260216 */
	display: block;
	float: right;
	height: 100%;
	width: 100%;
}

#footerContainer .bottomLinksContainer .hr {
	margin: 8px auto;
	display: block;
  background: #333 linear-gradient(to right, #ccc, #333, #ccc) repeat scroll 0 0;
  border: 0 none;
  height: 1px;	
}

/* Safari/Chrome only */
/* Safari/Chrome only, but now Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox  */
/* @media screen and (-webkit-min-device-pixel-ratio:0) */
/* WebKit: .selector:not(*:root) {} see: https://stackoverflow.com/questions/9328832/how-to-apply-specific-css-rules-to-chrome-only */
	/* Safari only override */	
	/*
	::i-block-chrome:not(*:root), #footerContainer .bottomLinksContainer hr:not(*:root) {
		border-top: solid 1px #333;
	}
	*/

#footerContainer .bottomLinksContainer .outer {
}
#footerContainer .bottomLinksContainer .outer > span {
	float: left;
}
#footerContainer .bottomLinksContainer .outer > .leftCol,
#footerContainer .bottomLinksContainer .outer > .rightCol {
	width: 10%;
}
#footerContainer .bottomLinksContainer .outer > .centerCol {
	width: 79%;
}
#footerContainer .bottomLinksContainer .inner .leftCol {
	
}
#footerContainer .bottomLinksContainer .inner .rightCol {
	float: right;
}

.hiddenClick, .hiddenClick:hover, .hiddenClick:focus, .hiddenClick:active {
	color: white !important;
	cursor: default !important;
}

.hiddenClick .icon, .hiddenClick:hover .icon, .hiddenClick:focus .icon, .hiddenClick:active .icon {
	border-color: white !important;
}

/* -------------------------------- paginator:begin -------------------------------- */
.paginator {
	height: 15px;
}
.paginator a {
	float: left;
	height: 100%;
	margin-right: 27px;	
}
.paginator a.disabled {
	cursor: default;
}
.paginator a:last-child {
	margin-right: 0;
}
.paginator .navPageFirstButton,
.paginator .navPageLastButton {
	width: 13px;
}
.paginator .navPagePrevButton,
.paginator .navPageNextButton {
	width: 8px;
}
	/*
	background: url("/fileadmin/template/pactrust.com/images.v3/button_nav_page_first.gif") no-repeat scroll 0 0;
	background-size: cover;
	*/
.paginator .navPageFirstButton,
.paginator .navPagePrevButton {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid var(--enabled-color);
}

.paginator .navPageFirstButton:hover,
.paginator .navPageFirstButton:focus,
.paginator .navPagePrevButton:hover,
.paginator .navPagePrevButton:focus {
	border-right-color: var(--focus-page-button-color);
}

.paginator .navPageFirstButton:after {
	border-left: 3px solid var(--enabled-color);
	margin: -8px 0 0 -5px;
	padding: 0;
	content: ' ';

	display: inline-block;
	width: 20px;
	height: 16px;	
}

.paginator .navPageFirstButton:hover:after,
.paginator .navPageFirstButton:focus:after {
	border-left-color: var(--focus-page-button-color);
}

	/*
	background: url("/fileadmin/template/pactrust.com/images.v3/button_disabled_nav_page_first.gif") no-repeat scroll 0 0;
	background-size: cover;
	*/

.paginator .navPageFirstButton.disabled,
.paginator .navPagePrevButton.disabled,
.paginator .navPageFirstButton.disabled:hover,
.paginator .navPageFirstButton.disabled:focus,
.paginator .navPagePrevButton.disabled:hover,
.paginator .navPagePrevButton.disabled:focus {
	border-right-color: var(--disabled-color);
}

.paginator .navPageFirstButton.disabled:after,
.paginator .navPageFirstButton.disabled:hover:after,
.paginator .navPageFirstButton.disabled:focus:after {
	border-left-color: var(--disabled-color);
}

/*
.paginator .navPagePrevButton {
	background: url("/fileadmin/template/pactrust.com/images.v3/button_nav_page_prev.gif") no-repeat scroll 0 0;
	background-size: cover;
}
.paginator .navPagePrevButton.disabled {
	background: url("/fileadmin/template/pactrust.com/images.v3/button_disabled_nav_page_prev.gif") no-repeat scroll 0 0;
	background-size: cover;
}
*/
/*
	background: url("/fileadmin/template/pactrust.com/images.v3/button_nav_page_next.gif") no-repeat scroll 0 0;
	background-size: cover;
*/
.paginator .navPageNextButton,
.paginator .navPageLastButton {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid var(--enabled-color);	
}
/*
.paginator .navPageNextButton.disabled {
	background: url("/fileadmin/template/pactrust.com/images.v3/button_disabled_nav_page_next.gif") no-repeat scroll 0 0;
	background-size: cover;
}
*/
/*
.paginator .navPageLastButton {
	background: url("/fileadmin/template/pactrust.com/images.v3/button_nav_page_last.gif") no-repeat scroll 0 0;
	background-size: cover;
}
*/
.paginator .navPageLastButton:after {
	border-left: 3px solid var(--enabled-color);
	margin: -8px 0 0 2px;
	padding: 0;
	content: ' ';

	display: inline-block;
	width: 20px;
	height: 16px;		
}

.paginator .navPageNextButton:hover,
.paginator .navPageNextButton:focus,
.paginator .navPageLastButton:hover,
.paginator .navPageLastButton:focus,
.paginator .navPageLastButton:hover:after,
.paginator .navPageLastButton:focus:after {
	border-left-color: var(--focus-page-button-color);
}

	/*
	background: url("/fileadmin/template/pactrust.com/images.v3/button_disabled_nav_page_last.gif") no-repeat scroll 0 0;
	background-size: cover;
	*/
/*
.paginator .navPageLastButton.disabled {
	border-left-color: silver;	
}

.paginator .navPageLastButton.disabled:after {
	border-left-color: silver;
}
*/


.paginator .navPageNextButton.disabled,
.paginator .navPageLastButton.disabled,
.paginator .navPageLastButton.disabled:after /*,
.paginator .navPageNextButton.disabled:hover,
.paginator .navPageNextButton.disabled:focus,
.paginator .navPageLastButton.disabled:hover,
.paginator .navPageLastButton.disabled:focus,
.paginator .navPageLastButton.disabled:after:hover,
.paginator .navPageLastButton.disabled:after:focus */ {
	border-left-color: var(--disabled-color);
}

/* -------------------------------- paginator:end ---------------------------------- */

/* -------------------------------- image preview:end ------------------------------ */

.widgetLayer.previewLayer .buttons {
	margin-top: 30px;
}

/*
.widgetLayer.previewLayer #docGenerate {
	float: right;
}
*/

.widgetLayer.previewLayer .buttons .cell {
	width: 33%;
	vertical-align: middle;
}


.widgetLayer.previewLayer #docEdit {
	margin-left: 5px;
	display: inline-block;
	width: 37px;
	height: 37px;
	background: url("/fileadmin/template/pactrust.com/images.v3/EDIT_ICON.svg") no-repeat scroll 0 0;
	background-size: cover;
	
	cursor: pointer;
}

.widgetLayer.previewLayer #docEdit:hover,
.widgetLayer.previewLayer #docEdit:focus {
	/*
	background: url("/fileadmin/template/pactrust.com/images.v3/EDIT_ICON_focus.svg") no-repeat scroll 0 0;
	background-size: cover;	
	*/
}

.statusPopup form.confirm #sendButton {
	display: block;
	margin: 0 auto 50px auto;
	width: 90px;
	height: 114px;
	cursor: pointer;
	
}

.statusPopup form.confirm #sendButton span:first-child {
	display: block;
	width: 86px;
	height: 85px;
	background-color: white;
	margin: -23px 0 0;
	position: absolute;
}

.statusPopup form.confirm #sendButton span:last-child {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 700;

	background: url("/fileadmin/template/pactrust.com/images.v3/ICON_EMAIL_NOW.svg") no-repeat scroll 0 0;
	background-size: cover;	
}

.widgetLayer.previewLayer .imgPreviewContainer {
	/* border: solid 1px black; */
	/* padding: 20px 25px 0 20px; */
}

.widgetLayer.previewLayer .imgPreviewContainer.icon.focusable,
form.icon.focusable {
	border: solid 1px transparent;
	background-color: white;
}

.widgetLayer.previewLayer .imgPreviewContainer.icon.focusable:hover,
.widgetLayer.previewLayer .imgPreviewContainer.icon.focusable:focus,
form.icon.focusable:not([disabled="disabled"]):hover,
form.icon.focusable:not([disabled="disabled"]):focus {
	/*
	border-width: 1px;
	border-style: solid;
	*/
  box-shadow: 0 0 5px var(--focus-color) !important;
  border: 1px solid var(--focus-color) !important;
}

.widgetLayer.previewLayer .imgPreviewContainer img {
	display: block;
	margin: 0 auto;
	
	cursor: zoom-in;
}
/* -------------------------------- image preview:end ------------------------------ */

/*
#captcha_container .recaptcha-checkbox-border {
	background-color: var(--focus-color);
}
*/

/* ------------------begin: wait animation------------------------ */
.waitAnimation {
	/* border: solid 1px red; */
	display: table;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.waitAnimation div {
	/* border: solid 1px green; */
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.waitAnimation div > span {
	/* border: solid 1px black; */
	display: inline-block;
	margin-top: -20px;
	height: 30px;
}
.waitAnimation div > span * {
	height: 100%;
}
.waitAnimation div span.text {
	/* border: solid 1px blue; */
	display: inline-block;

	font-family: var(--action-font);
}
.waitAnimation div span.icon {
	/* border: solid 1px blue; */
	background: url("/fileadmin/template/pactrust.com/images.v3/load.gif") no-repeat scroll 0 0;
	background-size: cover;
	width: 30px;
	float: left;
	margin: -7px 10px 0 0;
}
/* ------------------end: wait animation------------------------ */