/*body .printView {
	height: auto;
	border: 3px double #002663;
}*/

body .printView .borderBox {
	display: inline-block;
	width: auto;
}

body .printView .borderBox fieldset.marginBottom0 {
	margin-bottom: 0;
}

body .printView .result.fontSizeLarger {
	font-size: 28px;
	line-height: 34px;
}

body .printView .result.fontSizeLarge {
	font-size: 22px;
	line-height: 22px;
}

body .printView .result.fontSizeRegular {
	font-size: 12px;
	line-height: 15px;
}

body .printView .fwtac .calculationDetail .value .label {
	width: 400px;
}

.printView .fwtac .borderBox label,
.printView .fwtac .result {
	vertical-align: middle;
}

.printView .fwtac .borderBox label {
	width: 320px;
}

.printView .fwtac .borderBox .result {
	width: 280px;
}

.printView .fwtac h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 22px;
}


#pageCanvas {
	min-height: 670px;
}

/* radio and check */

.ui-area label {
	cursor: pointer;
}

/*.ui-area input[type=checkbox]:not(old),*/
.ui-area input[type=radio   ]:not(old){
  width     : 20px;
  margin    : 0;
  padding   : 0;
  font-size : 0;
  opacity   : 0;
}

/*.ui-area input[type=checkbox]:not(old) + label,*/
.ui-area input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -20px;
}

/*.ui-area input[type=checkbox]:not(old) + label > span,*/
.ui-area input[type=radio   ]:not(old) + label > span{
	position: relative;
	top: 2px;
  display: inline-block;
  margin-right: 8px;
  width: 14px;
  height: 14px;
	border: 1px solid #9b9b9b;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #ebebeb 100%);
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#ebebeb 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%,#ebebeb 100%);
	/*-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);*/
}

/*.ui-area input[type=checkbox]:not(old) + label > span {
	-webkit-border-radius: 1px;
	border-radius: 1px;
}*/

/*.ui-area input[type=checkbox]:not(old):checked + label > span:before,*/
.ui-area input[type=radio]:not(old):checked + label > span:before {
  display: block;
  content: '?';
	position: absolute;
	left: 3px;
	top: 3px;
  width: 8px;
  height: 8px;
  font-size: 0;
  line-height: 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #002663;
}

/*.ui-area input[type=checkbox]:not(old):checked + label > span:before {
  -webkit-border-radius: 1px;
  border-radius: 1px;
}*/


.ui-area input[type=checkbox]:not(old){
  width: 20px;
  margin: 0;
  padding: 0;
  font-size : 0;
  opacity: 0;
}

.ui-area input[type=checkbox]:not(old) + label
{
  display: inline-block;
  margin-left: -20px;
  color: #002663;
	font-size: 14px;
	line-height: 20px;
}

.ui-area input[type=checkbox]:not(old) + label > span{
	position: relative;
	top: 2px;
  display: inline-block;
  margin-right: 8px;
  width: 14px;
  height: 14px;
	border: 0 none;
}

.ui-area input[type=checkbox]:not(old) + label > span:before {
  display: inline-block;
  content: '\f078';
	position: absolute;
	left: 1px;
	top: 1px;
  width: auto;
  height: auto;
  font-family: FontAwesome;
  font-size: 13px;
  line-height: 13px;
  color: #002663;
}

.ui-area input[type=checkbox]:not(old):checked + label > span:before {
  content: '\f077';
}


.ui-option-item {
	margin-left: 10px;
}

.ui-option-item:first-child {
	margin-left: 0;
}

/* infoBubble2 */


.bubble-anchor {
	position: relative;
}

.infoBubble2 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	z-index: 100;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #002663;
	background-color: #ffffff;
	opacity: 1;
	animation-duration: 0.15s;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
}

.infoBubble2.error {
	border-color: #cc0033;
	background: url(../images/content/hint-box-icon-02.png) #ffffff right top no-repeat scroll;
}

.wrapper.error + .infoBubble2.error {
	border-color: #002663;
	background-image: url(../images/content/hint-box-icon-03.png);
}

.infoBubble2 > .body {
	padding: 15px 20px;
}

.infoBubble2.fromTop {
  animation-name: infoBubbleOpenFromTop;
}

.infoBubble2.fromBottom {
  animation-name: infoBubbleOpenFromBottom;
}

.infoBubble2 > .arrow {
	/*outline: 1px solid red;*/
	position: absolute;
	width: 11px;
	height: 6px;
	overflow: hidden;
	/*background-color: #002663;*/
	/*transform: rotate(45deg);
	transform-origin: top left;*/
}

.infoBubble2 > .arrow > .deco {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 3px;
	width: 11px;
	height: 11px;
	overflow: hidden;
	border: 1px solid #002663;
	background-color: #ffffff;
	transform: rotate(45deg);
	transform-origin: center;
}

.infoBubble2.error > .arrow > .deco {
	border-color: #cc0033;
}

.wrapper.error + .infoBubble2.error > .arrow > .deco {
	border-color: #002663;
}

.infoBubble2.fromTop > .arrow {
	bottom: -6px;
}

.infoBubble2.fromBottom > .arrow {
	top: -6px;
}

.infoBubble2.fromTop > .arrow > .deco {
	top: -7px;
}

.infoBubble2 p,
.infoBubble2 h1,
.infoBubble2 h2,
.infoBubble2 h3,
.wrapper.error + .infoBubble2 p,
.wrapper.error + .infoBubble2 h1,
.wrapper.error + .infoBubble2 h2,
.wrapper.error + .infoBubble2 h3 {
	color: #002663;
}

.infoBubble2.error p,
.infoBubble2.error h1,
.infoBubble2.error h2,
.infoBubble2.error h3 {
	color: #cc0033;
}

@keyframes infoBubbleOpenFromBottom {
	from {
		transform: translateY(-15px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes infoBubbleOpenFromTop {
	from {
		transform: translateY(15px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

/* gValueSlider */

.gValueSliderInput {
	position: absolute;
	display: block;
	margin: 0;
	border: 0 none;
	padding: 0;
	max-width: 0;
	max-height: 0;
	overflow: hidden;
}

.gValueSliderBox {
	padding-top: 22px;
	/*padding-left: 16px;
	padding-right: 16px;*/
	padding-left: 0;
	padding-right: 0;
}

.gBarSliderHandle {
	background-color: #002663;
}

.gLabelFrame {
	margin-top: 6px;
	padding-left: 8px;
	padding-right: 8px;
}

.gLabelBar:first-child > .gLabelItem {
	left: -8px;
	right: auto;
	text-align: left;
}

.gLabelBar:last-child > .gLabelItem {
	right: -8px;
	text-align: right;
}

.gLabelItem {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000:
}

.gBarFrame {
	border: 1px solid #ffffff;
	padding: 6px 8px;
	height: 0;
	background-color: #ffffff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #ebebeb 100%);
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#ebebeb 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%,#ebebeb 100%);
	/*-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);*/
}

.gMarkItem {
	right: -2px;
	top: -2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 4px;
	height: 4px;
	background-color: #002663;
}

.gBarSliderHandle {
	top: -12px;
	right: -12px;
	width: 24px;
	height: 24px;
	background: #002663;
}

.gBarHandleDeco {
	left: 6px;
	top: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 10px;
	height: 10px;
	border: 1px solid #002663;
	/*background: none;
	background-color: #002663;*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


.gBarSliderHandleLabel {
	font-size: 11px;
	right: -30px;
	padding-left: 0;
	width: 60px;
}

/* FWTAC Layout */


.ui-area select {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

.ui-area h1,
.ui-area .font-size-huge {
	font-size: 38px; /*45px;*/
	line-height: 44px; /*51px;*/
}

.ui-area h2,
.ui-area .font-size-larger {
	font-size: 28px;
	line-height: 34px;
}

.ui-area h3,
.ui-area .font-size-large {
	font-size: 22px;
	line-height: 22px;
}

.ui-area h4,
.ui-area .font-size-regular {
	font-size: 12px;
	line-height: 15px;
}

.ui-area h5,
.ui-area .font-size-small {
	font-size: 10px;
	line-height: 13px;
}

.ui-page p:last-child,
.ui-page h1:last-child,
.ui-page h2:last-child,
.ui-page h3:last-child,
.ui-page .formPage p:last-child,
.ui-page .formPage h1:last-child,
.ui-page .formPage h2:last-child,
.ui-page .formPage h3:last-child {
  margin-bottom: 0;
}

#page-frame {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
#page-frame > img {
	display: block;
	width: 960px;
	height: auto;
}

.flex-aside-column img {
	display: block;
	max-width: 100%;
	height: auto;
}

#fwtac-frame {
	overflow: hidden;
	/*outline: 1px dotted #002663;*/
	background: #ffffff;

	color: #000;
	font-size: 13px;
	line-height: 20px;
	font-family: Verdana, Arial, sans-serif;
}

#fwtac-frame .formPage {
	position: relative;
}

#fwtac-frame,
#fwtac-frame form {
	width: 960px;
	height: 580px;
}

.flex-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: flex-start;
	align-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%;
	height: 100%;
}

.flex-top-column {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	width: 100%;
	padding-left: 420px;
}

.flex-aside-column {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	padding-right: 20px;
	min-width: 400px;
	max-width: 400px;
	height: 400px;
}

.flex-main-column {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	width: 540px;
	height: 400px;
}


.ui-flex-container.hasHint,
.ui-flex-container.hasText {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.ui-flex-container .hasHintNoText {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: end;
	justify-content: flex-start;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: stretch;
}

.ui-flex-item-text {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	padding-right: 5px;
}

.ui-flex-item-hint {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	min-width: 27px;
	width: 27px;
}

.hasText > .ui-flex-item-content,
.hasHint > .ui-flex-item-content {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	min-width: 220px;
	max-width: 220px;
}

.amountFieldDescription > .hasText > .ui-flex-item-content {
	min-width: 220px !important;
	max-width: 220px !important;
	margin-bottom: -28px !important;
}

.amountFieldDescriptionLeft > .hasText > .ui-flex-item-content {
	min-width: 100% !important;
	max-width: 100% !important;
	margin-bottom: -28px !important;
}

.hasNoContent > .ui-flex-item-content {
	display: none;
}

.hasNoContent > .ui-flex-item-hint {
	min-width: 20px;
}

.hasNoContent > .ui-flex-item-hint .info {
	margin-right: 0;
}

.ui-element + .ui-element {
	margin-top: 40px;
}

.formPage .flex-main-column.scrolleableArea {
	overflow: hidden;
	padding: 0 20px 0 0;
}


.ui-page[data-type="Default"] .ui-area[data-type="Header"],
.ui-page[data-type="Results"] .ui-area[data-type="Header"] {
	height: 80px;
}

.ui-page .scrolleableArea {
	padding: 0 0 0 0;
	overflow: hidden;
}

.ui-page[data-type="Default"] .scrolleableArea {
	width: 540px;
	height: 400px;
}

.ui-page[data-type="Default"] .scrolleableArea .ui-area {
	width: 510px;
}

.ui-page[data-type="Results"] .scrolleableArea {
	width: 540px;
	height: 400px;
}

.ui-page[data-type="Results"] .scrolleableArea .ui-area {
	width: 510px;
}

#fwtac-frame .scrolleableArea {
	padding: 0;
}

#fwtac-frame .formPage .scrolleableArea .jspVerticalBar {
	width: 4px;
}

#fwtac-frame .formPage .scrolleableArea .jspDrag {
	opacity: 1;
	-webkit-animation-duration: 2.0s;
	        animation-duration: 2.0s;
	-webkit-animation-name: blinking;
	        animation-name: blinking;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
}

@keyframes blinking {
	from {
		opacity: 0;
	}
	25% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	55% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	85% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes blinking {
	from {
		opacity: 0;
	}
	25% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	55% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	85% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/*.ui-area[data-type="Navigation"]:empty {
	display: none;
}*/


.ui-area[data-type="ContextNavigation"] {
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.ui-area[data-type="Navigation"] {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ui-area[data-type="Navigation"],
.ui-area[data-type="ContextNavigation"] {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	height: 40px;
	padding-top: 28px;
}

.ui-area[data-type="Navigation"] {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.ui-area[data-type="Navigation"] .ui-element,
.ui-area[data-type="ContextNavigation"] .ui-element {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	/*margin-left: 20px;*/
	margin-left: 2px;
}

.ui-area[data-type="Navigation"] .ui-element:first-child,
.ui-area[data-type="ContextNavigation"] .ui-element:first-child {
	margin-left: 0;
}

/* hack for "startseite" alignment */
/*.ui-area[data-type="Navigation"] .ui-element:first-child {
	margin-right: 194px;
}*/

.ui-area[data-type="Navigation"] .ui-element + .ui-element,
.ui-area[data-type="ContextNavigation"] .ui-element + .ui-element {
	margin-top: 0;
}


.ui-area .info .icon i {
	color: #002663;
}

.ui-area .button {
	color: #ffffff;
	border: 1px solid #002663;
}

.ui-area .button.disabled [class^="icon-"] {
	color: #ffffff;
	/*text-shadow: 1px 1px #cccccc;*/
}

.ui-area .button > span {
	margin-left: 10px;
	margin-right: 10px;
}

.ui-area .button > span:first-child {
	margin-left: 0;
}

.ui-area .button > span:last-child {
	margin-right: 0;
}

.ui-area .button.disabled {
	border-color: #e8e8e8;
	background-color: #e8e8e8;
	cursor: default;
	text-shadow: 0 0 3 #e8e8e8;
}

.ui-area .button.disabled > span {
	color: #ffffff;
	/*text-shadow: 0 0 2px #cccccc;*/
}

.ui-area .button,
.ui-area .button > span,
.ui-area .button > [class^="icon-"] {
	transition: color 0.4s, background-color 0.4s, border-color 0.4s;
}

.ui-area .button.light,
.ui-area .button.bordered {
	border-color: #ffffff;
	background-color: #ffffff;
}

.ui-area .button.bordered {
	border-color: #002663;
	background-color: #ffffff;
}

.ui-area .button.light > span,
.ui-area .button.bordered > span,
.ui-area .button.light [class^="icon-"],
.ui-area .button.bordered [class^="icon-"] {
	color: #002663;
}

.ui-area .button.light.disabled {
	border-color: #ffffff;
}

.ui-area .button.bordered.disabled {
	border-color: #dadada;
}

.ui-area .button.light.disabled > span,
.ui-area .button.bordered.disabled > span,
.ui-area .button.light.disabled [class^="icon-"],
.ui-area .button.bordered.disabled [class^="icon-"] {
	color: #dadada;
}

.ui-area .button.placeholder {
	visibility: hidden;
}

html body {
	background-image: none;
}

.ui-area .hint-box {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	border-radius: 10px;
	padding: 9px 46px 10px 15px;
	min-height: 80px;
	background: url(../images/content/hint-box-icon-01.png) #f9b550 right top no-repeat scroll;
}

.hint-box-content {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.ui-area .hint-box p {
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
	font-weight: bold;
}

.ui-area .hint-box b,
.ui-area .hint-box strong {
	color: #002663;
}

.result-box {
	height: 170px;
}

.ui-page[data-type="Results"] .scrolleableArea,
.ui-page[data-type="Results"] .scrolleableArea {
	height: 230px;
}

.ui-area[data-type="Results"] {
	position: relative;
	left: -14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 14px;
	width: calc(100% + 14px);
	background: url(../images/content/hint-box-icon-01.png) #f9b550 right top no-repeat scroll;
	min-height: 100px;
}

.ui-area[data-type="Results"] .ui-flex-item-content {
	min-width: 216px;
	max-width: 216px;
}

.ui-area[data-type="Results"] .noText.noHint > .ui-flex-item-content {
	max-width: 9999px;
}

.ui-area[data-type="Results"] .ui-element + .ui-element {
	margin-top: 15px;
}


.ui-page[data-page="2"] .ui-button .ui-flex-item-content {
	min-width: 62px;
	text-align: right;
}

.ui-page[data-page="2"] .ui-element + .ui-element {
	margin-top: 42px;
}

.input-frame {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	border: 1px solid #ffffff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 8px;
	max-width: 100%;
	height: 26px;
	color: #333;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #ebebeb 100%);
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#ebebeb 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%,#ebebeb 100%);
}

.input-frame.error {
	border-color: #cc0033;
}

.input-frame > .field {
	display: block;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.input-frame > .field > input[type="text"] {
	display: block;
	width: 100%;
	background: none transparent;
	color: #333;
	padding: 0;
}

.input-frame > .unit {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-left: 10px;
	font-size: 14px;
	line-height: 14px;
	color: #333;
}

.date-frame {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	widtH: 168px;
}

.date-frame > .date-segment {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.date-frame input[type="text"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	border: 1px solid #ffffff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 8px;
	max-width: 100%;
	height: 26px;
	color: #333;
	text-align: center;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #ebebeb 100%);
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#ebebeb 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%,#ebebeb 100%);
}

.date-frame .date.disabled {
	color: #e0e0e0 !important;
}

.date-frame.error input[type="text"] {
	border-color: #cc0033;
}

.date-frame input[maxlength="2"] {
	width: 40px;
}

.date-frame input[maxlength="4"] {
	width: 52px;
}

.date-frame .date-placeholder {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	padding: 0 8px;
	width: 40px;
	color: #333;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
}

.date-frame .date-separator {
	padding: 0 6px;
}

.no-day > .date-day {
	display: none;
}