/* Theme Config
-----------------------------------------------------------------------------*/

.theme {
	content: '{name: "flat"}';
}

/* Body
-----------------------------------------------------------------------------*/

body {
	font-family: "Avenir-Medium", sans-serif;
}

input, select, textarea {
	font-size: 15px;
	font-weight: bold;
	font-family: "Avenir-Medium", sans-serif;
}

sup {
	vertical-align: top; font-size: 0.6em;
}

/* Window
-----------------------------------------------------------------------------*/

.view.window {
	background: black;
}

/* View
-----------------------------------------------------------------------------*/

.view {
	background: #fff;
	color: #5a5a5a;
	font-size: 15px;
	font-weight: normal;
}

.view h1 {
	color: #000;
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 12px;
}

.view h2 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
}

.view p {
	margin-bottom: 12px;
}

.view p small {
	font-size: 12px;
}

/* Style Dark */

.view.style-dark {
	background: #000;
	color: #fff;
}

.view.style-dark h1,
.view.style-dark h2 {
	color: #fff;
}

/* Style Light */

.view.style-light {
	background: #fff;
}

/* ScrollView
-----------------------------------------------------------------------------*/

/* IScroll Engine */

.view.scroll-view.iscroll-engine .scrollbar-V {
	bottom: 2px;
	overflow: hidden;
	top: 2px;
	right: 1px;
	width: 7px;
}

.view.scroll-view.iscroll-engine .scrollbar-V > div {
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding-box;
	    -ms-background-clip: padding-box;
	     -o-background-clip: padding-box;
	        background-clip: padding-box;
	 background: rgba(0, 0, 0, 0.5);
	 border: 1px solid rgba(255, 255, 255, 0.9);
	 border-radius: 3px;
	 width: 100%;
}

.view.scroll-view.iscroll-engine .scrollbar-H {
	bottom: 1px;
	height: 7px;
	left: 2px;
	right: 7px;
}

.view.scroll-view.iscroll-engine .scrollbar-H > div {
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding-box;
	    -ms-background-clip: padding-box;
	     -o-background-clip: padding-box;
	        background-clip: padding-box;
	 background: rgba(0, 0, 0, 0.5);
	 border: 1px solid rgba(255, 255, 255, 0.9);
	 border-radius: 3px;
	 height: 100%;
}

/* View Stack
-----------------------------------------------------------------------------*/

.view.view-stack {
	background: transparent;
}

/* Bar
-----------------------------------------------------------------------------*/

.bar {
	background: #34495e;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	height: 44px;
}

.bar .bar-item {
	height: 100%;
}

/* Style Dark */

.bar.style-dark {
	background: #000;
	color: #fff;
}

/* Style Light */

.bar.style-light {
	background: #fff;
	color: #404040;
}

/* Navigation Bar
-----------------------------------------------------------------------------*/

.bar.navigation-bar {
	background: #000;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	color: #fff;
	font-family: Avenir-Roman;
	font-weight: normal;
	font-size: 17px;
	height: 46px;
}

.bar.navigation-bar > * {
	margin-left: 0px;
}

.bar.navigation-bar > *:last-child {
	margin-right: 0px;
}

.bar.navigation-bar > .navigation-bar-content {
	-webkit-box-align: center;
	   -moz-box-align: center;
	   -ms-flex-align: center;
	-webkit-justify-content: start;
	        justify-content: start;
	-webkit-box-pack: start;
	   -moz-box-pack: start;
	   -ms-flex-pack: start;
	-webkit-align-items: center;
	   	    align-items: center;
}

.bar.navigation-bar > .navigation-bar-content > .navigation-bar-title {

 	/**
 	  The max-width is very important. If no width is defined, the text-overflow
 	  won't kick in. The navigation bar need to measure the content of the
 	  content element to center it properly.
 	 */

 	max-width: 100%;
 	padding-left: 15px;
 	padding-right: 15px;
}

/* Button
-----------------------------------------------------------------------------*/

.button {
	-webkit-box-align: center;
	   -moz-box-align: center;
	   -ms-flex-align: center;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-pack: center;
	   -moz-box-pack: center;
	   -ms-flex-pack: center;
	-webkit-align-items: center;
	        align-items: center;
	background: #e6e7e7;
	color: #037bff;
	font-size: 23px;
	font-weight: bold;
	height: 43px;
	padding: 0px 10px;
	text-align: center;
}

.button.is-disabled {
	color: rgba(0, 0, 0, 0.25);
}

.button.is-selected,
.button.is-highlighted {
	background: #fff;
}

.button .button-label {
	overflow: hidden;                                            /* Important */
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	text-overflow: ellipsis;                                     /* Important */
	white-space: nowrap;                                         /* Important */
}

/* Inside a Button Group */

.button-group .button {
	border-radius: 0px;
	border-left-width: 0px;
}

.button-group .button:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-left-width: 1px;
}

.button-group .button:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* Inside a Button Group Vertical Layout */

.button-group.button-group-layout-vertical .button {
    border-radius: 0px;
	border-width: 1px;
	border-top-width: 0px;
}

.button-group.button-group-layout-vertical .button:first-child {
	-webkit-border-top-left-radius: 10px;
	   -moz-border-top-left-radius: 10px;
	    -ms-border-top-left-radius: 10px;
	     -o-border-top-left-radius: 10px;
	        border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	   -moz-border-top-right-radius: 10px;
	    -ms-border-top-right-radius: 10px;
	     -o-border-top-right-radius: 10px;
	        border-top-right-radius: 10px;
	border-top-width: 1px;
}

.button-group.button-group-layout-vertical .button:last-child {
	-webkit-border-bottom-left-radius: 10px;
	   -moz-border-bottom-left-radius: 10px;
	    -ms-border-bottom-left-radius: 10px;
	     -o-border-bottom-left-radius: 10px;
	        border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	   -moz-border-bottom-right-radius: 10px;
	    -ms-border-bottom-right-radius: 10px;
	     -o-border-bottom-right-radius: 10px;
	        border-bottom-right-radius: 10px;
}

/* Inside a Bar */

.bar .button {
	background: transparent;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 100%;
	padding: 5px;
}

.bar .button.is-selected,
.bar .button.is-highlighted {
	color: #ed1c2c;
}

/* Inside a Bar Style Dark */

.bar.style-dark .button {}
.bar.style-dark .button.is-selected,
.bar.style-dark .button.is-highlighted {}

/* Inside a Bar Style Light */

.bar.style-light .button {}
.bar.style-light .button.is-selected,
.bar.style-light .button.is-highlighted {}

/* Inside a Bar + Style Back */

.bar .button.style-back {}
.bar .button.style-back.is-selected,
.bar .button.style-back.is-highlighted {}

/* Inside a Bar Style Dark + Style Back */

.bar.style-dark .button.style-back {}
.bar.style-dark .button.style-back.is-selected,
.bar.style-dark .button.style-back.is-highlighted {}

/* Inside a Bar Style Light + Style Back */

.bar.style-light .button.style-back {}
.bar.style-light .button.style-back.is-selected,
.bar.style-light .button.style-back.is-highlighted {}

/* Inside a Bar + Style Forward */

.bar .button.style-forward {}
.bar .button.style-forward.is-selected,
.bar .button.style-forward.is-highlighted {}

/* Inside a Bar Style Dark + Style Forward */

.bar.style-dark .button.style-forward {}
.bar.style-dark .button.style-forward.is-selected,
.bar.style-dark .button.style-forward.is-highlighted {}

/* Inside a Bar Style Light + Style Forward */

.bar.style-light .button.style-forward {}
.bar.style-light .button.style-forward.is-selected,
.bar.style-light .button.style-forward.is-highlighted {}

/* Inside a Bar + Style Active */

.bar .button.style-active {}
.bar .button.style-active.is-selected,
.bar .button.style-active.is-highlighted {}

/* Inside a Bar + Style Warning */

.bar .button.style-warning {}
.bar .button.style-warning.is-selected,
.bar .button.style-warning.is-highlighted {}

/* Inside a Bar + Inside a Button Group */

.bar .button-group .button {
	padding-left: 9px;
	padding-right: 8px;
}

.bar .button-group .button:first-child {
	padding-left: 4px;
}

.bar .button-group .button:last-child {
	padding-right: 4px;
}

.bar .button-group .button.is-selected,
.bar .button-group .button.is-highlighted {}

/* Inside a Bar Style Dark + Inside a Button Group */

.bar.style-dark .button-group .button {}

/* Inside a Bar Style Light + Inside a Button Group */

.bar.style-light .button-group .button {}

/* List Item
-----------------------------------------------------------------------------*/

.list-item {
	background: #fff;
	border: none;
	border-bottom: 1px solid #c8c7cc;
	color: #000;
	font-size: 17px;
	font-weight: normal;
	height: 45px;
	padding: 0px 15px;
}

.list-item .list-item-image {
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding-box;
	    -ms-background-clip: padding-box;
	     -o-background-clip: padding-box;
	        background-clip: padding-box;
	border-radius: 4px;
	height: 29px;
	margin: -6px 10px -6px -6px;
	min-height: 29px;
	min-width: 29px;
	width: 29px;
}

.list-item .list-item-label {
	overflow: hidden;                                            /* Important */
	padding-top: 5px;
	padding-bottom: 5px;
	text-overflow: ellipsis;                                     /* Important */
	white-space: nowrap;                                         /* Important */
}

.list-item .list-item-detail {
	color: #395587;
	font-size: 17px;
	font-weight: normal;
	overflow: hidden;                                            /* Important */
	padding-top: 5px;
	padding-bottom: 5px;
	text-overflow: ellipsis;                                     /* Important */
	white-space: nowrap;                                         /* Important */
}

.list-item.is-selected,
.list-item.is-highlighted {
	background: #f4f4f4;
	color: #fff;
	text-shadow: none;
}

.list-item.is-selected    .list-item-detail,
.list-item.is-highlighted .list-item-detail {
	color: #fff;
}

.list-item .list-item-detail:after {
	width: 30px;
}


 /* Style Checked, Style Detailed, Style Disclosed */

.list-item.style-checked   .list-item-detail,
.list-item.style-detailed  .list-item-detail,
.list-item.style-disclosed .list-item-detail {
	padding-right: 35px;
}

.list-item.style-checked   .list-item-detail:after,
.list-item.style-detailed  .list-item-detail:after,
.list-item.style-disclosed .list-item-detail:after {

}

/* Style Checked */

.list-item.style-checked .list-item-detail:after {

}

.list-item.style-checked.is-selected    .list-item-detail:after,
.list-item.style-checked.is-highlighted .list-item-detail:after {

}

/* Style Detailed */

.list-item.style-detailed .list-item-detail:after {}
.list-item.style-detailed.is-selected    .list-item-detail:after,
.list-item.style-detailed.is-highlighted .list-item-detail:after {}

/* Style Disclosed */

.list-item.style-disclosed .list-item-detail:after {}
.list-item.style-disclosed.is-selected    .list-item-detail:after,
.list-item.style-disclosed.is-highlighted .list-item-detail:after {}

/* Style Header */

.list-item.style-header {
	background: #fff;
	border: none;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	height: 23px;
	padding: 0px 15px;
}

.list-item.style-header .list-item-label,
.list-item.style-header .list-item-detail {
	padding-top: 1px;
	padding-bottom: 1px;
}

/* Inside a List Style Grouped */

.list.style-grouped .list-item {
	background: #fff;
	border: 1px solid #ababab;
	border-bottom: none;
}

.list.style-grouped .list-item:first-child,
.list.style-grouped .list-item.list-section-header {}

.list.style-grouped .list-item:last-child,
.list.style-grouped .list-item.list-section-footer {
	border-bottom: 1px solid #ababab;
}

.list.style-grouped:last-child .list-item:last-child,
.list.style-grouped:last-child .list-item.list-section-footer {
	margin-bottom: 0px;
}

.list.style-grouped .list-item:first-child:last-child,
.list.style-grouped .list-item.list-section-header.list-section-footer {}


/* List
-----------------------------------------------------------------------------*/

/* Style Grouped */

.list.style-grouped {
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding-box;
	    -ms-background-clip: padding-box;
	     -o-background-clip: padding-box;
	        background-clip: padding-box;
	margin-bottom: 20px;
	padding: 10px 9px;
}

.list.style-grouped:last-child {
	margin-bottom: 0px;
}

/* Overlay
-----------------------------------------------------------------------------*/

.overlay {
	background: rgba(0, 0, 0, 0.30);
}

/* Alert
-----------------------------------------------------------------------------*/

.alert {
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);
}

.alert .alert-box {
	background: #fff;
	border-radius: 12px;
	border-width: 15px;
	border-top-width: 35px;
	width: 280px;
}

.alert .alert-header {
	font-size: 18px;
	font-weight: bold;
	margin-top: -19px;
	margin-bottom: 11px;
	text-align: center;
}

.alert .alert-content {
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 15px;
	text-align: center;
}

.alert .alert-footer {
	display: -webkit-box;                                        /* Important */
	display:    -moz-box;                                        /* Important */
	display:     -ms-box;                                        /* Important */
	display:      -o-box;                                        /* Important */
	display:         box;                                        /* Important */
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: -5px;
}

.alert .alert-footer .button {
	-webkit-box-flex: 1;                                         /* Important */
	   -moz-box-flex: 1;                                         /* Important */
	    -ms-box-flex: 1;                                         /* Important */
	     -o-box-flex: 1;                                         /* Important */
	        box-flex: 1;                                         /* Important */
	background: none;
	border-radius: 0px;
	border-width: 0px 5px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	height: 43px;
	margin: 0px;
	margin-left: 4px;
	margin-right: 4px;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);
	text-align: center;
	width: 0%;
}

.alert .alert-footer .button:first-child {
	margin-left: 0px;
}

.alert .alert-footer .button:last-child {
 	margin-right: 0px;
 }

.alert .alert-footer .button.is-default {

}

.alert .alert-footer .button.is-selected,
.alert .alert-footer .button.is-highlighted {

}

/* Vertical Layout */

.alert.alert-layout-vertical .alert-footer {
	-webkit-box-orient: vertical;                                /* Important */
	   -moz-box-orient: vertical;                                /* Important */
	    -ms-box-orient: vertical;                                /* Important */
	     -o-box-orient: vertical;                                /* Important */
	        box-orient: vertical;                                /* Important */
}

.alert.alert-layout-vertical .alert-footer .button {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	width: 100%;
}

.alert.alert-layout-vertical .alert-footer .button:last-child {
	margin-bottom: 0px;
}

/* Overlay */

.alert .overlay {
	background: -webkit-gradient(radial, center center, 0, center center, 250, from(rgba(0, 0, 0, 0.10)), to(rgba(0, 0, 0, 0.30)));
	background: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.10) 0px, rgba(0, 0, 0, 0.30) 250px);
	background:    -moz-radial-gradient(circle, rgba(0, 0, 0, 0.10) 0px, rgba(0, 0, 0, 0.30) 250px);
	background:     -ms-radial-gradient(circle, rgba(0, 0, 0, 0.10) 0px, rgba(0, 0, 0, 0.30) 250px);
	background:      -o-radial-gradient(circle, rgba(0, 0, 0, 0.10) 0px, rgba(0, 0, 0, 0.30) 250px);
	background:         radial-gradient(circle, rgba(0, 0, 0, 0.10) 0px, rgba(0, 0, 0, 0.30) 250px);
}

/* Show Animation */

@-webkit-keyframes show-alert-ios {
	0%   { -webkit-transform: scale(0.6); opacity: 0; }
	45%  { -webkit-transform: scale(1.1); opacity: 1; }
	75%  { -webkit-transform: scale(0.9); }
	100% { -webkit-transform: scale(1.0); }
}
@-moz-keyframes show-alert-ios {
	0%   { -webkit-transform: scale(0.6); opacity: 0; }
	45%  { -webkit-transform: scale(1.1); opacity: 1; }
	75%  { -webkit-transform: scale(0.9); }
	100% { -webkit-transform: scale(1.0); }
}
@-ms-keyframes show-alert-ios {
	0%   { -webkit-transform: scale(0.6); opacity: 0; }
	45%  { -webkit-transform: scale(1.1); opacity: 1; }
	75%  { -webkit-transform: scale(0.9); }
	100% { -webkit-transform: scale(1.0); }
}
@-o-keyframes show-alert-ios {
	0%   { -webkit-transform: scale(0.6); opacity: 0; }
	45%  { -webkit-transform: scale(1.1); opacity: 1; }
	75%  { -webkit-transform: scale(0.9); }
	100% { -webkit-transform: scale(1.0); }
}
@keyframes show-alert-ios {
	0%   { -webkit-transform: scale(0.6); opacity: 0; }
	45%  { -webkit-transform: scale(1.1); opacity: 1; }
	75%  { -webkit-transform: scale(0.9); }
	100% { -webkit-transform: scale(1.0); }
}

.alert.show-animated .alert-box {
	-webkit-animation: show-alert-ios 400ms cubic-bezier(0.5, 0.1, 0.5, 1);
	   -moz-animation: show-alert-ios 400ms cubic-bezier(0.5, 0.1, 0.5, 1);
	    -ms-animation: show-alert-ios 400ms cubic-bezier(0.5, 0.1, 0.5, 1);
	     -o-animation: show-alert-ios 400ms cubic-bezier(0.5, 0.1, 0.5, 1);
	        animation: show-alert-ios 400ms cubic-bezier(0.5, 0.1, 0.5, 1);
}

/* Hide Animation */

@-webkit-keyframes hide-alert-ios {
	from { opacity: 1; }
	to   { opacity: 0; }
}
@-moz-keyframes hide-alert-ios {
	from { opacity: 1; }
	to   { opacity: 0; }
}
@-ms-keyframes hide-alert-ios {
	from { opacity: 1; }
	to   { opacity: 0; }
}
@-o-keyframes hide-alert-ios {
	from { opacity: 1; }
	to   { opacity: 0; }
}
@keyframes hide-alert-ios {
	from { opacity: 1; }
	to   { opacity: 0; }
}

.alert.hide-animated .alert-box {
	-webkit-animation: hide-alert-ios 400ms cubic-bezier(0.5, 0.1, 0.5, 1) 1;
	   -moz-animation: hide-alert-ios 400ms cubic-bezier(0.5, 0.1, 0.5, 1) 1;
	    -ms-animation: hide-alert-ios 400ms cubic-bezier(0.5, 0.1, 0.5, 1) 1;
	     -o-animation: hide-alert-ios 400ms cubic-bezier(0.5, 0.1, 0.5, 1) 1;
	        animation: hide-alert-ios 400ms cubic-bezier(0.5, 0.1, 0.5, 1) 1;
}

/* Activity Indicator
-----------------------------------------------------------------------------*/

@-webkit-keyframes rotate-activity-indicator-ios {
	0.00%  { -webkit-transform: rotate(0deg);  }
	8.32%  { -webkit-transform: rotate(0deg);  }
	8.33%  { -webkit-transform: rotate(30deg); }
	16.62% { -webkit-transform: rotate(30deg); }
	16.66% { -webkit-transform: rotate(60deg); }
	24.98% { -webkit-transform: rotate(60deg); }
	24.99% { -webkit-transform: rotate(90deg); }
	33.32% { -webkit-transform: rotate(90deg); }
	33.33% { -webkit-transform: rotate(120deg); }
	41.65% { -webkit-transform: rotate(120deg); }
	41.66% { -webkit-transform: rotate(150deg); }
	49.98% { -webkit-transform: rotate(150deg); }
	49.99% { -webkit-transform: rotate(180deg); }
	58.32% { -webkit-transform: rotate(180deg); }
	58.33% { -webkit-transform: rotate(210deg); }
	66.65% { -webkit-transform: rotate(210deg); }
	66.66% { -webkit-transform: rotate(240deg); }
	74.98% { -webkit-transform: rotate(240deg); }
	74.99% { -webkit-transform: rotate(270deg); }
	83.32% { -webkit-transform: rotate(270deg); }
	83.33% { -webkit-transform: rotate(300deg); }
	91.65% { -webkit-transform: rotate(300deg); }
	91.66% { -webkit-transform: rotate(330deg); }
	99.98% { -webkit-transform: rotate(330deg); }
}
@-moz-keyframes rotate-activity-indicator-ios {
	0.00%  { -moz-transform: rotate(0deg);  }
	8.32%  { -moz-transform: rotate(0deg);  }
	8.33%  { -moz-transform: rotate(30deg); }
	16.62% { -moz-transform: rotate(30deg); }
	16.66% { -moz-transform: rotate(60deg); }
	24.98% { -moz-transform: rotate(60deg); }
	24.99% { -moz-transform: rotate(90deg); }
	33.32% { -moz-transform: rotate(90deg); }
	33.33% { -moz-transform: rotate(120deg); }
	41.65% { -moz-transform: rotate(120deg); }
	41.66% { -moz-transform: rotate(150deg); }
	49.98% { -moz-transform: rotate(150deg); }
	49.99% { -moz-transform: rotate(180deg); }
	58.32% { -moz-transform: rotate(180deg); }
	58.33% { -moz-transform: rotate(210deg); }
	66.65% { -moz-transform: rotate(210deg); }
	66.66% { -moz-transform: rotate(240deg); }
	74.98% { -moz-transform: rotate(240deg); }
	74.99% { -moz-transform: rotate(270deg); }
	83.32% { -moz-transform: rotate(270deg); }
	83.33% { -moz-transform: rotate(300deg); }
	91.65% { -moz-transform: rotate(300deg); }
	91.66% { -moz-transform: rotate(330deg); }
	99.98% { -moz-transform: rotate(330deg); }
}
@-ms-keyframes rotate-activity-indicator-ios {
	0.00%  { -ms-transform: rotate(0deg);  }
	8.32%  { -ms-transform: rotate(0deg);  }
	8.33%  { -ms-transform: rotate(30deg); }
	16.62% { -ms-transform: rotate(30deg); }
	16.66% { -ms-transform: rotate(60deg); }
	24.98% { -ms-transform: rotate(60deg); }
	24.99% { -ms-transform: rotate(90deg); }
	33.32% { -ms-transform: rotate(90deg); }
	33.33% { -ms-transform: rotate(120deg); }
	41.65% { -ms-transform: rotate(120deg); }
	41.66% { -ms-transform: rotate(150deg); }
	49.98% { -ms-transform: rotate(150deg); }
	49.99% { -ms-transform: rotate(180deg); }
	58.32% { -ms-transform: rotate(180deg); }
	58.33% { -ms-transform: rotate(210deg); }
	66.65% { -ms-transform: rotate(210deg); }
	66.66% { -ms-transform: rotate(240deg); }
	74.98% { -ms-transform: rotate(240deg); }
	74.99% { -ms-transform: rotate(270deg); }
	83.32% { -ms-transform: rotate(270deg); }
	83.33% { -ms-transform: rotate(300deg); }
	91.65% { -ms-transform: rotate(300deg); }
	91.66% { -ms-transform: rotate(330deg); }
	99.98% { -ms-transform: rotate(330deg); }
}
@-o-keyframes rotate-activity-indicator-ios {
	0.00%  { -o-transform: rotate(0deg);  }
	8.32%  { -o-transform: rotate(0deg);  }
	8.33%  { -o-transform: rotate(30deg); }
	16.62% { -o-transform: rotate(30deg); }
	16.66% { -o-transform: rotate(60deg); }
	24.98% { -o-transform: rotate(60deg); }
	24.99% { -o-transform: rotate(90deg); }
	33.32% { -o-transform: rotate(90deg); }
	33.33% { -o-transform: rotate(120deg); }
	41.65% { -o-transform: rotate(120deg); }
	41.66% { -o-transform: rotate(150deg); }
	49.98% { -o-transform: rotate(150deg); }
	49.99% { -o-transform: rotate(180deg); }
	58.32% { -o-transform: rotate(180deg); }
	58.33% { -o-transform: rotate(210deg); }
	66.65% { -o-transform: rotate(210deg); }
	66.66% { -o-transform: rotate(240deg); }
	74.98% { -o-transform: rotate(240deg); }
	74.99% { -o-transform: rotate(270deg); }
	83.32% { -o-transform: rotate(270deg); }
	83.33% { -o-transform: rotate(300deg); }
	91.65% { -o-transform: rotate(300deg); }
	91.66% { -o-transform: rotate(330deg); }
	99.98% { -o-transform: rotate(330deg); }
}
@keyframes rotate-activity-indicator-ios {
	0.00%  { transform: rotate(0deg);  }
	8.32%  { transform: rotate(0deg);  }
	8.33%  { transform: rotate(30deg); }
	16.62% { transform: rotate(30deg); }
	16.66% { transform: rotate(60deg); }
	24.98% { transform: rotate(60deg); }
	24.99% { transform: rotate(90deg); }
	33.32% { transform: rotate(90deg); }
	33.33% { transform: rotate(120deg); }
	41.65% { transform: rotate(120deg); }
	41.66% { transform: rotate(150deg); }
	49.98% { transform: rotate(150deg); }
	49.99% { transform: rotate(180deg); }
	58.32% { transform: rotate(180deg); }
	58.33% { transform: rotate(210deg); }
	66.65% { transform: rotate(210deg); }
	66.66% { transform: rotate(240deg); }
	74.98% { transform: rotate(240deg); }
	74.99% { transform: rotate(270deg); }
	83.32% { transform: rotate(270deg); }
	83.33% { transform: rotate(300deg); }
	91.65% { transform: rotate(300deg); }
	91.66% { transform: rotate(330deg); }
	99.98% { transform: rotate(330deg); }
}

.activity-indicator {
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	     -o-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	background: url(../images/flat/activity-indicator.png) center  center;
	background-size: 20px 20px;
	height: 20px;
	width: 20px;
}

.activity-indicator.active {
	-webkit-animation: rotate-activity-indicator-ios 1s infinite linear;
	   -moz-animation: rotate-activity-indicator-ios 1s infinite linear;
	    -ms-animation: rotate-activity-indicator-ios 1s infinite linear;
	     -o-animation: rotate-activity-indicator-ios 1s infinite linear;
	        animation: rotate-activity-indicator-ios 1s infinite linear;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	    -ms-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
	.activity-indicator {
		background-image: url(../images/flat/activity-indicator-2x.png);
	}
}

/* Slider
-----------------------------------------------------------------------------*/

.slider {
	background: grey;
	border-width: 0px 5px;
	height: 9px;
	margin: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	position: relative;                                          /* Important */
}

.slider .slider-track {
	height: 9px;
	left: -10px;
	position: absolute;
	right: -10px;
}


.slider .slider-thumb {
	background: #fff;
	border: 1px solid grey;
	height: 24px;
	margin-top: -7px;
	margin-left: 0px;
	position: absolute;
	width: 24px;
	z-index: 75;
}

.slider .slider-range {
	height: 9px;
	left: 10px;
	overflow: hidden;                                            /* Important */
	position: absolute;
	right: 10px;
	z-index: 50;
}

.slider .slider-value {
	border-width: 0px 5px;
	height: 9px;
	left: -100%;
	position: absolute;
	top: 0px;
	width: 100%;
}

/* Vertical Mode */

.slider.slider-mode-vertical {
	border-width: 5px 0px;
	height: auto;
	margin: 0px;
	margin-left: 8px;
	margin-right: 8px;
	position: relative;
	width: 9px;
}

.slider.slider-mode-vertical .slider-track {
	bottom: -10px;
	height: auto;
	left: auto;
	top: -10px;
	right: auto;
	width: 9px;
}

.slider.slider-mode-vertical .slider-track:after {
	background-size: 9px 50px;
	height: 10px;
	left: auto;
	top: 5px;
	width: 9px;
}

.slider.slider-mode-vertical .slider-thumb {
	margin-top: 0px;
	margin-left: -7px;
}

.slider.slider-mode-vertical .slider-range {
	bottom: 10px;
	height: auto;
	left: auto;
	right: auto;
	top: 10px;
	width: 100%;
}

.slider.slider-mode-vertical .slider-value {
	border-width: 5px 0px;
	left: 0px;
	height: 100%;
	top: -100%;
	width: 9px;
}

/* Hit Area */

.slider-thumb .hit-area {
	bottom: -10px;
	display: block;
	content: '';
	position: absolute;
	top: -10px;
	right: -10px;
	left: -10px;
}

/* Transition Slide (Enter)
-----------------------------------------------------------------------------*/

.transition-slide-enter .transition-view-to-show {
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}

.transition-slide-enter .transition-view-to-hide {
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}

/* Enter Navigation Bar */

@-webkit-keyframes transition-slide-enter-bar-to-show {
	from { -webkit-transform: translate3d(-75%, 0, 10px); opacity: 0; }
	to   { -webkit-transform: translate3d(0, 0, 10px); opacity: 1; }
}
@-moz-keyframes transition-slide-enter-bar-to-show {
	from { -moz-transform: translate3d(-75%, 0, 10px); opacity: 0; }
	to   { -moz-transform: translate3d(0, 0, 10px); opacity: 1; }
}
@-ms-keyframes transition-slide-enter-bar-to-show {
	from { -ms-transform: translate3d(-75%, 0, 10px); opacity: 0; }
	to   { -ms-transform: translate3d(0, 0, 10px); opacity: 1; }
}
@-o-keyframes transition-slide-enter-bar-to-show {
	from { -o-transform: translate3d(-75%, 0, 10px); opacity: 0; }
	to   { -o-transform: translate3d(0, 0, 10px); opacity: 1; }
}
@keyframes transition-slide-enter-bar-to-show {
	from { transform: translate3d(-75%, 0, 10px); opacity: 0; }
	to   { transform: translate3d(0, 0, 10px); opacity: 1; }
}

@-webkit-keyframes transition-slide-enter-bar-to-hide {
	from { -webkit-transform: translate3d(0, 0, 10px); opacity: 1; }
	to   { -webkit-transform: translate3d(75%, 0, 10px); opacity: 0; }
}
@-moz-keyframes transition-slide-enter-bar-to-hide {
	from { -moz-transform: translate3d(0, 0, 10px); opacity: 1; }
	to   { -moz-transform: translate3d(75%, 0, 10px); opacity: 0; }
}
@-ms-keyframes transition-slide-enter-bar-to-hide {
	from { -ms-transform: translate3d(0, 0, 10px); opacity: 1; }
	to   { -ms-transform: translate3d(75%, 0, 10px); opacity: 0; }
}
@-o-keyframes transition-slide-enter-bar-to-hide {
	from { -o-transform: translate3d(0, 0, 10px); opacity: 1; }
	to   { -o-transform: translate3d(75%, 0, 10px); opacity: 0; }
}
@keyframes transition-slide-enter-bar-to-hide {
	from { transform: translate3d(0, 0, 10px); opacity: 1; }
	to   { transform: translate3d(75%, 0, 10px); opacity: 0; }
}

.transition-slide-enter .transition-view-to-show .bar .bar-item {
	-webkit-animation: transition-slide-enter-bar-to-show 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	   -moz-animation: transition-slide-enter-bar-to-show 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	    -ms-animation: transition-slide-enter-bar-to-show 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	     -o-animation: transition-slide-enter-bar-to-show 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	        animation: transition-slide-enter-bar-to-show 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	-webkit-transform: translate3d(0, 0, 10px);                  /* Important */
	   -moz-transform: translate3d(0, 0, 10px);                  /* Important */
	    -ms-transform: translate3d(0, 0, 10px);                  /* Important */
	     -o-transform: translate3d(0, 0, 10px);                  /* Important */
	        transform: translate3d(0, 0, 10px);                  /* Important */
}

.transition-slide-enter .transition-view-to-hide .bar .bar-item {
	-webkit-animation: transition-slide-enter-bar-to-hide 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	   -moz-animation: transition-slide-enter-bar-to-hide 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	    -ms-animation: transition-slide-enter-bar-to-hide 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	     -o-animation: transition-slide-enter-bar-to-hide 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	        animation: transition-slide-enter-bar-to-hide 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	-webkit-transform: translate3d(0, 0, 10px);                  /* Important */
	   -moz-transform: translate3d(0, 0, 10px);                  /* Important */
	    -ms-transform: translate3d(0, 0, 10px);                  /* Important */
	     -o-transform: translate3d(0, 0, 10px);                  /* Important */
	        transform: translate3d(0, 0, 10px);                  /* Important */
}

/* Transition Slide (Leave)
-----------------------------------------------------------------------------*/

.transition-slide-leave .transition-view-to-show {
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}

.transition-slide-leave .transition-view-to-hide {
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}

/* Leave Navigation Bar View */

@-webkit-keyframes transition-slide-leave-bar-to-show {
	from { -webkit-transform: translate3d(75%, 0, 10px); opacity: 0; }
	to   { -webkit-transform: translate3d(0, 0, 10px); opacity: 1; }
}
@-moz-keyframes transition-slide-leave-bar-to-show {
	from { -moz-transform: translate3d(75%, 0, 10px); opacity: 0; }
	to   { -moz-transform: translate3d(0, 0, 10px); opacity: 1; }
}
@-ms-keyframes transition-slide-leave-bar-to-show {
	from { -ms-transform: translate3d(75%, 0, 10px); opacity: 0; }
	to   { -ms-transform: translate3d(0, 0, 10px); opacity: 1; }
}
@-o-keyframes transition-slide-leave-bar-to-show {
	from { -o-transform: translate3d(75%, 0, 10px); opacity: 0; }
	to   { -o-transform: translate3d(0, 0, 10px); opacity: 1; }
}
@keyframes transition-slide-leave-bar-to-show {
	from { transform: translate3d(75%, 0, 10px); opacity: 0; }
	to   { transform: translate3d(0, 0, 10px); opacity: 1; }
}

@-webkit-keyframes transition-slide-leave-bar-to-hide {
	from { -webkit-transform: translate3d(0, 0, 10px); opacity: 1; }
	to   { -webkit-transform: translate3d(-75%, 0, 10px); opacity: 0; }
}
@-moz-keyframes transition-slide-leave-bar-to-hide {
	from { -moz-transform: translate3d(0, 0, 10px); opacity: 1; }
	to   { -moz-transform: translate3d(-75%, 0, 10px); opacity: 0; }
}
@-ms-keyframes transition-slide-leave-bar-to-hide {
	from { -ms-transform: translate3d(0, 0, 10px); opacity: 1; }
	to   { -ms-transform: translate3d(-75%, 0, 10px); opacity: 0; }
}
@-o-keyframes transition-slide-leave-bar-to-hide {
	from { -o-transform: translate3d(0, 0, 10px); opacity: 1; }
	to   { -o-transform: translate3d(-75%, 0, 10px); opacity: 0; }
}
@keyframes transition-slide-leave-bar-to-hide {
	from { transform: translate3d(0, 0, 10px); opacity: 1; }
	to   { transform: translate3d(-75%, 0, 10px); opacity: 0; }
}

.transition-slide-leave .transition-view-to-show .bar .bar-item {
	-webkit-transform: translate3d(0, 0, 10px);
	   -moz-transform: translate3d(0, 0, 10px);
	    -ms-transform: translate3d(0, 0, 10px);
	     -o-transform: translate3d(0, 0, 10px);
	        transform: translate3d(0, 0, 10px);
	-webkit-animation: transition-slide-leave-bar-to-show 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	   -moz-animation: transition-slide-leave-bar-to-show 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	    -ms-animation: transition-slide-leave-bar-to-show 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	     -o-animation: transition-slide-leave-bar-to-show 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	        animation: transition-slide-leave-bar-to-show 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
}

.transition-slide-leave .transition-view-to-hide .bar .bar-item {
	-webkit-transform: translate3d(0, 0, 10px);
	   -moz-transform: translate3d(0, 0, 10px);
	    -ms-transform: translate3d(0, 0, 10px);
	     -o-transform: translate3d(0, 0, 10px);
	        transform: translate3d(0, 0, 10px);
	-webkit-animation: transition-slide-leave-bar-to-hide 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	   -moz-animation: transition-slide-leave-bar-to-hide 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	    -ms-animation: transition-slide-leave-bar-to-hide 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	     -o-animation: transition-slide-leave-bar-to-hide 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
	        animation: transition-slide-leave-bar-to-hide 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1.0);
}

/* Transition Cover Page (Enter)
-----------------------------------------------------------------------------*/

.transition-cover-page-foreground-view {
	-webkit-box-shadow: 0px 0px 10px #000000;
	   -moz-box-shadow: 0px 0px 10px #000000;
	    -ms-box-shadow: 0px 0px 10px #000000;
	     -o-box-shadow: 0px 0px 10px #000000;
	        box-shadow: 0px 0px 10px #000000;
}

/* Transition Cover Box (Enter)
-----------------------------------------------------------------------------*/

.transition-cover-box-foreground-view {
	-webkit-box-shadow: 0px 0px 10px #000000;
	   -moz-box-shadow: 0px 0px 10px #000000;
	    -ms-box-shadow: 0px 0px 10px #000000;
	     -o-box-shadow: 0px 0px 10px #000000;
	        box-shadow: 0px 0px 10px #000000;
}