/****** /fonts/fontello-custom-05/css/animation.css ******/

/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}


/****** /fonts/fontello-custom-05/css/fontello.css ******/

@charset "UTF-8";

 @font-face {
  font-family: 'fontello';
  src: url('/framework/fonts/fontello-custom-05/font/fontello.eot?21884005');
  src: url('/framework/fonts/fontello-custom-05/font/fontello.eot?21884005#iefix') format('embedded-opentype'),
       url('/framework/fonts/fontello-custom-05/font/fontello.woff?21884005') format('woff'),
       url('/framework/fonts/fontello-custom-05/font/fontello.ttf?21884005') format('truetype'),
       url('/framework/fonts/fontello-custom-05/font/fontello.svg?21884005#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('/framework/fonts/fontello-custom-05/font/fontello.svg?21884005#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-level-down:before { content: '\21b3'; } /* '↳' */
.icon-check:before { content: '\2611'; } /* '☑' */
.icon-cog:before { content: '\2699'; } /* '⚙' */
.icon-attention:before { content: '\26a0'; } /* '⚠' */
.icon-flash:before { content: '\26a1'; } /* '⚡' */
.icon-trash-1:before { content: '\e01b'; } /* '' */
.icon-pencil-1:before { content: '\e068'; } /* '' */
.icon-eye-1:before { content: '\e09d'; } /* '' */
.icon-comment:before { content: '\e718'; } /* '' */
.icon-login:before { content: '\e740'; } /* '' */
.icon-logout:before { content: '\e741'; } /* '' */
.icon-chart-pie:before { content: '\e751'; } /* '' */
.icon-down-open:before { content: '\e75c'; } /* '' */
.icon-left-open:before { content: '\e75d'; } /* '' */
.icon-right-open:before { content: '\e75e'; } /* '' */
.icon-up-open:before { content: '\e75f'; } /* '' */
.icon-arrows-cw:before { content: '\e760'; } /* '' */
.icon-equalizer:before { content: '\e795'; } /* '' */
.icon-minus-1:before { content: '\e800'; } /* '' */
.icon-plus-1:before { content: '\e801'; } /* '' */
.icon-cancel-1:before { content: '\e802'; } /* '' */
.icon-ok:before { content: '\e803'; } /* '' */
.icon-chart-bar-1:before { content: '\e804'; } /* '' */
.icon-overflow:before { content: '\e805'; } /* '' */
.icon-tag:before { content: '\e806'; } /* '' */
.icon-tags:before { content: '\e807'; } /* '' */
.icon-direction:before { content: '\e808'; } /* '' */
.icon-camera:before { content: '\e809'; } /* '' */
.icon-user:before { content: '\e80a'; } /* '' */
.icon-users:before { content: '\e80b'; } /* '' */
.icon-dollar:before { content: '\e80c'; } /* '' */
.icon-attach:before { content: '\e80d'; } /* '' */
.icon-fork:before { content: '\e80e'; } /* '' */
.icon-cw:before { content: '\e80f'; } /* '' */
.icon-location:before { content: '\e810'; } /* '' */
.icon-picture:before { content: '\e811'; } /* '' */
.icon-lightbulb:before { content: '\e812'; } /* '' */
.icon-chat-empty:before { content: '\e813'; } /* '' */
.icon-chat:before { content: '\e814'; } /* '' */
.icon-attention-circled:before { content: '\e815'; } /* '' */
.icon-bank:before { content: '\e816'; } /* '' */
.icon-money-1:before { content: '\e817'; } /* '' */
.icon-left-big:before { content: '\e818'; } /* '' */
.icon-help:before { content: '\e819'; } /* '' */
.icon-home:before { content: '\e81a'; } /* '' */
.icon-right-big:before { content: '\e81b'; } /* '' */
.icon-spin1:before { content: '\e830'; } /* '' */
.icon-check-empty:before { content: '\f096'; } /* '' */
.icon-bookmark-empty:before { content: '\f097'; } /* '' */
.icon-menu-1:before { content: '\f0c9'; } /* '' */
.icon-money:before { content: '\f0d6'; } /* '' */
.icon-comment-empty:before { content: '\f0e5'; } /* '' */
.icon-sitemap:before { content: '\f0e8'; } /* '' */
.icon-exchange:before { content: '\f0ec'; } /* '' */
.icon-bell-alt:before { content: '\f0f3'; } /* '' */
.icon-building:before { content: '\f0f7'; } /* '' */
.icon-desktop:before { content: '\f108'; } /* '' */
.icon-tablet:before { content: '\f10a'; } /* '' */
.icon-mobile:before { content: '\f10b'; } /* '' */
.icon-circle-empty:before { content: '\f10c'; } /* '' */
.icon-circle:before { content: '\f111'; } /* '' */
.icon-credit-card:before { content: '💳'; } /* '\1f4b3' */
.icon-calendar:before { content: '📅'; } /* '\1f4c5' */
.icon-chart-line:before { content: '📈'; } /* '\1f4c8' */
.icon-upload:before { content: '📤'; } /* '\1f4e4' */
.icon-download:before { content: '📥'; } /* '\1f4e5' */
.icon-search:before { content: '🔍'; } /* '\1f50d' */
.icon-bell:before { content: '🔔'; } /* '\1f514' */
.icon-bookmark:before { content: '🔖'; } /* '\1f516' */
.icon-chart-area:before { content: '🔾'; } /* '\1f53e' */
.icon-clock:before { content: '🕔'; } /* '\1f554' */

/****** /js/CbplDatePicker/cbpl-date-picker.css ******/

/*
 * @todo auto change portrait and landscape
 *   - so long as modal resizes properly then @media (orientation:landscape), (min-width: 64rem) { ... } could be used
 *   - mobile keyboard shouldn't mess this up as it should always be hidden
 *   - landscape may need height 100%
*/
.DatePickerDialogOverlay {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	
	display: none;
	
	/* flex properties */
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
	width: 100%;
	height: 100%;
	
	background: rgba(0,0,0,.5);

	overflow: auto;
	overscroll-behavior: contain;
}
.DatePickerDialogOverlay.Active {
	display: box; /* 2009 */
	display: flexbox; /* 2011 tweener */
	display: -webkit-flex; /* webkit */
	display: flex;
}
.DatePickerDialog {
	min-width: calc(3.6rem * 7);
	width: calc(100% - 2rem);
	max-width:30rem; /* portrait */
	
	position: relative;
	
	/*margin:1rem auto;*/
	
	text-align: center;
	
	color: #666;
	
	background-color: #F5F5F5;
	
	box-shadow: 1px 1px 3px rgba(0,0,0,.5);
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media (orientation:landscape), (min-width: 64rem) {
	.DatePickerDialog {
		max-width:	64rem;
		height: calc(100% - 2rem);
		max-height: 30rem;
	}
}
/*
 * Header area
*/
.DatePickerDialog .Header {
	float: left;
	
	width: 100%;
	
	line-height: 1;
	
	padding: 0.5rem 0;
	
	background-color: #FFF;
}
@media (orientation:landscape), (min-width: 64rem) {
	.DatePickerDialog .Header {
		width: 50%;
		height: calc(100% - 41px);
		
		padding-top: 0;
	}
}
.DatePickerDialog .Header>* {
	cursor: pointer;
}
.DatePickerDialog .Header .Active {
	color: #0099CC;
	
	cursor: default;
}

.DatePickerDialog .DayOfWeekText {
	display: none;
	padding: 0.5rem 0;
	margin-bottom: 1rem;
	
	text-transform: uppercase;
	
	color: #FFF;
	font-weight: 300;
	
	background-color: #666;
	
	cursor: default !important;
}
@media (orientation:landscape), (min-width: 64rem) {
	.DatePickerDialog .DayOfWeekText {
		display: block;
	}
}

.DatePickerDialog .MonthDayWrapper .Month {
	font-size: 1.8rem;
	text-transform: uppercase;
}
.DatePickerDialog .MonthDayWrapper .Day {
	font-size: 5rem;
}
@media (orientation:landscape), (min-width: 64rem) {
	.DatePickerDialog .MonthDayWrapper .Day {
		font-size: 7rem;
		line-height: 1.2;
	}
}

.DatePickerDialog .Header .Year {
	font-size: 2.5rem;
}

/*
 * Scroller Area
 */
.DatePickerDialog .ScrollerWrapper {
	display: none;
	
	float: left;
	
	width: 100%;
	height: calc(1.9rem + 2.6rem + 3.6rem * 6); /* .MonthBlock .Title + .Calendar .Row.Headers + (.Calendar .Row * MaxRows[6]) */
	
	overflow-x: hidden;
	overflow-y: auto;
}
.DatePickerDialog .ScrollerWrapper.Active {
	display: block;
}
.DatePickerDialog .ScrollerWrapper::-webkit-scrollbar {
	width: 0;
}
@media (orientation:landscape), (min-width: 64rem) {
	.DatePickerDialog .ScrollerWrapper {
		width: 50%;
		height: 100%;
	}
}

/*
 * Month Scroller and Blocks
 */
.MonthScroller {
	position: relative;
}

/*
 * Individual Month Blocks
 */
.DatePickerDialog .MonthBlock {
	padding: 0.5rem 0;
}

.DatePickerDialog .Calendar {
	width: calc(3.6rem * 7);
	margin: 0 auto;
	border: 0;
	border-collapse: collapse;
}
.DatePickerDialog .Calendar .Row:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}
.DatePickerDialog .Row.Headers {
	text-transform: uppercase;
	font-size: 1rem;
}
.DatePickerDialog .Row.Headers .Cell {
	height: 2rem !important;
	line-height: 2rem !important;
	cursor: default;
}
.DatePickerDialog .Calendar .Cell {
	float: left;
	width: 3rem;
	height: 3rem;
	margin: 0.3rem;
	line-height: 3rem;
	cursor: pointer;
	border-radius: 100%;
}
.DatePickerDialog .Calendar .Cell.Empty {
	cursor: default;
}
.DatePickerDialog .Calendar .Today {
	color: #0099CC;
}
.DatePickerDialog .Calendar .Selected {
	background-color: rgba(0,153,204,.15);
}

/*
 * Year Scroller and Blocks
 */
.YearScroller {
	position: relative;
}
.YearBlock {
	height: 6rem;
	width:	6rem;
	
	cursor: pointer;
	overflow: hidden;
	
	margin: .05rem auto;
	
	font-size: 2.2rem;
	line-height: 6rem;
	
	border-radius: 100%;
}
.DatePickerDialog .YearBlock.Today {
	color: #0099CC;
}
.DatePickerDialog .YearBlock.Selected {
	background-color: rgba(0,153,204,.15);
}

/*
 * Buttons
*/
.DatePickerDialog .ButtonWrapper {
	clear: both;
	
	line-height: 4rem;
	
	border-top: 1px solid #ccc;
}
@media (orientation:landscape), (min-width: 64rem) {
	.DatePickerDialog .ButtonWrapper {
		width: 50%;
		
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 10;
		
		background-color: #FFF;
	}
}
.DatePickerDialog .Button {
	display: inline-block;
	
	width: 50%;
	
	padding: 0 1rem;
	
	text-align: center;
	
	cursor: pointer;
}
.DatePickerDialog .Button:first-child {
	border-right: 1px solid #CCC;
}
/*.DatePickerDialog .Button:hover,*/
.DatePickerDialog .Button:active {
	color: #FFF;
	
	background-color: #0099CC;
}

/****** /js/CbplTimePicker/cbpl-time-picker.css ******/

/*
 * @todo auto change portrait and landscape
 *   - so long as modal resizes properly then @media (orientation:landscape), (min-width: 64rem) { ... } could be used
 *   - mobile keyboard shouldn't mess this up as it should always be hidden
 *   - landscape may need height 100%
*/
.TimePickerDialogOverlay {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	
	display: none;
	
	/* flex properties */
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
	width: 100%;
	height: 100%;
	
	background: rgba(0,0,0,.5);

	overflow: auto;
	overscroll-behavior: contain;
}
.TimePickerDialogOverlay.Active {
	display: box; /* 2009 */
	display: flexbox; /* tweener */
	display: -webkit-flex; /* webkit */
	display: flex;
}
.TimePickerDialog {
	min-width: calc(3.6rem * 7);
	width: calc(100% - 2rem);
	max-width:30rem; /* portrait */
	
	position: relative;
	
	text-align: center;
	
	color: #666;
	
	background-color: #F5F5F5;
	
	box-shadow: 1px 1px 3px rgba(0,0,0,.5);
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media (orientation:landscape), (min-width: 64rem) {
	.TimePickerDialog {
		max-width:	64rem;
		height: calc(100% - 2rem);
		max-height: 30rem;
	}
}
.TimePickerDialog input[type=number]::-webkit-inner-spin-button, 
.TimePickerDialog input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
/*
 * Header area
*/
.TimePickerDialog .Header {
	float: left;
	
	display: box; /* 2009 */
	display: flexbox; /* tweener */
	display: -webkit-flex; /* webkit */
	display: flex;
	
	/* flex properties */
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
	width: 100%;
	
	line-height: 1;
	font-size: 6rem;
	
	padding: 0.5rem 0;
	
	background-color: #FFF;
}
@media (orientation:landscape), (min-width: 64rem) {
	.TimePickerDialog .Header {
		width: 50%;
		height: calc(100% - 41px);
		
		padding-top: 0;
	}
}
.TimePickerDialog .Header input,
.TimePickerDialog .Header > div {
	cursor: pointer;
}

.TimePickerDialog .HourMinuteWrapper .Hour,
.TimePickerDialog .HourMinuteWrapper .Minute {
	display: inline-block;
	width: 1.2em;
	
	padding: 0;
	
	color: inherit;
	text-align: right;
	font-size: inherit;
	font-family: inherit;
	
	vertical-align: middle;
	
	border: none;
	outline: none;
	
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	
	cursor: pointer;
	
	background-color: transparent;
}
.TimePickerDialog .HourMinuteWrapper .Hour.Active,
.TimePickerDialog .HourMinuteWrapper .Minute.Active {
	color: #0099CC;
	
	cursor: default;
}
.TimePickerDialog .HourMinuteWrapper .AntiMeridian {
	font-size: 50%;
	vertical-align: text-bottom;
	display: inline-block;
	width: 1.5em;
}

/*
 * Clock Area
 */
.TimePickerDialog .ClockWrapper {
	display: box; /* 2009 */
	display: flexbox; /* tweener */
	display: -webkit-flex; /* webkit */
	display: flex;
	
	position: relative;
	
	/* flex properties */
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
	float: left;
	
	width: 100%;
	height: calc(1.9rem + 2.6rem + 3.6rem * 6); /* .HourBlock .Title + .Clock .Row.Headers + (.Clock .Row * MaxRows[6]) */
	
	overflow-x: hidden;
	overflow-y: auto;
}
.TimePickerDialog .ClockWrapper::-webkit-scrollbar {
	width: 0;
}
@media (orientation:landscape), (min-width: 64rem) {
	.TimePickerDialog .ClockWrapper {
		width: 50%;
		height: 100%;
	}
}
.TimePickerDialog .ClockWrapper .AntiMeridian {
	position: absolute;
	bottom: 1rem;
	
	width: 3.5rem;
	height: 3.5rem;
	
	line-height: 3.5rem;
	font-size: 1.4rem;
	
	cursor: pointer;
	
	border-radius: 100%;
	
	background-color: #FFF;
}
.TimePickerDialog .ClockWrapper .AntiMeridian.Selected {
	background-color: #D8F0F8;
}
.TimePickerDialog .ClockWrapper .AntiMeridian.AM {
	left: 2rem;
}
.TimePickerDialog .ClockWrapper .AntiMeridian.PM {
	right: 2rem;
}

/*
 * Clocks
 */

.TimePickerDialog .Clock {
	/*width: calc(3.6rem * 7);
	height: calc(3.6rem * 7);*/
	
	display: none;
	
	position: relative;
	
	/* source - http://www.punkchip.com/2013/06/fluid-width-squares-in-css/ */
	height: 0;
	width: calc(100% - 6rem);
	padding-bottom: calc(100% - 6rem - 1.8rem * 2);
	
	margin: auto;
	
	border: 1.8rem solid #FFF;
	border-radius: 100%;
	
	background-color: #FFF;
}
.Firefox .TimePickerDialog .Clock {
	padding-bottom: calc(100% - 4rem - 1.8rem * 2);
}
.TimePickerDialog .Clock.Active {
	display: block;
}
.TimePickerDialog .Clock .Cell {
	position: absolute;
	left: calc(50% - 3rem / 2);
	top: calc(50% - 3rem / 2);
	z-index: 10;
	
	width: 3rem;
	height: 3rem;
	
	line-height: 3rem;
	
	cursor: pointer;
	
	border-radius: 100%;
}
.TimePickerDialog .Clock .Marker {
	display: block;
	
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 11;
	
	width: calc(50%);
	height: 0.1rem;
	
	background-color: #58BDDE;
	
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}
.TimePickerDialog .Clock .Marker:before {
	content: "";
	
	display: block;
	width: 0.3rem;
	height: 0.3rem;
	
	position: absolute;
	left: -0.15rem;
	top: calc( (0.1rem - 0.3rem) / 2);
	z-index: 11;
	
	background-color: #666;
	
	border-radius: 100%;
}

.TimePickerDialog .Clock .Marker:after {
	content: "";
	
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	
	position: absolute;
	right: -0.4rem;
	top: calc( (0.1rem - 0.8rem) / 2);
	z-index: 1;
	
	background-color: #58BDDE;
	
	box-shadow: 0 0 0 1.1rem rgba(0,153,204,.15);
	
	border-radius: 100%;
}

.TimePickerDialog .Clock[data-minute="0"] .Marker {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	z-index: 1;
}
.TimePickerDialog .Clock[data-minute="1"] .Marker {
	-webkit-transform: rotate(-84deg);
	-ms-transform: rotate(-84deg);
	transform: rotate(-84deg);
}
.TimePickerDialog .Clock[data-minute="2"] .Marker {
	-webkit-transform: rotate(-78deg);
	-ms-transform: rotate(-78deg);
	transform: rotate(-78deg);
}
.TimePickerDialog .Clock[data-minute="3"] .Marker {
	-webkit-transform: rotate(-72deg);
	-ms-transform: rotate(-72deg);
	transform: rotate(-72deg);
}
.TimePickerDialog .Clock[data-minute="4"] .Marker {
	-webkit-transform: rotate(-66deg);
	-ms-transform: rotate(-66deg);
	transform: rotate(-66deg);
}
.TimePickerDialog .Clock[data-minute="5"] .Marker {
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
	z-index: 1;
}
.TimePickerDialog .Clock[data-minute="6"] .Marker {
	-webkit-transform: rotate(-54deg);
	-ms-transform: rotate(-54deg);
	transform: rotate(-54deg);
}
.TimePickerDialog .Clock[data-minute="7"] .Marker {
	-webkit-transform: rotate(-48deg);
	-ms-transform: rotate(-48deg);
	transform: rotate(-48deg);
}
.TimePickerDialog .Clock[data-minute="8"] .Marker {
	-webkit-transform: rotate(-42deg);
	-ms-transform: rotate(-42deg);
	transform: rotate(-42deg);
}
.TimePickerDialog .Clock[data-minute="9"] .Marker {
	-webkit-transform: rotate(-36deg);
	-ms-transform: rotate(-36deg);
	transform: rotate(-36deg);
}
.TimePickerDialog .Clock[data-minute="10"] .Marker {
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
	z-index: 1;
}
.TimePickerDialog .Clock[data-minute="11"] .Marker {
	-webkit-transform: rotate(-24deg);
	-ms-transform: rotate(-24deg);
	transform: rotate(-24deg);
}
.TimePickerDialog .Clock[data-minute="12"] .Marker {
	-webkit-transform: rotate(-18deg);
	-ms-transform: rotate(-18deg);
	transform: rotate(-18deg);
}
.TimePickerDialog .Clock[data-minute="13"] .Marker {
	-webkit-transform: rotate(-12deg);
	-ms-transform: rotate(-12deg);
	transform: rotate(-12deg);
}
.TimePickerDialog .Clock[data-minute="14"] .Marker {
	-webkit-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	transform: rotate(-6deg);
}
.TimePickerDialog .Clock[data-minute="15"] .Marker {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	z-index: 1;
}
.TimePickerDialog .Clock[data-minute="16"] .Marker {
	-webkit-transform: rotate(6deg);
	-ms-transform: rotate(6deg);
	transform: rotate(6deg);
}
.TimePickerDialog .Clock[data-minute="17"] .Marker {
	-webkit-transform: rotate(12deg);
	-ms-transform: rotate(12deg);
	transform: rotate(12deg);
}
.TimePickerDialog .Clock[data-minute="18"] .Marker {
	-webkit-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	transform: rotate(18deg);
}
.TimePickerDialog .Clock[data-minute="19"] .Marker {
	-webkit-transform: rotate(24deg);
	-ms-transform: rotate(24deg);
	transform: rotate(24deg);
}
.TimePickerDialog .Clock[data-minute="20"] .Marker {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	z-index: 1;
}
.TimePickerDialog .Clock[data-minute="21"] .Marker {
	-webkit-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	transform: rotate(36deg);
}
.TimePickerDialog .Clock[data-minute="22"] .Marker {
	-webkit-transform: rotate(42deg);
	-ms-transform: rotate(42deg);
	transform: rotate(42deg);
}
.TimePickerDialog .Clock[data-minute="23"] .Marker {
	-webkit-transform: rotate(48deg);
	-ms-transform: rotate(48deg);
	transform: rotate(48deg);
}
.TimePickerDialog .Clock[data-minute="24"] .Marker {
	-webkit-transform: rotate(54deg);
	-ms-transform: rotate(54deg);
	transform: rotate(54deg);
}
.TimePickerDialog .Clock[data-minute="25"] .Marker {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
	z-index: 1;
}
.TimePickerDialog .Clock[data-minute="26"] .Marker {
	-webkit-transform: rotate(66deg);
	-ms-transform: rotate(66deg);
	transform: rotate(66deg);
}
.TimePickerDialog .Clock[data-minute="27"] .Marker {
	-webkit-transform: rotate(72deg);
	-ms-transform: rotate(72deg);
	transform: rotate(72deg);
}
.TimePickerDialog .Clock[data-minute="28"] .Marker {
	-webkit-transform: rotate(78deg);
	-ms-transform: rotate(78deg);
	transform: rotate(78deg);
}
.TimePickerDialog .Clock[data-minute="29"] .Marker {
	-webkit-transform: rotate(84deg);
	-ms-transform: rotate(84deg);
	transform: rotate(84deg);
}
.TimePickerDialog .Clock[data-minute="30"] .Marker {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	z-index: 1;
}
.TimePickerDialog .Clock[data-minute="31"] .Marker {
	-webkit-transform: rotate(96deg);
	-ms-transform: rotate(96deg);
	transform: rotate(96deg);
}
.TimePickerDialog .Clock[data-minute="32"] .Marker {
	-webkit-transform: rotate(102deg);
	-ms-transform: rotate(102deg);
	transform: rotate(102deg);
}
.TimePickerDialog .Clock[data-minute="33"] .Marker {
	-webkit-transform: rotate(108deg);
	-ms-transform: rotate(108deg);
	transform: rotate(108deg);
}
.TimePickerDialog .Clock[data-minute="34"] .Marker {
	-webkit-transform: rotate(114deg);
	-ms-transform: rotate(114deg);
	transform: rotate(114deg);
}
.TimePickerDialog .Clock[data-minute="35"] .Marker {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
	z-index: 1;
}
.TimePickerDialog .Clock[data-minute="36"] .Marker {
	-webkit-transform: rotate(126deg);
	-ms-transform: rotate(126deg);
	transform: rotate(126deg);
}
.TimePickerDialog .Clock[data-minute="37"] .Marker {
	-webkit-transform: rotate(132deg);
	-ms-transform: rotate(132deg);
	transform: rotate(132deg);
}
.TimePickerDialog .Clock[data-minute="38"] .Marker {
	-webkit-transform: rotate(138deg);
	-ms-transform: rotate(138deg);
	transform: rotate(138deg);
}
.TimePickerDialog .Clock[data-minute="39"] .Marker {
	-webkit-transform: rotate(144deg);
	-ms-transform: rotate(144deg);
	transform: rotate(144deg);
}
.TimePickerDialog .Clock[data-minute="40"] .Marker {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
	z-index: 1;
}
.TimePickerDialog .Clock[data-minute="41"] .Marker {
	-webkit-transform: rotate(156deg);
	-ms-transform: rotate(156deg);
	transform: rotate(156deg);
}
.TimePickerDialog .Clock[data-minute="42"] .Marker {
	-webkit-transform: rotate(162deg);
	-ms-transform: rotate(162deg);
	transform: rotate(162deg);
}
.TimePickerDialog .Clock[data-minute="43"] .Marker {
	-webkit-transform: rotate(168deg);
	-ms-transform: rotate(168deg);
	transform: rotate(168deg);
}
.TimePickerDialog .Clock[data-minute="44"] .Marker {
	-webkit-transform: rotate(174deg);
	-ms-transform: rotate(174deg);
	transform: rotate(174deg);
}
.TimePickerDialog .Clock[data-minute="45"] .Marker {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	z-index: 1;
}
.TimePickerDialog .Clock[data-minute="46"] .Marker {
	-webkit-transform: rotate(186deg);
	-ms-transform: rotate(186deg);
	transform: rotate(186deg);
}
.TimePickerDialog .Clock[data-minute="47"] .Marker {
	-webkit-transform: rotate(192deg);
	-ms-transform: rotate(192deg);
	transform: rotate(192deg);
}
.TimePickerDialog .Clock[data-minute="48"] .Marker {
	-webkit-transform: rotate(198deg);
	-ms-transform: rotate(198deg);
	transform: rotate(198deg);
}
.TimePickerDialog .Clock[data-minute="49"] .Marker {
	-webkit-transform: rotate(204deg);
	-ms-transform: rotate(204deg);
	transform: rotate(204deg);
}
.TimePickerDialog .Clock[data-minute="50"] .Marker {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
	z-index: 1;
}
.TimePickerDialog .Clock[data-minute="51"] .Marker {
	-webkit-transform: rotate(216deg);
	-ms-transform: rotate(216deg);
	transform: rotate(216deg);
}
.TimePickerDialog .Clock[data-minute="52"] .Marker {
	-webkit-transform: rotate(222deg);
	-ms-transform: rotate(222deg);
	transform: rotate(222deg);
}
.TimePickerDialog .Clock[data-minute="53"] .Marker {
	-webkit-transform: rotate(228deg);
	-ms-transform: rotate(228deg);
	transform: rotate(228deg);
}
.TimePickerDialog .Clock[data-minute="54"] .Marker {
	-webkit-transform: rotate(234deg);
	-ms-transform: rotate(234deg);
	transform: rotate(234deg);
}
.TimePickerDialog .Clock[data-minute="55"] .Marker {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
	z-index: 1;
}
.TimePickerDialog .Clock[data-minute="56"] .Marker {
	-webkit-transform: rotate(246deg);
	-ms-transform: rotate(246deg);
	transform: rotate(246deg);
}
.TimePickerDialog .Clock[data-minute="57"] .Marker {
	-webkit-transform: rotate(252deg);
	-ms-transform: rotate(252deg);
	transform: rotate(252deg);
}
.TimePickerDialog .Clock[data-minute="58"] .Marker {
	-webkit-transform: rotate(258deg);
	-ms-transform: rotate(258deg);
	transform: rotate(258deg);
}
.TimePickerDialog .Clock[data-minute="59"] .Marker {
	-webkit-transform: rotate(264deg);
	-ms-transform: rotate(264deg);
	transform: rotate(264deg);
}

/* hour marker */
.TimePickerDialog .Clock[data-hour] .Marker {
	z-index: 1;
}
.TimePickerDialog .Clock[data-hour="12"] .Marker {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.TimePickerDialog .Clock[data-hour="1"] .Marker {
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
.TimePickerDialog .Clock[data-hour="2"] .Marker {
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.TimePickerDialog .Clock[data-hour="3"] .Marker {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.TimePickerDialog .Clock[data-hour="4"] .Marker {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.TimePickerDialog .Clock[data-hour="5"] .Marker {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.TimePickerDialog .Clock[data-hour="6"] .Marker {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.TimePickerDialog .Clock[data-hour="7"] .Marker {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.TimePickerDialog .Clock[data-hour="8"] .Marker {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}
.TimePickerDialog .Clock[data-hour="9"] .Marker {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.TimePickerDialog .Clock[data-hour="10"] .Marker {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}
.TimePickerDialog .Clock[data-hour="11"] .Marker {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}

/*
left
cos15: 0.9659258262890683
cos30: 0.8660254037844387
cos45: 0.7071067811865475
cos60: 0.5
cos75: 0.2588190451025208

top
Sin15: 0.2588190451025208
Sin30: 0.5
Sin45: 0.7071067811865475
Sin60: 0.8660254037844387
Sin75: 0.9659258262890683

left = (radius * Math.Cos(angleInDegrees * Math.PI / 180F)) + origin.X;
top = (radius * Math.Sin(angleInDegrees * Math.PI / 180F)) + origin.Y;
*/
.TimePickerDialog .Clock .Cell[data-degree="0"] {	
	left: calc( 100% - 3rem / 2 );
	top:	calc( 50% - 3rem / 2 );
}
/*.TimePickerDialog .Clock .Cell[data-degree="15"] {	
	left: calc( (50% - 3rem / 2) + (50% * 0.9659258262890683) );
	top:	calc( (50% - 3rem / 2) - (50% * 0.2588190451025208) );
}*/
.TimePickerDialog .Clock .Cell[data-degree="30"] {	
	left: calc( (50% - 3rem / 2) + (50% * 0.8660254037844387) );
	top:	calc( (50% - 3rem / 2) - (50% * 0.5) );
}
/*.TimePickerDialog .Clock .Cell[data-degree="45"] {	
	left: calc( (50% - 3rem / 2) + (50% * 0.7071067811865475) );
	top:	calc( (50% - 3rem / 2) - 50% * 0.7071067811865475 );
}*/
.TimePickerDialog .Clock .Cell[data-degree="60"] {	
	left: calc( (50% - 3rem / 2) + (50% * 0.5) );
	top:	calc( (50% - 3rem / 2) - (50% * 0.8660254037844387) );
}
/*.TimePickerDialog .Clock .Cell[data-degree="75"] {	
	left: calc( (50% - 3rem / 2) + (50% * 0.2588190451025208) );
	top:	calc( (50% - 3rem / 2) - (50% * 0.9659258262890683) );
}*/
.TimePickerDialog .Clock .Cell[data-degree="90"] {	
	left: calc( 50% - 3rem / 2 );
	top:	calc(0px - 3rem / 2 );
}

/*.TimePickerDialog .Clock .Cell[data-degree="105"] {	
	left: calc( (50% - 3rem / 2) - (50% * 0.2588190451025208) );
	top:	calc( (50% - 3rem / 2) - (50% * 0.9659258262890683) );
}*/
.TimePickerDialog .Clock .Cell[data-degree="120"] {	
	left: calc( (50% - 3rem / 2) - (50% * 0.5) );
	top:	calc( (50% - 3rem / 2) - (50% * 0.8660254037844387) );
}
/*.TimePickerDialog .Clock .Cell[data-degree="135"] {	
	left: calc( (50% - 3rem / 2) - (50% * 0.7071067811865475) );
	top:	calc( (50% - 3rem / 2) - 50% * 0.7071067811865475 );
}*/
.TimePickerDialog .Clock .Cell[data-degree="150"] {	
	left: calc( (50% - 3rem / 2) - (50% * 0.8660254037844387) );
	top:	calc( (50% - 3rem / 2) - (50% * 0.5) );
}
/*.TimePickerDialog .Clock .Cell[data-degree="165"] {	
	left: calc( (50% - 3rem / 2) - (50% * 0.9659258262890683) );
	top:	calc( (50% - 3rem / 2) - (50% * 0.2588190451025208) );
}*/
.TimePickerDialog .Clock .Cell[data-degree="180"] {	
	left: calc( 0px - 3rem / 2 );
	top:	calc( 50% - 3rem / 2 );
}

.TimePickerDialog .Clock .Cell[data-degree="210"] {	
	left: calc( (50% - 3rem / 2) - (50% * 0.8660254037844387) );
	top:	calc( (50% - 3rem / 2) + (50% * 0.5) );
}
.TimePickerDialog .Clock .Cell[data-degree="240"] {	
	left: calc( (50% - 3rem / 2) - (50% * 0.5) );
	top:	calc( (50% - 3rem / 2) + (50% * 0.8660254037844387) );
}
.TimePickerDialog .Clock .Cell[data-degree="270"] {	
	left: calc( 50% - 3rem / 2 );
	top:	calc( 100% - 3rem / 2 );
}

.TimePickerDialog .Clock .Cell[data-degree="300"] {	
	left: calc( (50% - 3rem / 2) + (50% * 0.5) );
	top:	calc( (50% - 3rem / 2) + (50% * 0.8660254037844387) );
}
.TimePickerDialog .Clock .Cell[data-degree="330"] {	
	left: calc( (50% - 3rem / 2) + (50% * 0.8660254037844387) );
	top:	calc( (50% - 3rem / 2) + (50% * 0.5) );
}


.TimePickerDialog .Clock .ToMinute {
	color: #0099CC;
}
.TimePickerDialog .Clock .Selected {
	background-color: #D8F0F8;
}

/*
 * Minute Clock and Blocks
 */
.MinuteClock {
	position: relative;
}
.MinuteBlock {
	height: 6rem;
	width:	6rem;
	
	cursor: pointer;
	overflow: hidden;
	
	margin: .05rem auto;
	
	font-size: 2.2rem;
	line-height: 6rem;
	
	border-radius: 100%;
}
.TimePickerDialog .MinuteBlock.ToMinute {
	color: #0099CC;
}
.TimePickerDialog .MinuteBlock.Selected {
	background-color: #D8F0F8; /* rgba(0,153,204,.15); */
}

/*
 * Buttons
*/
.TimePickerDialog .ButtonWrapper {
	clear: both;
	
	line-height: 4rem;
	
	border-top: 1px solid #ccc;
}
@media (orientation:landscape), (min-width: 64rem) {
	.TimePickerDialog .ButtonWrapper {
		width: 50%;
		
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 10;
		
		background-color: #FFF;
	}
}
.TimePickerDialog .Button {
	display: inline-block;
	
	width: 50%;
	
	padding: 0 1rem;
	
	text-align: center;
	
	cursor: pointer;
}
.TimePickerDialog .Button:first-child {
	border-right: 1px solid #CCC;
}
/*.TimePickerDialog .Button:hover,*/
.TimePickerDialog .Button:active {
	color: #FFF;
	
	background-color: #0099CC;
}

/****** /js/jquery-ui-1.10.0.custom.autocomplete/css/flick/jquery-ui-1.10.0.custom.min.css ******/

/*! jQuery UI - v1.10.0 - 2013-01-31
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Helvetica,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Helvetica,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#444}.ui-widget-content a{color:#444}.ui-widget-header{border:1px solid #ddd;background:#ddd url(images/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x;color:#444;font-weight:bold}.ui-widget-header a{color:#444}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ddd;background:#f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x;font-weight:bold;color:#0073ea}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#0073ea;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #0073ea;background:#0073ea url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#fff;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #ddd;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#ff0084}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#ff0084;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #ccc;background:#fff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;color:#444}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#444}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #ff0084;background:#fff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#222}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#222}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px;background-position:16px 16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_ff0084_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_0073ea_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_666666_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_0073ea_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_ff0084_256x240.png)}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:2px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:2px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:2px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:2px}.ui-widget-overlay{background:#eee url(images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x;opacity:.8;filter:Alpha(Opacity=80)}.ui-widget-shadow{margin:-4px 0 0 -4px;padding:4px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.6;filter:Alpha(Opacity=60);border-radius:0}

/****** /css/Style.animate.css ******/

@charset "UTF-8";
/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
	-webkit-backface-visibility: hidden;
}

@-webkit-keyframes AnimateEllipsis {
	0% {
		text-shadow: none;
	}
	20% {
		text-shadow: 1rem 0 0 rgba(0,0,0,1), 1rem 0 0 rgba(0,0,0,1);
	}
	40% {
		text-shadow: 1rem 0 0 rgba(0,0,0,1), 2.2rem 0 0 rgba(0,0,0,1);
	}
	60% {
		text-shadow: 1rem 0 0 rgba(0,0,0,1), 2.2rem 0 0 rgba(0,0,0,1);
	}
	80% {
		text-shadow: 1rem 0 0 rgba(0,0,0,1), 1rem 0 0 rgba(0,0,0,1);
	}
}

.AnimateEllipsis:after {
	content: ".";
	display: inline-block;
	-webkit-animation: AnimateEllipsis 5s infinite;
}

/****** /css/Style.css ******/

/*@import url('Style.animate.css');*/

:root {
	--BodyLoadingBackgroundColor: #000000;
	--BodyLoadingFontColor: #ffffff;

	--SlideMenuTransform:       translateX(-100%);
	--SlideMenuBoxShadow:       0.1rem 1px 0.3rem rgba(0, 0, 0, 0);

	--SlideMenuActiveTransform: translateX(0%);
	--SlideMenuActiveBoxShadow: 0.1rem 1px 0.3rem rgba(0, 0, 0, .6);

	--BodyBackgroundColor:      #2e85c7;
	--BodyFontColor:            #000000;

	--FIBlueColor:              #1377dd;
	--GreenColor:               #299a0b;
	--RedColor:                 #cc2222;

	--RefineViewBorderColor:    #cccccc;

	--IconAttentionFontColor:   #f2af00;

	--HeaderPageNameFontColor: #ffffff;
	--HeaderFontColor: #666666;
	--HeaderHeading01FontColor: #000000;

	--MenuActionDropdownBackgroundColor: #eeeeee;
	--MenuActionDropdownFontColor: #444444;
	--MenuActionDropdownAnchroFontColor: var(--MenuActionDropdownFontColor);

	--WrapperBackgroundColor: #ffffff;
	--ContentBackgroundColor: #fcfcfc;
	--ContentNonIconAnchorFontColor: #0044aa;

	--HomeBlockFontColor: #333333;
	--HomeBlockAnchorFontColor: var(--HomeBlockFontColor);
	--HomeBlockSubheaderFontColor: #666666;

	--DefaultRowBackgroundColor: #ffffff;
	--DefaultRowFontColor: #333333;
	--DefaultRowAnchorFontColor: var(--DefaultRowFontColor);
	--DefaultRowHeaderRowBackgroundColor: #eeeeee;
	--DefaultRowPendingBackgroundColor: #ffe3ce;
	--DefaultRowSubRowFontColor: #666666;
	--DefaultRowActionsWrapperBackgroundColor: #ffffff;

	--DefaultRowOverdueColumnOneRowOneBeforeFontColor: #f2a000;

	--ScheduledTransactionsDefaultRowNotTypeManualBackgroundColor: #eeeeee;

	--TitleRowFontColor: #000000;

	--RowSpacerBackgroundColor: #aaaaaa;

	--FooterBackgroundColor: #cccccc;

	--CssFormCheckboxLabelBeforeFontColor: #666666;
	--CssFormCheckboxLabelBeforeBackgroundColor: #ffffff;

	--CssFormCheckboxCheckedLabelBeforeFontColor: #299a0b;
	--CssFormCheckboxFocusLabelBeforeFontColor: #0099cc;

	--CssFormInputBorderColor: #0099cc;
	--CssFormInputDisabledBackgroundColor: #f5f5f5;
	--CssFormInputReadOnlyBackgroundColor: #eeeeee;

	--CssFormAmountSignIconPlusFontColor: #299a0b;
	--CssFormAmountSignIconMinusFontColor: #cc2222;
	
	--ButtonOneFontColor: #666666;
	--ButtonOneBackgroundColor: #eeeeee;
	--ButtonOneBorderColor: #dddddd;
	
	--ButtonOneActiveFontColor: #dddddd;
	--ButtonOneActiveBackgroundColor: #aaaaaa;
	--ButtonOneFocusBorderColor: #0099cc;

	--ButtonOneGreenFontColor: #ffffff !important;
	--ButtonOneGreenBackgroundColor: #299a0b;
	--ButtonOneGreenBorderColor: transparent;

	--ButtonOneGreenActiveBackgroundColor: #52ad3b;
	--ButtonOneGreenActiveBorderColor: #237d0a;

	--TransactionViewRowAlternateBackgroundColor: #dedede;


	--SimpleModalOverlayBackgroundColor: #000000;
	--SimpleModalContainerBackgroundColor: #ffffff;
	--SimpleModalContainerBorderColor: #444444;

	--SimpleModalContainerCodeFontColor: #bbbbbb;
	--SimpleModalContainerCodeBackgroundColor: #141414;

	--SimpleModalContainerCloseImgBackgroundURL: url(/framework/images/simplemodal/x.png);

	--SimpleModalContainerHeading3FontColor: #84b8d9;

	--PercentBarHeight: 10px;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

html {
	font-size: 62.5%;
	margin:    0;
	padding:   0;
	height:    100%;
}

body {
	display:          flex;
	justify-content:  center;

	font-family:      'Lato', arial, helvetica, sans-serif;
	font-size:        1.6rem;
	margin:           0px;
	padding:          0px;
	background-color: var(--BodyBackgroundColor);
	min-height:       100%;
	color:            var(--BodyFontColor);
}

body.OverscrollContain {
	overflow: hidden;
}

body.Loading * {
	cursor: wait;
}

body:before {
	content:    "";
	display:    none;
	width:      100%;
	height:     100%;
	background: var(--BodyLoadingBackgroundColor);
	position:   fixed;
	left:       0;
	top:        0;
	z-index:    -1000;
	opacity:    0;
	transition: opacity 1s;
}

body.Loading:before {
	content:    "";
	display:    block;
	opacity:    .5;
	z-index:    1000;
	transition: opacity 1s;
}

body.Loading:after {
	/* <i class="icon-spin1 animate-spin"></i> <i>Loading...</i> */
	content:           '\e830';
	font-family:       'fontello';
	color:             var(--BodyLoadingFontColor);
	opacity:           .8;
	font-size:         8rem;
	/*display:           block;*/
	width:             8rem;
	height:            8rem;
	margin:            -4rem 0 0 -4rem;
	line-height:       8rem;
	position:          fixed;
	left:              50%;
	top:               50%;
	z-index:           1001;
	-moz-animation:    spin 2s infinite linear;
	-o-animation:      spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation:         spin 2s infinite linear;
	display:           inline-block;
}

input, textarea, select {
	font-family: inherit;
	font-size:   inherit;
}

input, textarea, select, button {
	transition: 0.25s;
}

h1 {
	font-size: 2.67rem;
}

.h2 {
	font-size: 2rem;
}

.h2, .h3 {
	display: block;
	margin:  0.25rem 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin:             0;
}

input[type=number] {
	-moz-appearance: textfield !important;
}

textarea {
	resize: none;
}

button {
	cursor:        pointer;
	border:        1px solid;
	border-radius: 0.5rem;
}

.TextAreaSizer {
	display:       block;
	position:      relative;
	min-height:    1.5em;
	overflow-wrap: break-word;
}

.TextAreaSizer::after {
	content:       attr(data-value) ' ';
	visibility:    hidden;
	white-space:   pre-wrap;
	border-bottom: 1px solid transparent;
	display:       block;

	width:         100%;
	height:        100%;

	overflow:      auto;

	padding:       0.2rem;
}

.TextAreaSizer textarea {
	position: absolute;
	left:     0;
	top:      0;
	z-index:  1;

	width:    100%;
	height:   100% !important;

	overflow: hidden;
}

a {
	text-decoration: none;
	color:           inherit;
}

img {
	border: none;
}

.OverscrollContain {
	overscroll-behavior: contain;
}

.InsetBlock {
	margin: 0 1rem;
}

.inline {
	display: inline !important;
}

.FIBlue {
	color: var(--FIBlueColor) !important;
}

.green {
	color: var(--GreenColor) !important;
}

.red, .Error {
	color: var(--RedColor) !important;
}

.clearfix:after {
	content:    ".";
	display:    block;
	height:     0;
	clear:      both;
	visibility: hidden;
	overflow:   hidden;
}

.CenteredWrapper {
	margin: 0px auto;
	width:  80rem;
}

.wrapper {
	width:  100%;
	margin: 0px auto;
}

.Rotate180 {
	transform: rotateX(180deg);
}

.FloatLeft {
	float: left;
}

.FloatLeft.Second {
	margin-left: 10%;
}

.WidthForty {
	width: 40%;
}

.WidthFortyFive {
	width: 45%;
}

.WidthFifty {
	width: 50%;
}

.RefineView {
	border-bottom: 0.2rem solid var(--RefineViewBorderColor);
	display:       none;
}

.RefineView.Active {
	display: block;
}

.DisplayNone {
	display: none !important;
}

/* ========================================================
		fontello overrides
======================================================== */
[class^="icon-"]:before,
[class*=" icon-"]:before {
	width:        auto;
	margin-right: auto;
	/* Animation center compensation - magrins should be symmetric */
	/* remove if not needed */
	margin-left:  auto;
}

.icon-attention {
	color: var(--IconAttentionFontColor);
}


/**
Material Icons
 */
.material-icons.inline {
	vertical-align: text-bottom;
}

button.material-icons {
	padding: 4px;
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }

.material-icons.md-24 { font-size: 24px; }

.material-icons.md-36 { font-size: 36px; }

.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }

.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }

.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

/**
Content
 */
#ContentWrapper {
	margin-left: 320px;
}

.LoggedOut #ContentWrapper,
#dev_transaction-compare #ContentWrapper {
	margin-left: 0;
}

#dev_transaction-compare #ContentWrapper {
	max-width: 1560px;
}

#HeaderWrapper {
	width:    100%;
	position: fixed;
	top:      0;
	left:     0;
	z-index:  100;
}

#header {
	width:            100%;
	height:           4.5rem;
	position:         relative;
	color:            var(--HeaderFontColor);
	box-shadow:       0px 1px 3px rgba(0, 0, 0, 0.3);
	background-color: rgb(222, 237, 218);
	border-bottom:    0.1rem solid #999999;
}

#header h1 {
	margin:      0 0 0 5.8rem;
	padding:     0.1rem 0 0.1rem 0;
	line-height: 4rem;
	display:     block;
	height:      100%;
	overflow:    hidden;
	position:    relative;
	z-index:     1;
	font-size:   2.5rem;
	color:       var(--HeaderHeading1FontColor);
	white-space: nowrap;
}

#header[data-buttons="1"] h1 {
	margin-right: 4.5rem;
}

#header[data-buttons="2"] h1 {
	margin-right: calc(4.5rem * 2);
}

#header h1:before {
	content:    "";
	display:    block;
	width:      1rem;
	height:     100%;
	position:   absolute;
	left:       0;
	top:        0;
	z-index:    9;
	background: -moz-linear-gradient(left, rgba(222, 237, 218, 1) 0%, rgba(222, 237, 218, 0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(222, 237, 218, 1)), color-stop(100%, rgba(222, 237, 218, 0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(222, 237, 218, 1) 0%, rgba(222, 237, 218, 0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(222, 237, 218, 1) 0%, rgba(222, 237, 218, 0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(222, 237, 218, 1) 0%, rgba(222, 237, 218, 0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(222, 237, 218, 1) 0%, rgba(222, 237, 218, 0) 100%); /* W3C */
}

#header h1:after {
	content:    "";
	display:    block;
	width:      1rem;
	height:     100%;
	position:   absolute;
	right:      0;
	top:        0;
	z-index:    10;
	background: -moz-linear-gradient(left, rgba(222, 237, 218, 0) 0%, rgba(222, 237, 218, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(222, 237, 218, 0)), color-stop(100%, rgba(222, 237, 218, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(222, 237, 218, 0) 0%, rgba(222, 237, 218, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(222, 237, 218, 0) 0%, rgba(222, 237, 218, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(222, 237, 218, 0) 0%, rgba(222, 237, 218, 1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(222, 237, 218, 0) 0%, rgba(222, 237, 218, 1) 100%); /* W3C */
}

.LoggedOut #header h1 {
	margin-right: 0;
}

#header h1 a {
	display: inline-block;

	opacity: .7;
}

#header h1 a:after {
	content:        "\e75e";

	font-family:    "fontello";
	font-size:      75%;
	vertical-align: middle;

	display:        inline-block;
	margin-left:    0.5rem;
}

/* Let's get this party started */
#header ::-webkit-scrollbar {
	display: none;
}

#header .Breadcrumbs {
	padding: 0 .4rem 0 0.6rem;
}

#header .Breadcrumbs {
	display:    inline-block;
	position:   relative;
	width:      100%;
	overflow-x: auto;
	overflow-y: hidden;
}

#header .Breadcrumbs > span {
	display: inline-block;
}

.DevEnv #header .Breadcrumbs .EnvironmentPageTitle {
	color: #ffa500;
}

.BetaEnv #header .Breadcrumbs .EnvironmentPageTitle {
	color: #FF0000;
}

#header a.goBack,
#SiteMenuBtn,
#SiteHomeBtn {
	display:      inline-block;
	width:        4rem;
	height:       100%;
	margin:       0;
	padding-left: 0.7rem;
	position:     absolute;
	left:         0px;
	top:          0px;
	z-index:      5;
	text-align:   left;
	font-size:    3rem;
	line-height:  4.5rem;
	cursor:       pointer;
}

#SiteMenuBtn {
	width:          6.0rem;

	padding:        0;

	vertical-align: middle;
	overflow:       hidden;
}

.LoggedOut #SiteMenuBtn {
	display: none;
}

#SiteMenuBtn > span {
	display:            inline-block;

	position:           relative;
	transform:          translateX(-1.6rem);

	margin-right:       -.9rem;

	-webkit-transition: all 1s;
	transition:         all 1s;

	line-height:        inherit;
	vertical-align:     top;
}

#SiteMenuBtn img,
#SiteHomeBtn img {
	width:          4rem;
	height:         4rem;
	display:        inline-block;
	vertical-align: top;
	margin-top:     0.2rem;
	margin-left:    0rem;
}

#header .pageName {
	float: right;
	color: var(--HeaderPageNameFontColor);
}

#Menu {
	position: absolute;
	right:    0px;
	top:      0px;
	z-index:  10;
	height:   100%;
	overflow: visible;
}

.MenuButton {
	display:     block;
	float:       left;
	width:       4.5rem;
	height:      100%;
	position:    relative;
	cursor:      pointer;
	line-height: 4.5rem;
	text-align:  center;
	font-size:   3rem;
}

.MenuButton:before {
	width: 100% !important;
}

#Menu .ActionButton {
	display: none;
}

#Menu .ActionButton.Enabled {
	display: block;
}

/*#Menu .ActionButton:before {
	border-bottom: 0.5rem solid #CCCCCC;
	border-top: 0.5rem solid #CCCCCC;
	content: "";
	height: 0.4rem;
	left: 45%;
	position: absolute;
	top: 22%;
	width: 0.5rem;
}
#Menu .ActionButton:after {
	border-bottom: 0.5rem solid #CCCCCC;
	content: "";
	height: 0rem;
	left: 45%;
	position: absolute;
	bottom: 22%;
	width: 0.5rem;
}*/
#Menu .ActionDropdown {
	position:      absolute;
	right:         0px;
	top:           100%;
	background:    var(--MenuActionDropdownBackgroundColor);
	width:         25rem;
	display:       none;
	box-shadow:    0 0 8px rgba(0, 0, 0, 0.5);
	border-radius: 0 0 .3rem .3rem;
	overflow:      hidden;
	color:         var(--MenuActionDropdownFontColor);
}

#Menu .ActionDropdown a {
	color: var(--MenuActionDropdownAnchorFontColor);
}

#Menu .ActionDropdown.Active {
	display: block;
}

#Menu ul {
	padding: 0;
	margin:  0px;
}

#Menu ul.Icons {

}

#Menu ul.Icons li {
	list-style: none;
	float:      left;
	width:      33%;
	text-align: center;
}

#Menu ul.Icons li:not(:last-child) {
	border-right: 1px solid #aaaaaa;
}

#Menu ul.Icons a {
	display:    block;
	padding:    0.3rem 0.5rem 0.2rem;
	font-size:  3rem;
	width:      100%;
	text-align: center;
}

#Menu ul[class*=Actions] {

}

#Menu ul[class*=Actions] li {
	border-top: 1px solid #aaaaaa;
}

#Menu ul[class*=Actions] a {
	display:     block;
	padding:     1.2rem 0.7rem;
	font-weight: bold;
	font-size:   1.8rem;
	line-height: 1.2;
}

#Menu ul[class*=Actions] li a [class*='icon-']:first-child {
	display:      inline-block;

	width:        2.2rem;
	height:       2.2rem;

	margin-right: 0.5rem;

	line-height:  2.2rem;

	text-align:   center;
}

#wrapper {
	height:           100%;

	margin:           0px auto;
	padding:          4.5rem 0;

	background-color: var(--WrapperBackgroundColor);
	box-shadow:       1px 2px 8px rgba(0, 0, 0, 0.75);
}

.SiteAddButtonVisible #wrapper {
	padding-bottom: 8rem;
}

#content {
	padding:          1px 0;
	background-color: var(--ContentBackgroundColor);
	width:            100%;
	height:           100%;
}

#content.Padded {
	padding: 1rem 2rem;
}

#content a:not([class*="icon"]) {
	color: var(--ContentNonIconAnchorFontColor);
}

.homeBlock {
	display:         block;
	position:        relative;
	margin:          0;
	padding:         1rem 2rem;
	text-decoration: none;
	color:           var(--HomeBlockFontColor);
	border-bottom:   0.1rem solid #cccccc;
}

#content a.homeBlock {
	color: var(--HomeBlockAnchorFontColor);
}

.homeBlock:last-child {
	border-bottom: 0;
}

.homeBlock[href] {
	cursor: pointer;
}

.homeBlock[href]:active {
	background: rgba(188, 219, 181, .4);
}

.homeBlock .h2 {
	font-weight:    bold;
	margin-bottom:  0;
	text-transform: uppercase;
}

.homeBlock .h2[class*="icon-"]:before {
	margin-right: .5rem;
}

.homeBlock .subHeader {
	color:          var(--HomeBlockSubheaderFontColor);
	display:        inline-block;
	margin-left:    0.5rem;
	font-weight:    normal;
	text-transform: none;
	font-size:      90%;
}

.homeBlock .total {
	font-size: 3rem;
}

.homeBlock .total .type {
	font-size: 2rem;
}

/*
 * =====================================================================
*/
.defaultRow {
	background-color: var(--DefaultRowBackgroundColor);
	display:          block;
	padding:          1.1em 0.5em;
	position:         relative;
	text-decoration:  none;
	color:            var(--DefaultRowFontColor);
	cursor:           pointer;

	margin:           0.7em 0.5em;
	border-radius:    0.2em;
	box-shadow:       0 0 0.2em 0 rgba(0, 0, 0, .2), 0 0.3em 0.4em -0.2em rgba(0, 0, 0, .2);
}

#content a.defaultRow {
	color: var(--DefaultRowAnchorFontColor);
}

.defaultRow.headerRow {
	background-color: var(--DefaultRowHeaderRowBackgroundColor);
	cursor:           default;
}

.defaultRow.Pending {
	background-color: var(--DefaultRowPendingBackgroundColor);
}

.defaultRow span {
	display: block;
}

.defaultRow span[class*=" icon-"] {
	display:    inline-block;
	width:      2rem;
	text-align: center;
}

.defaultRow span.AccountID {
	display: none;
}

.defaultRow .columnOne,
.defaultRow .columnTwo {
	float:    left;
	width:    75%;
	overflow: auto;
}

.defaultRow .columnOne::-webkit-scrollbar,
.defaultRow .columnTwo::-webkit-scrollbar {
	display: none;
}

.defaultRow .columnTwo {
	width:      25%;
	text-align: right;
}

.defaultRow [class^=row] {
	padding: 0.3rem 0.6rem 0.3rem;
}

.defaultRow .rowOne {
	font-weight: bold;
	font-size:   1.8rem;
}

.defaultRow .rowTwo,
.defaultRow .rowThree,
.defaultRow .rowFour,
.defaultRow .rowFive {
	padding-top:  0rem;
	padding-left: 0.3rem;
	color:        var(--DefaultRowSubRowFontColor);
	font-size:    1.5rem;
}

.defaultRow .rowThree:empty {
	padding: 0;
}

.defaultRow .columnOne .rowOne,
.defaultRow .columnOne .rowTwo {
	white-space: nowrap;
}

.defaultRow .columnOne .rowOne {
	padding-right: 1rem;
}

.defaultRow .ActionsWrapper {
	box-shadow:    0 2px 3px 0 rgba(0, 0, 0, 0.3);
	display:       none;
	position:      absolute;
	left:          1rem;
	top:           100%;
	z-index:       100;
	background:    var(--DefaultRowActionsWrapperBackgroundColor);
	padding:       0.2rem 0.6rem;
	font-size:     3rem;
	border-radius: 0 0 0.1066666em 0.1066666em;
}

.FadeOut {
	opacity:            0 !important;
	-moz-transition:    opacity 2s; /* Firefox 4 */
	-webkit-transition: opacity 2s; /* Safari and Chrome */
	-o-transition:      opacity 2s; /* Opera */
	transition:         opacity 2s;
}

.defaultRow .ActionsWrapper.Active {
	display: block;
	opacity: 1;
}

.defaultRow .ActionsWrapper [class*="icon-"] {
	display:    inline-block;
	text-align: center;
	width:      4rem;
	margin:     0 0.2rem;
}

.defaultRow .ActionsWrapper a:active {
	background: rgba(188, 219, 181, .4);
}

.defaultRow.Overdue .rowOne {

}

.defaultRow.Overdue .columnOne .rowOne:before {
	content:     "\26a0 ";
	font-family: "fontello";
	color:       var(--DefaultRowOverdueColumnOneRowOneBeforeFontColor);
}

/* Schedules Transactions rows */
#scheduled-transactions .defaultRow:not([data-repeat-type="Manual"]) {
	background-color: var(--ScheduledTransactionsDefaultRowNotTypeManualBackgroundColor);
}

.titleRow {
	position:    relative;
	color:       var(--TitleRowFontColor);
	font-weight: bold;
	font-size:   1.8rem;
	background:  transparent;
	padding:     1.2rem 0.5rem;
	text-align:  center;

	white-space: nowrap;
	margin:      0.8em auto;
}

.titleRow::before,
.titleRow::after {
	content:       "";

	position:      absolute;
	top:           50%;
	z-index:       0;

	width:         calc(50% - 7.2em);
	height:        0;

	border-top:    1px solid #2e85c7;
	border-bottom: 1px solid #2e85c7;
}

.titleRow::before {
	left: 2.5em;
}

.titleRow::after {
	right: 2.5em;
}

.rowSpacer {
	display:    none;
	height:     0.15rem;
	background: var(--RowSpacerBackgroundColor);
}

.rowSpacer:last-child {
	display: none;
}

#FooterWrapper {
	width:    100%;
	position: fixed;
	bottom:   0;
	left:     0;
	z-index:  100;
}

#footer {
	text-align:       center;
	background-color: var(--FooterBackgroundColor);
	box-shadow:       0px -2px 2px rgba(0, 0, 0, 0.5);
	height:           4rem;
	position:         relative;
}

#login #footer {
	display: none;
}

.greaterThanArrow {
	display:    none !important;
	position:   absolute;
	right:      0px;
	top:        0px;
	bottom:     0px;
	width:      5%;
	font-size:  3rem;
	text-align: center;
}

.greaterThanArrow:before {
	position: absolute;
	top:      40%;
	top:      -webkit-calc(50% - 0.5em);
	top:      -o-calc(50% - 0.5em);
	top:      calc(50% - 0.5em);
	left:     -webkit-calc(50% - .3rem);
	left:     -o-calc(50% - .3rem);
	left:     calc(50% - .3em);
}

.parentCategory {
	font-weight: bold;
}

.cssForm {
	padding: 1rem;
}

.cssForm p,
.cssForm #addSplitTransactions,
.cssForm > .Column {
	width: 50%;
}

.cssForm p.FullWidth,
.cssForm > .Column.FullWidth {
	width: 100%;
}

.cssForm label {
	display:        block;
	opacity:        0.4;
	text-transform: uppercase;
}

.cssForm label[for] {
	cursor: pointer;
}

.cssForm input[type="radio"],
.cssForm input[type="checkbox"] {
	vertical-align: middle;
}

.cssForm input[type="checkbox"] {
	/*opacity: 0;*/
	width: 15px;
	height: 15px;
}

.cssForm [type="checkbox"] + label,
.cssForm [type="radio"] + label {
	display:        inline-block;
	opacity:        1;
	/*padding-left:   2.2rem;*/
	position:       relative;
	z-index:        1;
	text-transform: none;
	vertical-align: middle;
}

.cssForm .CheckboxFormField {
	display: block;
	position: relative;
}

.cssForm .CheckboxFormField input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.cssForm .CheckboxFormField input[type="checkbox"] + label {
	padding-left: 26px;
}

/*
.cssForm [type="checkbox"] + label:before {
	content:          "\f096";

	display:          block;

	height:           0.8em;
	padding:          0;

	font-family:      "fontello";

	color:            var(--CssFormCheckboxLabelBeforeFontColor);

	background-color: var(--CssFormCheckboxLabelBeforeBackgroundColor);

	position:         absolute;
	left:             0;
	top:              0.1em;
	z-index:          10;

	font-size:        1.2em;

	line-height:      0.9;
	border-radius:    0.2em;
}

.cssForm [type="checkbox"]:checked + label:before {
	content: "\2611";

	color:   var(--CssFormCheckboxCheckedLabelBeforeFontColor);
}

.cssForm [type="checkbox"]:focus + label:before {
	color: var(--CssFormCheckboxFocusLabelBeforeFontColor);
}
 */

input:not([type="radio"]):not([type="checkbox"]), select, textarea {
	-webkit-appearance: none; /* fix shadows in iOS */
	-moz-appearance:    none; /* fix shadows in mobile firefox too! */
	appearance:         none;
}

.cssForm input:not([type="submit"]):not([type="button"]):not([type="image"]):not([type="radio"]):not([type="checkbox"]),
.cssForm select,
.cssForm textarea {
	width:         100%;
	outline:       none;
	border:        0 none;
	border-bottom: 1px solid #aaaaaa;
	padding:       0.2rem;
	/*font-size: 1.2rem;*/
	border-radius: 0;
	background:    transparent;
}

.cssForm [type=button] {
	outline: none;
}

.cssForm input:not([type="submit"]):not([type="button"]):not([type="image"]):not([type="radio"]):not([type="checkbox"]):focus,
.cssForm select:focus,
.cssForm textarea:focus {
	border-bottom-color: var(--CssFormInputBorderColor);
}

.cssForm input.TimePicker,
.cssForm input.DatePicker {
	width: 47.5% !important;
	float: left;
}

.cssForm input.TimePicker {
	width:       47.5% !important;
	margin-left: 5% !important;
}

.cssForm input[type="text"][disabled="disabled"] {
	background-color: var(--CssFormInputDisabledBackgroundColor);
}

input[type="radio"] {
	margin:         0px 3px 0px 5px;
	vertical-align: top;
}

.cssForm select {
	overflow:      hidden;
	white-space:   nowrap;
	text-overflow: ellipsis;
}

.cssForm textarea {
	height: 2.4rem;
}

.cssForm .hidden {
	display: none;
}

.cssForm .amountSign {
	display:        inline-block;
	width:          10%;
	padding:        0;
	text-align:     right;
	vertical-align: middle;
	cursor:         pointer;
	white-space:    nowrap;
	/*font-size: 1.5rem;*/
}

.cssForm .amountSign[class*="icon-"]:before {
	position: relative;
	top:      0.1rem;
}

.cssForm .amountSign[class*="icon-"] {
	padding-right: 0.5rem;
}

.cssForm .amountSign.icon-plus-1 {
	color: var(--CssFormAmountSignIconPlusFontColor);
}

.cssForm .amountSign.icon-minus-1 {
	color: var(--CssFormAmountSignIconMinusFontColor);
}

.cssForm .TotalAmountSign {
	width:         4rem;
	position:      relative;
	z-index:       10;
	margin-right:  -4rem;
	padding-right: .7rem;
}

.cssForm #TotalAmountWrapper {
	width:        100%;
	padding-left: 4rem;
	position:     relative;
	z-index:      9;
	display:      inline-block;
}

.cssForm .disabled,
.cssForm input:read-only,
.cssForm textarea:read-only {
	background-color: var(--CssFormInputReadOnlyBackgroundColor);
}

.cssForm .Note {
	font-size:   75%;
	font-weight: normal;
	opacity:     .4;
}

#addSplitTransactions .columnOne,
#addSplitTransactions .columnTwo,
#transaction-view .columnOne,
#transaction-view .columnTwo {
	float: left;
}

#addSplitTransactions .columnOne,
#transaction-view .columnOne {
	width: 75%;
}

#addSplitTransactions .columnTwo,
#transaction-view .columnTwo {
	text-align: right;
	width:      25%;
}

#addSplitTransactions .TextAreaSizer {
	width:  87.5%;
	margin: 0.5rem 2.5% 0.5rem 10%;
}

#addSplitTransactions .splitRow.Required .TextAreaSizer {
	width:  95%;
	margin: 0.5rem 2.5%;
}

#addSplitTransactions select[name="splitCategory[]"] {
	width:   95%;
	margin:  0.5rem 2.5%;
	/*height: 1.8rem;*/
	display: block;
}

#addSplitTransactions input {
	width:  80%;
	margin: 0 5% 0.5rem 0;
}

#addSplitTransactions input[name="splitInputAmount[]"] {
	margin-top: 0.5rem;
}

#addSplitTransactions .amountSign {
	padding: 0 0.2rem 0 0;
	width:   12%;
}

.SplitRows {
	display: none;
}

.SplitRows.Visible {
	display: block;
}

#addSplitTransactions .splitRow,
#transaction-view .splitRow {
	margin-left:    0;
	margin-right:   0;

	position:       relative;

	padding-top:    0;
	padding-bottom: 0.5em;
}

#addSplitTransactions #splitRowAdd {
	background:  transparent;
	padding-top: 0.2rem;
}

.splitRow .icon-cancel-1 {
	position:  absolute;
	top:       -0.1rem;
	left:      0.2rem;
	opacity:   0.75;
	font-size: 2.8rem;
	cursor:    pointer;
	display:   block;
}

.splitRow .icon-cancel-1:before {
	width: 3rem;
}

#splitTotalSum {
	cursor: pointer;
}

.buttonOne {
	display:               inline-block;
	text-align:            center;
	color:                 var(--ButtonOneFontColor);
	font-weight:           bold;
	padding:               0 1rem;
	cursor:                pointer;
	border:                1px solid var(--ButtonOneBorderColor);
	line-height:           4rem;

	background-color:      var(--ButtonOneBackgroundColor);

	min-width:             7rem;

	outline:               none;

	-moz-border-radius:    0.1rem;
	-webkit-border-radius: 0.1rem;
	border-radius:         0.1rem;
}

button.buttonOne {
	font-family:    inherit;
	font-size:      inherit;
	vertical-align: top;
}

.buttonOne:disabled {
	opacity: .5;
	cursor:  not-allowed;
}

#content a.buttonOne {
	color: var(--ButtonOneFontColor);
}

.buttonOne:active {
	background-color: var(--ButtonOneActiveBackgroundColor);
	border-color:     var(--ButtonOneActiveFontColor);
}

.buttonOne:focus {
	border-color: var(--ButtonOneFocusBorderColor);
}

.buttonOne.Green {
	color:            var(--ButtonOneGreenFontColor) !important;

	background-color: var(--ButtonOneGreenBackgroundColor);

	border-color:     var(--ButtonOneGreenBorderColor);
}

.buttonOne.Green:active {
	background-color: var(--ButtonOneGreenActiveBackgroundColor);

	border-color:     var(--ButtonOneGreenActiveBorderColor);
}

#GetMoreTransactionsBtn.buttonOne {
	display:     block;

	margin-top:  4.4em;

	text-align:  center;
	line-height: 4rem;
	font-weight: bold;
}

#transaction-view #content p {
	width:       48%;
	margin-left: 2%;
}

#transaction-view #content p.TransactionViewRow {
	width:   50%;
	margin:  0;
	padding: 0.5rem;
}

#transaction-view #content p.TransactionViewRow:nth-child(odd) {
	background-color: var(--TransactionViewRowAlternateBackgroundColor);
}

.TransactionViewSubtitle {
	float:       left;
	width:       30%;
	font-weight: bold;
}

#transaction-view .splitRow {
	width:       48%;
	margin-left: 2%;
	padding:     0 2% 0 1%;
	font-size:   1.5rem;
	border-left: 1px solid #eeeeee;
}

#transaction-view .splitRow .TransactionViewSubtitle {
	float:   none;
	display: block;
	width:   auto;
}

.ImportRow {
	padding: 1rem;
}

#RefineTransactionsView {
	border-bottom: 0.2rem solid #cccccc;
	display:       none;
}

#RefineTransactionsView.Active {
	display: block;
}

/* MobiScroll Adjustments */
.cssForm select,
input[id$="_dummy"],
.cssForm input.DatePicker,
.cssForm input.TimePicker {
	padding-right:   12px;
	background:      transparent url('/framework/images/bottom-right-angle-triangle.svg') scroll no-repeat right bottom;
	background-size: auto 50%;
}


/* jquery UI adjustments */
.ui-autocomplete {
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

#content .Buttons {
	margin-top: 1rem;
}

select .TopCat {
	font-weight: bold;
}

select .Subcat {
	padding-left: 1rem;
}

select [class*="icon-"] {
	display: block;
}

select [class*="icon-"]:before {
	display:      inline-block;
	margin-right: 0.2rem;
	opacity:      .3;
}


/*
 * Simplemodal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#basic-modal-content {display: none;}

/* Overlay */
#simplemodal-overlay {background-color: var(--SimpleModalOverlayBackgroundColor);z-index: 900 !important;}

/* Container */
#simplemodal-container {height: 360px; width: 400px; background-color: var(--SimpleModalContainerBackgroundColor); border: 4px solid var(--SimpleModalContainerBorderColor); padding: 0;z-index: 901 !important;}

#simplemodal-container .simplemodal-data {height: 100%;}

#simplemodal-container code {background: var(--SimpleModalContainerCodeBackgroundColor); border-left: 3px solid #65b43d; color: var(--SimpleModalContainerCodeFontColor); display: block; margin-bottom: 12px; padding: 4px 6px 6px;}

#simplemodal-container a {}

#simplemodal-container a.modalCloseImg {background: var(--SimpleModalContainerCloseImgBackgroundURL) no-repeat; width: 25px; height: 29px; display: inline; z-index: 902 !important; position: absolute; top: -15px; right: -16px; cursor: pointer;}

#simplemodal-container h3 {color: var(--SimpleModalContainerHeading3FontColor);}

.SimpleModal {
	display:  none;
	position: relative;
	padding:  3rem 0;
}

.SimpleModal .Title {
	position:      absolute;
	left:          0;
	top:           0;
	line-height:   2rem;
	padding:       0 1rem;
	text-overflow: ellipsis;
	font-weight:   bold;
	font-size:     1.5rem;
}

.SimpleModal .Scrollable {
	height:              100%;
	overflow-x:          hidden;
	overflow-y:          auto;
	overscroll-behavior: contain;
}

.SimpleModal .cssForm p,
.SimpleModal .cssForm .Column {
	width: 100%;
}

.SimpleModal .Buttons {
	position:   absolute;
	left:       0;
	bottom:     0;
	z-index:    100;
	width:      100%;
	border-top: 1px solid #aaaaaa;
	background: #ffffff;
}

.SimpleModal .ModalButton {
	display:     block;
	float:       left;
	width:       50%;
	line-height: 3rem;
	text-align:  center;
	border-left: 1px solid #aaaaaa;
	cursor:      pointer;
}

.SimpleModal .ModalButton.Single {
	width: 100%;
}

.SimpleModal .ModalButton:first-child {
	border: 0;
}

.ShowMoreContent {
	display: block;
}

.ShowMoreContent.Show {
	display: block;
}

.CategoriesList {
	margin:     0px;
	padding:    0px;
	list-style: none;
}

.CategoriesListModalTitle {
	padding:       .1rem .5rem !important;
	font-size:     1.6rem !important;
	white-space:   nowrap;
	overflow:      hidden;
	text-overflow: ellipsis;
}

.CategoriesListModalTitle [type=text] {
	width:        50% !important;
	margin-right: 1rem;
}

.CategoriesListModalTitle span {
	opacity: .4;
}

.CategoriesList li {
	padding:       1rem;
	border-bottom: 1px solid #cccccc;
	cursor:        pointer;
	display:       block !important;
	position:      relative;
}

.CategoriesList li.Hidden {
	display: none !important;
}

.CategoriesList li.SearchMatch {
	background-color: rgba(173, 216, 230, .3);
}

.CategoriesList li:hover, .CategoriesList li:active {
	background: rgba(188, 219, 181, .4);
}

.CategoriesList li.selected {
	color: #299a0b;
}

.CategoriesList li.selected:after {
	content:     "\e803";
	font-family: "fontello";
	display:     block;
	position:    absolute;
	right:       1rem;
	top:         1rem;
}

.CategoriesList .Subcat {
	padding-left: 2rem;
}


[class*="IconStack-"] {
	position: relative;
}

[class*="IconStack-"] [class*="icon-"] {
	position: absolute;
	left:     0;
	top:      0;
	z-index:  5;
	width:    100%;
}

.IconStack-QuickAdd [class*="icon-"] {
	font-size:   .4em;
	color:       #ffffff;
	width:       100%;

	text-shadow: 0px 0px 1px rgba(255, 255, 255, .5);
	text-align:  center;
}

.IconStack-QuickAdd [class*="icon-"]:before {
	line-height: inherit !important;
}

.IconStack-TransactionAdd .icon-plus-1 {
	width:       auto;
	height:      auto;

	left:        auto;
	right:       9%;
	top:         13%;

	font-size:   50%;
	color:       #ffffff;

	line-height: 1;
	text-shadow: 0.1rem 0.1rem 0 #000000, -0.1rem 0.1rem 0 #000000, 0.1rem -0.1rem 0 #000000, -0.1rem -0.1rem 0 #000000;
}

.IconStack-BankAdd [class*="icon-"] {
	width:       auto;
	height:      auto;

	left:        auto;
	right:       9%;
	top:         13%;

	font-size:   50%;
	color:       #ffffff;

	line-height: 1;
	text-shadow: 0.1rem 0.1rem 0 #000000, -0.1rem 0.1rem 0 #000000, 0.1rem -0.1rem 0 #000000, -0.1rem -0.1rem 0 #000000;
}

.IconStack-ScheduledTransactionAdd .icon-clock {
	width:       auto;
	height:      auto;

	left:        auto;
	right:       14%;
	top:         63%;

	font-size:   44%;

	line-height: 1;
}

.IconStack-ScheduledTransactionAdd .icon-plus-1 {
	width:       auto;
	height:      auto;

	left:        auto;
	right:       9%;
	top:         auto;
	bottom:      3%;

	font-size:   50%;
	color:       #ffffff;

	line-height: 1;
	text-shadow: 0.1rem 0.1rem 0 #000000, -0.1rem 0.1rem 0 #000000, 0.1rem -0.1rem 0 #000000, -0.1rem -0.1rem 0 #000000;
	/*text-shadow: 0.1rem 0rem 0 #000, -0.1rem 0rem 0 #000, 0rem 0.1rem 0 #000, 0rem -0.1rem 0 #000;*/
}

.IconStack-ScheduledTransactionInsertNext [class*="icon-"] {
	width:       auto !important;
	height:      auto;
	margin:      0 !important;

	left:        auto;
	right:       3%;
	top:         auto;
	bottom:      3%;

	font-size:   50%;
	color:       #ffffff;

	line-height: 1;
	/*text-shadow: 0.1rem 0.1rem 0 #000, -0.1rem 0.1rem 0 #000, 0.1rem -0.1rem 0 #000, -0.1rem -0.1rem 0 #000, 0.2rem 0rem 0 #000;*/
	text-shadow: 0.1rem 0rem 0 #000000, -0.1rem 0rem 0 #000000, 0rem 0.1rem 0 #000000, 0rem -0.1rem 0 #000000, -0.1rem -0.1rem 0 #000000;

}

.IconStack-AddArrow {
	font-size:      2rem;
	width:          3rem !important;
	padding:        0 .5rem 0 0;
	line-height:    3.2rem;
	vertical-align: top;
}

.IconStack-AddArrow:after {
	content:      "";
	position:     absolute;
	left:         -.5rem;
	top:          0;
	z-index:      10;
	width:        100%;
	height:       100%;
	border:       .5rem solid #333333;
	border-right: 0;
}

.IconStack-AddArrow span {
	border:            .5rem solid #333333;
	display:           block;
	height:            2.2rem;
	width:             2.2rem;
	border-top:        0;
	border-left:       0;
	-ms-transform:     rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform:         rotate(-45deg);
	text-shadow:       0px 0px 1px rgba(255, 255, 255, .5);
	position:          absolute;
	left:              100%;
	top:               .5rem;
	margin-left:       -1.6rem;
}

#RefineTrackingView {
	border-bottom: 0.2rem solid #cccccc;
	display:       none;
	margin-bottom: 2rem;
}

#RefineTrackingView.Active {
	display: block;
}

#TrackingView-CashFlow {
	margin-bottom: 2rem;
}

#TrackingView-Categories {
	line-height: 1.5em;
}

#TrackingView-Categories span {
	display: inline-block;
}

#TrackingView-Categories .TopCat {
	cursor:           pointer;
	background-color: #eeeeee;
}

#TrackingView-Categories .TopCat,
#TrackingView-Categories .SubCat {
	position:      relative;
	border:        1px solid #dddddd;
	border-radius: .5rem;
	margin:        .5rem 0;
	padding:       0 .7rem;
}

#TrackingView-Categories .TrackingGroup {
	margin: 1rem 0;
}

#TrackingView-Categories .SubCatGroup {
	margin-left: 3rem;
}

#TrackingView-Categories .SubCatGroup {
	height:             0;
	opacity:            0;
	overflow:           hidden;
	-webkit-transition: height 2s, opacity 2s; /* Safari */
	transition:         height 2s, opacity 2s;
}

#TrackingView-Categories .SubCatGroup.Active {
	opacity:            1;
	overflow:           hidden;
	-webkit-transition: height 2s, opacity 2s; /* Safari */
	transition:         height 2s, opacity 2s;
}

/* each (SubCat is supposed to consume 31px) + 5px for the last subcats bottom margin */
#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="1"] {
	height: 3.6rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="2"] {
	height: 6.7rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="3"] {
	height: 9.8rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="4"] {
	height: 12.9rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="5"] {
	height: 16.0rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="6"] {
	height: 19.1rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="7"] {
	height: 21.7rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="8"] {
	height: 25.3rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="9"] {
	height: 28.4rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="10"] {
	height: 31.5rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="11"] {
	height: 34.6rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="12"] {
	height: 37.7rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="13"] {
	height: 40.8rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="14"] {
	height: 43.9rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="15"] {
	height: 47.0rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="16"] {
	height: 50.1rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="17"] {
	height: 53.2rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="18"] {
	height: 56.3rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="19"] {
	height: 59.4rem;
}

#TrackingView-Categories .SubCatGroup.Active[data-subcats-count="20"] {
	height: 63rem;
}


#TrackingView-Categories .CatName {
	width:         75%;
	text-overflow: ellipsis;
	font-weight:   bold;
}

#TrackingView-Categories .Amount {
	position: absolute;
	right:    .7rem;
	top:      0;
	z-index:  10;
}

.subHeaderBudgetName {
	display:   inline-block;
	min-width: 200px;
}

.subHeaderBudgetArrow,
.subHeaderBudgetArrowPlaceholder {
	display:       inline-block;
	width:         28px;
	color:         inherit !important;
	transition:    0.25s;
	border-radius: 2px;
}

.subHeaderBudgetArrow:hover,
.subHeaderBudgetArrow:focus {
	background-color: #ededed;
}

/*
SVG Android
*/
.SVGIcon.Medium {
	width:  32px;
	height: 32px;
}

.SVGIcon g {
	display: none;
}

#_x2D_background_dark_window {
	display: block;
}

.TestSVGIcon {
	/*background: transparent url('/framework/images/Android4Icons.svg') scroll no-repeat left top;*/
	background:      transparent url('/framework/images/bottom-right-angle-triangle.svg') scroll no-repeat left top;
	width:           64px;
	height:          64px;
	background-size: 100%;
}

/*
Percent Bars
*/
.KeySpentFiller,
.KeyCompleteFiller,
.KeyRemainingFiller {
	display:        inline-block;
	width:          1em;
	height:         1em;

	margin-right:   0.3em;

	vertical-align: text-bottom;

	border:         0.1rem solid #cccccc;
	border-radius:  3px;
}

.KeyRemainingFiller {
	background: #ededed;
}

.PercentBarWrapper {
	width:    100%;
	display:  block;
	position: relative;
	padding:  2rem 0;
}

.PercentBar {
	display:       flex;
	width:         100%;
	height:        var(--PercentBarHeight);
	border:        0.1rem solid #cccccc;
	border-radius: 3px;
	background:    #ededed;
	overflow:      hidden;
	position:      relative;
	z-index:       1;
}

.PercentBarWrapper .Filler {
	display:    block;
	width:      0;
	max-width:  100% !important;
	height:     100%;
	transition: width 2s;
}

.PercentBarWrapper.Safe .Filler {
	background-color: #299a0b;
}

.PercentBarWrapper.Warning .Filler {
	background-color: #f2a000;
}

.PercentBarWrapper.Alert .Filler {
	background-color: #cc2222;
}

.GoalsPercentBarWrapper .SpentFiller,
.KeySpentFiller {
	background-color: #1f7208;
}

.GoalsPercentBarWrapper.OverSpent .SpentFiller,
.OverSpent .KeySpentFiller {
	background-color: #cc2222;
}

.GoalsPercentBarWrapper .CompleteFiller,
.KeyCompleteFiller {
	background-color: #75b563;
}

.PercentBarWrapper .TodayMarker {
	position:       absolute;
	left:           0;
	bottom:         0;
	z-index:        10;
	width:          5rem;
	height:         1.8rem;
	margin-left:    -2.5rem;
	text-transform: uppercase;
	border:         0.1rem solid #aaaaaa;
	border-radius:  0.2rem;
	background:     #eeeeee;
	transition:     left 2s;
	font-size:      1rem;
	line-height:    1.7rem;
	text-align:     center;
}

.PercentBarWrapper .TodayMarker:before {
	content:    "";
	display:    block;
	position:   absolute;
	left:       50%;
	bottom:     100%;
	width:      0.1rem;
	height:     calc(var(--PercentBarHeight) + 3px);
	background: #aaaaaa;
}

.PercentBarWrapper .AppliedAmount,
.PercentBarWrapper .TotalAmount,
.PercentBarWrapper .AmountLeft,
.PercentBarWrapper .SpentAmount {
	position:    absolute;
	top:         2.1rem;
	font-weight: bold;
	/*text-shadow: 0.1rem 0.1rem 0.1rem rgba(255,255,255,.75);*/
	text-shadow: 0.1rem 0.1rem 0 rgba(255, 255, 255, .7), -0.1rem 0.1rem 0 rgba(255, 255, 255, .7), 0.1rem -0.1rem 0 rgba(255, 255, 255, .7), -0.1rem -0.1rem 0 rgba(255, 255, 255, .7);
	/*-webkit-text-stroke: 0.1rem rgba(255,255,255,.5);
	text-stroke: 0.1rem #FFF;*/
}

.PercentBarWrapper .AppliedAmount {
	left:      0.5rem;
	z-index:   11;
	font-size: 1.5rem;
}

.PercentBarWrapper .TotalAmount {
	right: 0.5rem;
	top:   0.1rem;
}

.PercentBarWrapper .AmountLeft {
	right:       0.5rem;
	z-index:     11;
	font-size:   1.5rem;
	text-shadow: none;
	top: var(--PercentBarHeight);
}

.BudgetListItem .PercentBarWrapper .AmountLeft {
	top: calc(20px + var(--PercentBarHeight));
}

.PercentBarWrapper .SpentAmount {
	right:     auto;
	left:      0.5rem;
	z-index:   11;
	font-size: 1.5rem;
}

#MonthlyBudget-BudgetOverview .PercentBarWrapper .AmountLeft {
	top: 0.1em;
}

#BudgetPercentBar {
	margin-top:    0.7rem;
	margin-bottom: 8px;
	padding-top:   0;
	overflow:      hidden;
}

#BudgetPercentBar .AppliedAmount,
#BudgetPercentBar .TotalAmount {
	display: none;
}

.BudgetTotalsList {
	display:       flex;
	flex-wrap:     wrap;
	gap:           8px;

	margin-bottom: 12px;
}

.BudgetTotalsListItem {
	padding:          8px;
	background-color: #ededed;
	border-radius:    0.5rem;
}

.BudgetTypeBlock h2 {
	margin-bottom: 0.5em;
}

.ProgressListItem {
	border:        0.1rem solid #cccccc;
	margin:        1rem 0;
	border-radius: 0.5rem;
	background:    #f9f9f9;
}

.ProgressListItem > div {
	padding: 1rem 1.5rem 1.4rem;
}

.ProgressListItem h4 {
	margin: 0 0 -0.8em;
}

.ProgressListItem[data-sinking-fund="true"] h4 {
	position: relative;
}

.ProgressListItem[data-sinking-fund="true"] h4::before {
	content: "•";

	position: absolute;
	left: -12px;
	top: -1px;
	z-index: 1;

	color: var(--GreenColor);

	font-weight: 400;
}

.ProgressListItem.GoalsListItem h4 {
	margin: 0 0 0.5em;
}

.ProgressListItem .PercentBarWrapper {
	padding-bottom: 0.4em;
}

.ProgressListItem.GoalsListItem .PercentBarWrapper {
	margin-top: -2rem;
}

.ProgressListItem .EditItem {
	display:        none;
	padding-top:    0;
	padding-bottom: 0;
	cursor:         default;
}

.ProgressListItem .cssForm {
	padding: 0;
}

.BudgetListItem .ItemDetails {
	cursor: pointer;
}

.BudgetTotalRemaining {
	font-weight: bold;
	color:       #299a0b;
}

.BudgetTotalOverages.Negative,
.BudgetTotalRemaining.Negative {
	color: #cc2222;
}

.BudgetListItemNotes {
	position: relative;
}

.BudgetListItemNotes .TextAreaSizer,
textarea.BudgetListItemNotesInput {
	padding: 2px 8px;
}

/*textarea.BudgetListItemNotesInput {*/
/*	background-color: transparent;*/
/*}*/

textarea.BudgetListItemNotesInput:read-only {
	background-color:    transparent;

	border-bottom-color: transparent;
}

.BudgetListItemNotesButtons {
	position: absolute;
	right:    0;
	top:      100%;
	z-index:  5;

	display:  flex;
	gap:      4px;
}

.BudgetListItemNotesButton {
	border-color:     transparent;
	background-color: transparent;

	opacity:          0.5;
}

.BudgetListItemNotesButton:hover,
.BudgetListItemNotesButton:focus {
	opacity: 0.9;
}

.BudgetListItemNotesButton:focus {
	border-color: #0099cc;
}


.GoalsListItemSavingsAmounts {
	display:   flex;
	flex-wrap: wrap;
}

.GoalsListItemSavingsAmounts > * {
	flex:          1 1 auto;

	margin-bottom: 0.5em;

	padding:       0 0.5em;

	min-width:     33.333333%;
}

/*************************************************************
	Slide Menu
*/
.SlideMenu {
	width:               100%;
	max-width:           32rem;

	overflow-x:          hidden;
	overflow-y:          auto;
	overscroll-behavior: contain;

	position:            fixed;
	left:                0;
	top:                 4.5rem;
	bottom:              0;
	z-index:             101;

	background-color:    #eeeeee;

	box-shadow:          0.1rem 1px 0.3rem rgba(0, 0, 0, .6);

	-webkit-transition:  all .7s;
	transition:          all .7s;

	line-height:         4rem;

	font-size:           1.8rem;
}

.LoggedOut .SlideMenu {
	display: none;
}

#dev_transaction-compare .SlideMenu {
	transform:  var(--SlideMenuTransform);
	box-shadow: var(--SlideMenuBoxShadow);
}

#dev_transaction-compare .SlideMenu.Active {
	transform:  var(--SlideMenuActiveTransform);
	box-shadow: var(--SlideMenuActiveBoxShadow);
}

.SlideMenu section:before {
	content:          attr(data-title);

	display:          block;
	padding:          0 .75rem;

	background-color: #eeeeee;
}

.SlideMenu a {
	display:          block;
	white-space:      nowrap;

	padding:          0 1.25rem;

	border-bottom:    1px solid #eeeeee;

	background-color: #ffffff;
}

.SlideMenu a:last-child {
	border-bottom: none;
}

.SlideMenu a:hover,
.SlideMenu a.Active {
	background-color: #2e85c7;
	color:            #ffffff;
}

.SlideMenu [class*=icon-]:before {
	margin-right:   0.5rem;
	line-height:    inherit;
	vertical-align: top;
}

.SlideMenu .Footer {
	padding:          2rem 0.75rem 1rem;
	display:          block;

	font-size:        75%;
	color:            rgba(0, 0, 0, .8);
	line-height:      1.2;

	background-color: #eeeeee;
}


.FAQBlock {
	padding: 0 2rem;
	margin:  2rem 0;
}

.FAQBlock .Question {
	margin-left:   -2rem;
	margin-bottom: 0.5rem;
}

.FAQBlock > p {
	margin-top: 0;
}

#SiteAddButton {
	display:          none;

	justify-content:  center;
	align-items:      center;

	position:         fixed;
	right:            24px;
	bottom:           24px;
	z-index:          1000;

	width:            56px;
	height:           56px;

	color:            #ffffff;

	font-size:        24px;

	background-color: #33a24d;

	border-radius:    100%;

	box-shadow:       0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

#SiteAddButton[href] {
	display: flex;
}

.ReleaseNotesVersionNumber {
	font-size: 0.5em;
	opacity:   0.7;
}

/**
Responsive > Mobile
 */
@media only screen and (max-width: 1120px) {
	body {
		justify-content: center;
	}

	#ContentWrapper {
		margin-left: 0;
	}

	#SiteMenuBtn > span {
		transform: translateX(-0.8rem);
	}

	#SiteMenuBtn.Active > span {
		transform: translateX(-1.6rem);
	}

	.SlideMenu {
		transform:  var(--SlideMenuTransform);
		box-shadow: var(--SlideMenuBoxShadow);
	}

	.SlideMenu.Active {
		transform:  var(--SlideMenuActiveTransform);
		box-shadow: var(--SlideMenuActiveBoxShadow);
	}
}

/****** /css/Style-Mobile.css ******/

@media only screen and (max-width: 800px) {
	.h2 {
	  font-size: 1.5rem;
	}

	#ContentWrapper,
	.CenteredWrapper {
	    width:100%;
	}
	#content {
	    padding-left: 0;
	    padding-right: 0;
	}
	
	.greaterThanArrow:before {
		left: 0;
	}
	
	
	.defaultRow .columnOne [class^=row] {
		padding-right: 0.4rem;
		padding-left: 0.4rem;
	}
	.defaultRow .columnTwo [class^=row] {
		padding-left: 0.1rem;
	}
	.defaultRow .columnOne {
	  width:65%;
	}
	.defaultRow .columnTwo {
	  width:35%;
	}
	
	#transaction-view #content p {
	    width: 98%;
	    margin-left: 2%;
	}
	#transaction-view #content p.TransactionViewRow {
		width: 100%;
	}
	#transaction-view .splitRow {
		width: 98%;
	}
	
	
	#footer {
	  height: 3rem;
	}
	#footer .LogoutIcon {
		top: 0rem;
	}
	#footer .foundicon-settings {
		top:.2rem;
	}
	#footer .foundicon-plus {
	  top: .2rem;
	}
	
	.cssForm p,
	.cssForm > .Column{
	  width: 100%;
	}
	.cssForm input[type="radio"],
	.cssForm input[type="checkbox"],
	.cssForm input[type="button"],
	.cssForm input[type="submit"] {
	  font-size: 1.5rem;
	}
	.cssForm [type="checkbox"] + label,
	.cssForm [type="radio"] + label {
		font-size: 1.5rem;
	}
	.cssForm #addSplitTransactions {
	  width: 100%;
	}
	
	#transaction-view #content p {
		width: 96%;
	}
	
	/* jquery UI overrides */
	.ui-menu .ui-menu-itrem a {
		font-size: 1.5rem;
	}
	
	/*
	 * Simplemodal Basic Modal Dialog
	 * http://simplemodal.com
	 *
	 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
	 *
	 * Licensed under the MIT license:
	 *   http://www.opensource.org/licenses/mit-license.php
	 */
	
	/* Container */
	#simplemodal-container {height:97%; width:97%; max-width: 400px;}
	
	/*************************************************************
		Slide Menu
	*/
	.SlideMenuWrapper {
		left: 0;
	}
}

@media (max-width: 640px) {
	.GoalsListItemSavingsAmounts > * {
		min-width: 50%;
	}
}

@media (max-width: 480px) {
	.GoalsListItemSavingsAmounts > * {
		min-width: 100%;
	}
}