@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */
audio,
canvas,
progress,
video {
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
b,
strong {
font-weight: bold; }
img {
border: 0;
max-width: 100%; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 1px;
border-width: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
label,
input,
select,
textarea {
line-height: normal;
font-family: inherit; }
form,
input,
optgroup,
select {
color: inherit;
font: inherit;
margin: 0; }
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button {
border: 0;
line-height: 1;
font-family: inherit;
font-variant: inherit;
font-style: inherit;
text-transform: none;
-webkit-appearance: button;
cursor: pointer; }
a[disabled],
button[disabled]
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
html {
width: 100%;
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
margin: 0;
padding: 0;
word-wrap: break-word;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-drag: none;
-ms-content-zooming: none;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
ion-app,
ion-nav,
ion-tabs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden; }
ion-navbar-section {
display: block;
width: 100%;
min-height: 50px; }
ion-content-section {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
width: 100%;
height: 100%; }
ion-page {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
ion-page.show-page {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
ion-content {
position: relative;
display: block;
width: 100%;
height: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; }
scroll-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
will-change: scroll-position; }
ion-tabbar {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 50px; }
ion-tab-section {
display: block;
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden; }
ion-page.tab-subpage {
position: fixed;
z-index: 10; }
ion-navbar {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 50px;
z-index: 10; }
ion-navbar-section ion-navbar.toolbar {
position: absolute; }
ion-toolbar {
display: block;
width: 100%; }
ion-toolbar[position=bottom] {
bottom: 0;
z-index: 10; }
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0; }
html {
font-size: 62.5%; }
a {
background-color: transparent; }
.enable-hover a:hover {
opacity: 0.7; }
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
line-height: 1.2;
margin-top: 1.6rem;
margin-bottom: 1rem; }
[padding] h1:first-child, [padding] h2:first-child, [padding] h3:first-child, [padding] h4:first-child, [padding] h5:first-child, [padding] h6:first-child {
margin-top: -0.3rem; }
h1 + h2,
h1 + h3,
h2 + h3 {
margin-top: -0.3rem; }
h1 {
font-size: 2.6rem;
margin-top: 2rem; }
h2 {
font-size: 2.4rem;
margin-top: 1.8rem; }
h3 {
font-size: 2.2rem; }
h4 {
font-size: 2rem; }
h5 {
font-size: 1.8rem; }
h6 {
font-size: 1.6rem; }
small {
font-size: 75%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
.align-left {
text-align: left; }
.align-center {
text-align: center; }
.align-right {
text-align: right; }
.no-transition {
-webkit-transition: none !important;
transition: none !important; }
.hide,
[hidden],
template,
root-anchor {
display: none !important; }
[padding],
[padding] > scroll-content {
padding: 16px; }
[padding-top] {
padding-top: 16px; }
[padding-right] {
padding-right: 16px; }
[padding-bottom] {
padding-bottom: 16px; }
[padding-left] {
padding-left: 16px; }
[padding-vertical] {
padding-top: 16px;
padding-bottom: 16px; }
[padding-horizontal] {
padding-right: 16px;
padding-left: 16px; }
:focus,
:active {
outline: none; }
.focus-outline :focus {
outline-offset: -1px;
outline: thin dotted; }
.focus-outline button:focus,
.focus-outline [button]:focus {
border-color: #51a7e8;
box-shadow: 0px 0px 8px 0px #51a7e8;
outline: thin solid #51a7e8; }
.focus-outline ion-input.input-focused,
.focus-outline button[ion-item]:focus,
.focus-outline a[ion-item]:focus {
border-color: #51a7e8;
box-shadow: inset 0px 0px 8px 0px #51a7e8 !important; }
.focus-outline ion-input :focus {
outline: none; }
focus-ctrl {
position: fixed; }
focus-ctrl input,
focus-ctrl button {
position: fixed;
top: 1px;
width: 9px;
left: -9999px;
z-index: 9999;
pointer-events: none; }
.hide-focused-input {
-webkit-box-flex: 0 !important;
-webkit-flex: 0 0 8px !important;
-ms-flex: 0 0 8px !important;
flex: 0 0 8px !important;
margin: 0 !important;
-webkit-transform: translate3d(-9999px, 0, 0);
transform: translate3d(-9999px, 0, 0);
pointer-events: none; }
[floating-label] .hide-focused-input,
[stacked-label] .hide-focused-input {
margin-top: -8px !important; }
.cloned-input {
pointer-events: none; }
.backdrop {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.01;
display: block;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
click-block {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
z-index: 9999;
-webkit-transform: translate3d(0px, -100%, 0px);
transform: translate3d(0px, -100%, 0px);
-webkit-transform: translate3d(0px, calc(-100% + 1px), 0px);
transform: translate3d(0px, calc(-100% + 1px), 0px); }
.click-block-active {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px); }
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
ion-loading-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin: auto;
font-family: 'Ionicons';
font-size: 128px;
color: #666666;
-webkit-animation: rotation 45s infinite linear;
animation: rotation 45s infinite linear; }
ion-loading-icon:before {
content: "\f44e"; }
ion-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 5px;
width: 100%; }
ion-row[wrap] {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
ion-row[flush] {
padding: 0; }
ion-row[top] {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
ion-row[bottom] {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
ion-row[center] {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
ion-row[stretch] {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
ion-row[baseline] {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
ion-row + ion-row {
margin-top: -5px;
padding-top: 0; }
ion-col {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: block;
padding: 5px;
width: 100%; }
ion-col[top] {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
ion-col[bottom] {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
ion-col[center] {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
ion-col[stretch] {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch; }
ion-col[baseline] {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline; }
/* Column Offsets */
ion-col[offset-10] {
margin-left: 10%; }
ion-col[offset-20] {
margin-left: 20%; }
ion-col[offset-25] {
margin-left: 25%; }
ion-col[offset-33], ion-col[offset-34] {
margin-left: 33.3333%; }
ion-col[offset-50] {
margin-left: 50%; }
ion-col[offset-66], ion-col[offset-67] {
margin-left: 66.6666%; }
ion-col[offset-75] {
margin-left: 75%; }
ion-col[offset-80] {
margin-left: 80%; }
ion-col[offset-90] {
margin-left: 90%; }
/* Explicit Column Percent Sizes */
/* By default each grid column will evenly distribute */
/* across the grid. However, you can specify individual */
/* columns to take up a certain size of the available area */
ion-col[width-10] {
-webkit-box-flex: 0;
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%; }
ion-col[width-20] {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
ion-col[width-25] {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
ion-col[width-33], ion-col[width-34] {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333%;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
max-width: 33.3333%; }
ion-col[width-50] {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
ion-col[width-66], ion-col[width-67] {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666%;
-ms-flex: 0 0 66.6666%;
flex: 0 0 66.6666%;
max-width: 66.6666%; }
ion-col[width-75] {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
ion-col[width-80] {
-webkit-box-flex: 0;
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%; }
ion-col[width-90] {
-webkit-box-flex: 0;
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%; }
/* Responsive Grid Classes */
/* Adding a class of responsive-X to a row */
/* will trigger the width-direction to */
/* change to column and add some margin */
/* to any columns in the row for clearity */
@media (max-width: 567px) {
[responsive-sm] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
[responsive-sm] ion-col[width-10], [responsive-sm] ion-col[width-20], [responsive-sm] ion-col[width-25], [responsive-sm] ion-col[width-33], [responsive-sm] ion-col[width-34], [responsive-sm] ion-col[width-50], [responsive-sm] ion-col[width-66], [responsive-sm] ion-col[width-67], [responsive-sm] ion-col[width-75], [responsive-sm] ion-col[width-80], [responsive-sm] ion-col[width-90] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 15px;
margin-left: 0;
max-width: 100%;
width: 100%; } }
@media (max-width: 767px) {
[responsive-md] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
[responsive-md] ion-col[width-10], [responsive-md] ion-col[width-20], [responsive-md] ion-col[width-25], [responsive-md] ion-col[width-33], [responsive-md] ion-col[width-34], [responsive-md] ion-col[width-50], [responsive-md] ion-col[width-66], [responsive-md] ion-col[width-67], [responsive-md] ion-col[width-75], [responsive-md] ion-col[width-80], [responsive-md] ion-col[width-90] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 15px;
margin-left: 0;
max-width: 100%;
width: 100%; } }
@media (max-width: 1023px) {
[responsive-lg] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
[responsive-lg] ion-col[width-10], [responsive-lg] ion-col[width-20], [responsive-lg] ion-col[width-25], [responsive-lg] ion-col[width-33], [responsive-lg] ion-col[width-34], [responsive-lg] ion-col[width-50], [responsive-lg] ion-col[width-66], [responsive-lg] ion-col[width-67], [responsive-lg] ion-col[width-75], [responsive-lg] ion-col[width-80], [responsive-lg] ion-col[width-90] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 15px;
margin-left: 0;
max-width: 100%;
width: 100%; } }
icon {
display: inline-block;
font-size: 1.2em; }
icon[small] {
font-size: 1.1em; }
ion-menu {
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: 0;
width: 304px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transform: translate3d(-9999px, 0px, 0px);
transform: translate3d(-9999px, 0px, 0px); }
ion-menu[side=right] {
right: 0;
left: auto; }
ion-menu .backdrop {
z-index: -1;
display: none; }
.menu-content {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px); }
.menu-content-open ion-pane,
.menu-content-open ion-content,
.menu-content-open .toolbar {
pointer-events: none; }
@media (max-width: 340px) {
ion-menu {
width: 264px; } }
ion-menu[type=reveal].show-menu {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px); }
ion-menu[type=overlay] {
z-index: 80;
left: -8px; }
ion-menu[type=overlay] .backdrop {
display: block;
-webkit-transform: translate3d(-9999px, 0px, 0px);
transform: translate3d(-9999px, 0px, 0px);
opacity: 0.01;
left: -3000px;
width: 6000px; }
ion-menu[type=overlay] .backdrop.show-backdrop {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px); }
ion-menu[type=overlay][side=right] {
left: 8px; }
ion-menu[type=push][side=right] {
left: 0px; }
ion-page.modal {
z-index: 1000;
-webkit-transform: translate3d(0px, 100%, 0px);
transform: translate3d(0px, 100%, 0px); }
ion-scroll {
position: relative;
display: block; }
ion-scroll.scroll-x scroll-content {
overflow-x: auto; }
ion-scroll.scroll-y scroll-content {
overflow-y: auto; }
ion-scroll[center] scroll-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
ion-scroll scroll-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: hidden;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
will-change: scroll-position; }
ion-swipe-slides {
display: block;
width: 100%;
height: 100%; }
/**
* Swiper 3.1.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2015, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: August 22, 2015
*/
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
/* Fix of Webkit flickering */
z-index: 1; }
.swiper-container-no-flexbox .swiper-slide {
float: left; }
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; }
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
box-sizing: content-box; }
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto; }
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative; }
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y; }
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x; }
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat; }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto; }
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto; }
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
/* Pagination Styles */
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10; }
.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2; }
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff; }
.swiper-pagination-bullet-active {
opacity: 1; }
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000; }
.swiper-container-vertical > .swiper-pagination {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0); }
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
margin: 5px 0;
display: block; }
.swiper-container-horizontal > .swiper-pagination {
bottom: 20px;
left: 0;
width: 100%; }
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
margin: 0 5px; }
/* 3D Container */
.swiper-container-3d {
-webkit-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px; }
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */ }
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px; }
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide {
pointer-events: none; }
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
/* Cube */
.swiper-container-cube {
overflow: visible; }
.swiper-container-cube .swiper-slide {
pointer-events: none;
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height: 100%;
z-index: 1; }
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible; }
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0; }
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%; }
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%; }
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0; }
.swiper-scrollbar-cursor-drag {
cursor: move; }
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat; }
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
ion-slides {
width: 100%;
height: 100%;
display: block; }
.slide-zoom {
display: block;
width: 100%;
text-align: center; }
.swiper-container {
width: 100%;
height: 100%;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden; }
.swiper-wrapper {
width: 100%;
height: 100%;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.swiper-slide {
width: 100%;
height: 100%;
box-sizing: border-box;
text-align: center;
font-size: 18px;
/* Center slide text vertically */
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.swiper-slide img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%; }
@font-face {
font-family: "Ionicons";
src: url("../fonts/ionicons.ttf?v=3.0.0") format("truetype"), url("../fonts/ionicons.woff?v=3.0.0") format("woff");
font-weight: normal;
font-style: normal; }
icon,
[icon],
.icon {
display: inline-block;
font-family: "Ionicons";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/*!
Ionicons, v3.0.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s
Material Design Icons: https://github.com/google/material-design-icons
used under CC BY http://creativecommons.org/licenses/by/4.0/
Modified icons to fit ionicon’s grid from original.
*/
.ion-ios-add:before {
content: "\f102"; }
.ion-ios-add-circle:before {
content: "\f101"; }
.ion-ios-add-circle-outline:before {
content: "\f100"; }
.ion-ios-alarm:before {
content: "\f3c8"; }
.ion-ios-alarm-outline:before {
content: "\f3c7"; }
.ion-ios-albums:before {
content: "\f3ca"; }
.ion-ios-albums-outline:before {
content: "\f3c9"; }
.ion-ios-alert:before {
content: "\f104"; }
.ion-ios-alert-outline:before {
content: "\f103"; }
.ion-ios-american-football:before {
content: "\f106"; }
.ion-ios-american-football-outline:before {
content: "\f105"; }
.ion-ios-analytics:before {
content: "\f3ce"; }
.ion-ios-analytics-outline:before {
content: "\f3cd"; }
.ion-ios-aperture:before {
content: "\f108"; }
.ion-ios-aperture-outline:before {
content: "\f107"; }
.ion-ios-apps:before {
content: "\f10a"; }
.ion-ios-apps-outline:before {
content: "\f109"; }
.ion-ios-appstore:before {
content: "\f10c"; }
.ion-ios-appstore-outline:before {
content: "\f10b"; }
.ion-ios-archive:before {
content: "\f10e"; }
.ion-ios-archive-outline:before {
content: "\f10d"; }
.ion-ios-arrow-back:before {
content: "\f3cf"; }
.ion-ios-arrow-down:before {
content: "\f3d0"; }
.ion-ios-arrow-dropdown:before {
content: "\f110"; }
.ion-ios-arrow-dropdown-circle:before {
content: "\f10f"; }
.ion-ios-arrow-dropleft:before {
content: "\f112"; }
.ion-ios-arrow-dropleft-circle:before {
content: "\f111"; }
.ion-ios-arrow-dropright:before {
content: "\f114"; }
.ion-ios-arrow-dropright-circle:before {
content: "\f113"; }
.ion-ios-arrow-dropup:before {
content: "\f116"; }
.ion-ios-arrow-dropup-circle:before {
content: "\f115"; }
.ion-ios-arrow-forward:before {
content: "\f3d1"; }
.ion-ios-arrow-round-back:before {
content: "\f117"; }
.ion-ios-arrow-round-down:before {
content: "\f118"; }
.ion-ios-arrow-round-forward:before {
content: "\f119"; }
.ion-ios-arrow-round-up:before {
content: "\f11a"; }
.ion-ios-arrow-up:before {
content: "\f3d8"; }
.ion-ios-at:before {
content: "\f3da"; }
.ion-ios-at-outline:before {
content: "\f3d9"; }
.ion-ios-attach:before {
content: "\f11b"; }
.ion-ios-backspace:before {
content: "\f11d"; }
.ion-ios-backspace-outline:before {
content: "\f11c"; }
.ion-ios-barcode:before {
content: "\f3dc"; }
.ion-ios-barcode-outline:before {
content: "\f3db"; }
.ion-ios-baseball:before {
content: "\f3de"; }
.ion-ios-baseball-outline:before {
content: "\f3dd"; }
.ion-ios-basket:before {
content: "\f11f"; }
.ion-ios-basket-outline:before {
content: "\f11e"; }
.ion-ios-basketball:before {
content: "\f3e0"; }
.ion-ios-basketball-outline:before {
content: "\f3df"; }
.ion-ios-battery-charging:before {
content: "\f120"; }
.ion-ios-battery-dead:before {
content: "\f121"; }
.ion-ios-battery-full:before {
content: "\f122"; }
.ion-ios-beaker:before {
content: "\f124"; }
.ion-ios-beaker-outline:before {
content: "\f123"; }
.ion-ios-beer:before {
content: "\f126"; }
.ion-ios-beer-outline:before {
content: "\f125"; }
.ion-ios-bicycle:before {
content: "\f127"; }
.ion-ios-bluetooth:before {
content: "\f128"; }
.ion-ios-boat:before {
content: "\f12a"; }
.ion-ios-boat-outline:before {
content: "\f129"; }
.ion-ios-body:before {
content: "\f3e4"; }
.ion-ios-body-outline:before {
content: "\f3e3"; }
.ion-ios-bonfire:before {
content: "\f12c"; }
.ion-ios-bonfire-outline:before {
content: "\f12b"; }
.ion-ios-book:before {
content: "\f3e8"; }
.ion-ios-book-outline:before {
content: "\f3e7"; }
.ion-ios-bookmark:before {
content: "\f12e"; }
.ion-ios-bookmark-outline:before {
content: "\f12d"; }
.ion-ios-bookmarks:before {
content: "\f3ea"; }
.ion-ios-bookmarks-outline:before {
content: "\f3e9"; }
.ion-ios-bowtie:before {
content: "\f130"; }
.ion-ios-bowtie-outline:before {
content: "\f12f"; }
.ion-ios-briefcase:before {
content: "\f3ee"; }
.ion-ios-briefcase-outline:before {
content: "\f3ed"; }
.ion-ios-browsers:before {
content: "\f3f0"; }
.ion-ios-browsers-outline:before {
content: "\f3ef"; }
.ion-ios-brush:before {
content: "\f132"; }
.ion-ios-brush-outline:before {
content: "\f131"; }
.ion-ios-bug:before {
content: "\f134"; }
.ion-ios-bug-outline:before {
content: "\f133"; }
.ion-ios-build:before {
content: "\f136"; }
.ion-ios-build-outline:before {
content: "\f135"; }
.ion-ios-bulb:before {
content: "\f138"; }
.ion-ios-bulb-outline:before {
content: "\f137"; }
.ion-ios-bus:before {
content: "\f13a"; }
.ion-ios-bus-outline:before {
content: "\f139"; }
.ion-ios-cafe:before {
content: "\f13c"; }
.ion-ios-cafe-outline:before {
content: "\f13b"; }
.ion-ios-calculator:before {
content: "\f3f2"; }
.ion-ios-calculator-outline:before {
content: "\f3f1"; }
.ion-ios-calendar:before {
content: "\f3f4"; }
.ion-ios-calendar-outline:before {
content: "\f3f3"; }
.ion-ios-call:before {
content: "\f13e"; }
.ion-ios-call-outline:before {
content: "\f13d"; }
.ion-ios-camera:before {
content: "\f3f6"; }
.ion-ios-camera-outline:before {
content: "\f3f5"; }
.ion-ios-car:before {
content: "\f140"; }
.ion-ios-car-outline:before {
content: "\f13f"; }
.ion-ios-card:before {
content: "\f142"; }
.ion-ios-card-outline:before {
content: "\f141"; }
.ion-ios-cart:before {
content: "\f3f8"; }
.ion-ios-cart-outline:before {
content: "\f3f7"; }
.ion-ios-cash:before {
content: "\f144"; }
.ion-ios-cash-outline:before {
content: "\f143"; }
.ion-ios-chatboxes:before {
content: "\f3fa"; }
.ion-ios-chatboxes-outline:before {
content: "\f3f9"; }
.ion-ios-chatbubbles:before {
content: "\f146"; }
.ion-ios-chatbubbles-outline:before {
content: "\f145"; }
.ion-ios-checkbox:before {
content: "\f148"; }
.ion-ios-checkbox-outline:before {
content: "\f147"; }
.ion-ios-checkmark:before {
content: "\f3ff"; }
.ion-ios-checkmark-circle:before {
content: "\f14a"; }
.ion-ios-checkmark-circle-outline:before {
content: "\f149"; }
.ion-ios-clipboard:before {
content: "\f14c"; }
.ion-ios-clipboard-outline:before {
content: "\f14b"; }
.ion-ios-clock:before {
content: "\f403"; }
.ion-ios-clock-outline:before {
content: "\f402"; }
.ion-ios-close:before {
content: "\f406"; }
.ion-ios-close-circle:before {
content: "\f14e"; }
.ion-ios-close-circle-outline:before {
content: "\f14d"; }
.ion-ios-closed-captioning:before {
content: "\f150"; }
.ion-ios-closed-captioning-outline:before {
content: "\f14f"; }
.ion-ios-cloud:before {
content: "\f40c"; }
.ion-ios-cloud-circle:before {
content: "\f152"; }
.ion-ios-cloud-circle-outline:before {
content: "\f151"; }
.ion-ios-cloud-done:before {
content: "\f154"; }
.ion-ios-cloud-done-outline:before {
content: "\f153"; }
.ion-ios-cloud-download:before {
content: "\f408"; }
.ion-ios-cloud-download-outline:before {
content: "\f407"; }
.ion-ios-cloud-outline:before {
content: "\f409"; }
.ion-ios-cloud-upload:before {
content: "\f40b"; }
.ion-ios-cloud-upload-outline:before {
content: "\f40a"; }
.ion-ios-cloudy:before {
content: "\f410"; }
.ion-ios-cloudy-night:before {
content: "\f40e"; }
.ion-ios-cloudy-night-outline:before {
content: "\f40d"; }
.ion-ios-cloudy-outline:before {
content: "\f40f"; }
.ion-ios-code:before {
content: "\f157"; }
.ion-ios-code-download:before {
content: "\f155"; }
.ion-ios-code-working:before {
content: "\f156"; }
.ion-ios-cog:before {
content: "\f412"; }
.ion-ios-cog-outline:before {
content: "\f411"; }
.ion-ios-color-fill:before {
content: "\f159"; }
.ion-ios-color-fill-outline:before {
content: "\f158"; }
.ion-ios-color-filter:before {
content: "\f414"; }
.ion-ios-color-filter-outline:before {
content: "\f413"; }
.ion-ios-color-palette:before {
content: "\f15b"; }
.ion-ios-color-palette-outline:before {
content: "\f15a"; }
.ion-ios-color-wand:before {
content: "\f416"; }
.ion-ios-color-wand-outline:before {
content: "\f415"; }
.ion-ios-compass:before {
content: "\f15d"; }
.ion-ios-compass-outline:before {
content: "\f15c"; }
.ion-ios-construct:before {
content: "\f15f"; }
.ion-ios-construct-outline:before {
content: "\f15e"; }
.ion-ios-contact:before {
content: "\f41a"; }
.ion-ios-contact-outline:before {
content: "\f419"; }
.ion-ios-contacts:before {
content: "\f161"; }
.ion-ios-contacts-outline:before {
content: "\f160"; }
.ion-ios-contract:before {
content: "\f162"; }
.ion-ios-contrast:before {
content: "\f163"; }
.ion-ios-copy:before {
content: "\f41c"; }
.ion-ios-copy-outline:before {
content: "\f41b"; }
.ion-ios-create:before {
content: "\f165"; }
.ion-ios-create-outline:before {
content: "\f164"; }
.ion-ios-crop:before {
content: "\f41e"; }
.ion-ios-crop-outline:before {
content: "\f166"; }
.ion-ios-cube:before {
content: "\f168"; }
.ion-ios-cube-outline:before {
content: "\f167"; }
.ion-ios-cut:before {
content: "\f16a"; }
.ion-ios-cut-outline:before {
content: "\f169"; }
.ion-ios-desktop:before {
content: "\f16c"; }
.ion-ios-desktop-outline:before {
content: "\f16b"; }
.ion-ios-disc:before {
content: "\f16e"; }
.ion-ios-disc-outline:before {
content: "\f16d"; }
.ion-ios-document:before {
content: "\f170"; }
.ion-ios-document-outline:before {
content: "\f16f"; }
.ion-ios-done-all:before {
content: "\f171"; }
.ion-ios-download:before {
content: "\f420"; }
.ion-ios-download-outline:before {
content: "\f41f"; }
.ion-ios-easel:before {
content: "\f173"; }
.ion-ios-easel-outline:before {
content: "\f172"; }
.ion-ios-egg:before {
content: "\f175"; }
.ion-ios-egg-outline:before {
content: "\f174"; }
.ion-ios-exit:before {
content: "\f177"; }
.ion-ios-exit-outline:before {
content: "\f176"; }
.ion-ios-expand:before {
content: "\f178"; }
.ion-ios-eye:before {
content: "\f425"; }
.ion-ios-eye-off:before {
content: "\f17a"; }
.ion-ios-eye-off-outline:before {
content: "\f179"; }
.ion-ios-eye-outline:before {
content: "\f424"; }
.ion-ios-fastforward:before {
content: "\f427"; }
.ion-ios-fastforward-outline:before {
content: "\f426"; }
.ion-ios-female:before {
content: "\f17b"; }
.ion-ios-filing:before {
content: "\f429"; }
.ion-ios-filing-outline:before {
content: "\f428"; }
.ion-ios-film:before {
content: "\f42b"; }
.ion-ios-film-outline:before {
content: "\f42a"; }
.ion-ios-finger-print:before {
content: "\f17c"; }
.ion-ios-flag:before {
content: "\f42d"; }
.ion-ios-flag-outline:before {
content: "\f42c"; }
.ion-ios-flame:before {
content: "\f42f"; }
.ion-ios-flame-outline:before {
content: "\f42e"; }
.ion-ios-flash:before {
content: "\f17e"; }
.ion-ios-flash-outline:before {
content: "\f17d"; }
.ion-ios-flask:before {
content: "\f431"; }
.ion-ios-flask-outline:before {
content: "\f430"; }
.ion-ios-flower:before {
content: "\f433"; }
.ion-ios-flower-outline:before {
content: "\f432"; }
.ion-ios-folder:before {
content: "\f435"; }
.ion-ios-folder-open:before {
content: "\f180"; }
.ion-ios-folder-open-outline:before {
content: "\f17f"; }
.ion-ios-folder-outline:before {
content: "\f434"; }
.ion-ios-football:before {
content: "\f437"; }
.ion-ios-football-outline:before {
content: "\f436"; }
.ion-ios-funnel:before {
content: "\f182"; }
.ion-ios-funnel-outline:before {
content: "\f181"; }
.ion-ios-game-controller-a:before {
content: "\f439"; }
.ion-ios-game-controller-a-outline:before {
content: "\f438"; }
.ion-ios-game-controller-b:before {
content: "\f43b"; }
.ion-ios-game-controller-b-outline:before {
content: "\f43a"; }
.ion-ios-git-branch:before {
content: "\f183"; }
.ion-ios-git-commit:before {
content: "\f184"; }
.ion-ios-git-compare:before {
content: "\f185"; }
.ion-ios-git-merge:before {
content: "\f186"; }
.ion-ios-git-network:before {
content: "\f187"; }
.ion-ios-git-pull-request:before {
content: "\f188"; }
.ion-ios-glasses:before {
content: "\f43f"; }
.ion-ios-glasses-outline:before {
content: "\f43e"; }
.ion-ios-globe:before {
content: "\f18a"; }
.ion-ios-globe-outline:before {
content: "\f189"; }
.ion-ios-grid:before {
content: "\f18c"; }
.ion-ios-grid-outline:before {
content: "\f18b"; }
.ion-ios-hammer:before {
content: "\f18e"; }
.ion-ios-hammer-outline:before {
content: "\f18d"; }
.ion-ios-hand:before {
content: "\f190"; }
.ion-ios-hand-outline:before {
content: "\f18f"; }
.ion-ios-happy:before {
content: "\f192"; }
.ion-ios-happy-outline:before {
content: "\f191"; }
.ion-ios-headset:before {
content: "\f194"; }
.ion-ios-headset-outline:before {
content: "\f193"; }
.ion-ios-heart:before {
content: "\f443"; }
.ion-ios-heart-outline:before {
content: "\f442"; }
.ion-ios-help:before {
content: "\f446"; }
.ion-ios-help-buoy:before {
content: "\f196"; }
.ion-ios-help-buoy-outline:before {
content: "\f195"; }
.ion-ios-help-circle:before {
content: "\f198"; }
.ion-ios-help-circle-outline:before {
content: "\f197"; }
.ion-ios-home:before {
content: "\f448"; }
.ion-ios-home-outline:before {
content: "\f447"; }
.ion-ios-ice-cream:before {
content: "\f19a"; }
.ion-ios-ice-cream-outline:before {
content: "\f199"; }
.ion-ios-image:before {
content: "\f19c"; }
.ion-ios-image-outline:before {
content: "\f19b"; }
.ion-ios-images:before {
content: "\f19e"; }
.ion-ios-images-outline:before {
content: "\f19d"; }
.ion-ios-infinite:before {
content: "\f44a"; }
.ion-ios-infinite-outline:before {
content: "\f449"; }
.ion-ios-information:before {
content: "\f44d"; }
.ion-ios-information-circle:before {
content: "\f1a0"; }
.ion-ios-information-circle-outline:before {
content: "\f19f"; }
.ion-ios-ionic:before {
content: "\f1a1"; }
.ion-ios-ionic-outline:before {
content: "\f44e"; }
.ion-ios-ionitron:before {
content: "\f1a3"; }
.ion-ios-ionitron-outline:before {
content: "\f1a2"; }
.ion-ios-jet:before {
content: "\f1a5"; }
.ion-ios-jet-outline:before {
content: "\f1a4"; }
.ion-ios-key:before {
content: "\f1a7"; }
.ion-ios-key-outline:before {
content: "\f1a6"; }
.ion-ios-keypad:before {
content: "\f450"; }
.ion-ios-keypad-outline:before {
content: "\f44f"; }
.ion-ios-laptop:before {
content: "\f1a8"; }
.ion-ios-leaf:before {
content: "\f1aa"; }
.ion-ios-leaf-outline:before {
content: "\f1a9"; }
.ion-ios-list:before {
content: "\f454"; }
.ion-ios-list-box:before {
content: "\f1ac"; }
.ion-ios-list-box-outline:before {
content: "\f1ab"; }
.ion-ios-locate:before {
content: "\f1ae"; }
.ion-ios-locate-outline:before {
content: "\f1ad"; }
.ion-ios-lock:before {
content: "\f1b0"; }
.ion-ios-lock-outline:before {
content: "\f1af"; }
.ion-ios-log-in:before {
content: "\f1b1"; }
.ion-ios-log-out:before {
content: "\f1b2"; }
.ion-ios-magnet:before {
content: "\f1b4"; }
.ion-ios-magnet-outline:before {
content: "\f1b3"; }
.ion-ios-mail:before {
content: "\f1b8"; }
.ion-ios-mail-open:before {
content: "\f1b6"; }
.ion-ios-mail-open-outline:before {
content: "\f1b5"; }
.ion-ios-mail-outline:before {
content: "\f1b7"; }
.ion-ios-male:before {
content: "\f1b9"; }
.ion-ios-man:before {
content: "\f1bb"; }
.ion-ios-man-outline:before {
content: "\f1ba"; }
.ion-ios-map:before {
content: "\f1bd"; }
.ion-ios-map-outline:before {
content: "\f1bc"; }
.ion-ios-medal:before {
content: "\f1bf"; }
.ion-ios-medal-outline:before {
content: "\f1be"; }
.ion-ios-medical:before {
content: "\f45c"; }
.ion-ios-medical-outline:before {
content: "\f45b"; }
.ion-ios-medkit:before {
content: "\f45e"; }
.ion-ios-medkit-outline:before {
content: "\f45d"; }
.ion-ios-megaphone:before {
content: "\f1c1"; }
.ion-ios-megaphone-outline:before {
content: "\f1c0"; }
.ion-ios-menu:before {
content: "\f1c3"; }
.ion-ios-menu-outline:before {
content: "\f1c2"; }
.ion-ios-mic:before {
content: "\f461"; }
.ion-ios-mic-off:before {
content: "\f45f"; }
.ion-ios-mic-off-outline:before {
content: "\f1c4"; }
.ion-ios-mic-outline:before {
content: "\f460"; }
.ion-ios-microphone:before {
content: "\f1c6"; }
.ion-ios-microphone-outline:before {
content: "\f1c5"; }
.ion-ios-moon:before {
content: "\f468"; }
.ion-ios-moon-outline:before {
content: "\f467"; }
.ion-ios-more:before {
content: "\f1c8"; }
.ion-ios-more-outline:before {
content: "\f1c7"; }
.ion-ios-move:before {
content: "\f1cb"; }
.ion-ios-musical-note:before {
content: "\f46b"; }
.ion-ios-musical-note-outline:before {
content: "\f1cc"; }
.ion-ios-musical-notes:before {
content: "\f46c"; }
.ion-ios-musical-notes-outline:before {
content: "\f1cd"; }
.ion-ios-navigate:before {
content: "\f46e"; }
.ion-ios-navigate-outline:before {
content: "\f46d"; }
.ion-ios-no-smoking:before {
content: "\f1cf"; }
.ion-ios-no-smoking-outline:before {
content: "\f1ce"; }
.ion-ios-notifications:before {
content: "\f1d3"; }
.ion-ios-notifications-off:before {
content: "\f1d1"; }
.ion-ios-notifications-off-outline:before {
content: "\f1d0"; }
.ion-ios-notifications-outline:before {
content: "\f1d2"; }
.ion-ios-nuclear:before {
content: "\f1d5"; }
.ion-ios-nuclear-outline:before {
content: "\f1d4"; }
.ion-ios-nutrition:before {
content: "\f470"; }
.ion-ios-nutrition-outline:before {
content: "\f46f"; }
.ion-ios-open:before {
content: "\f1d7"; }
.ion-ios-open-outline:before {
content: "\f1d6"; }
.ion-ios-options:before {
content: "\f1d9"; }
.ion-ios-options-outline:before {
content: "\f1d8"; }
.ion-ios-outlet:before {
content: "\f1db"; }
.ion-ios-outlet-outline:before {
content: "\f1da"; }
.ion-ios-paper:before {
content: "\f472"; }
.ion-ios-paper-outline:before {
content: "\f471"; }
.ion-ios-paper-plane:before {
content: "\f1dd"; }
.ion-ios-paper-plane-outline:before {
content: "\f1dc"; }
.ion-ios-partly-sunny:before {
content: "\f1df"; }
.ion-ios-partly-sunny-outline:before {
content: "\f1de"; }
.ion-ios-pause:before {
content: "\f478"; }
.ion-ios-pause-outline:before {
content: "\f477"; }
.ion-ios-paw:before {
content: "\f47a"; }
.ion-ios-paw-outline:before {
content: "\f479"; }
.ion-ios-people:before {
content: "\f47c"; }
.ion-ios-people-outline:before {
content: "\f47b"; }
.ion-ios-person:before {
content: "\f47e"; }
.ion-ios-person-add:before {
content: "\f1e1"; }
.ion-ios-person-add-outline:before {
content: "\f1e0"; }
.ion-ios-person-outline:before {
content: "\f47d"; }
.ion-ios-phone-landscape:before {
content: "\f1e2"; }
.ion-ios-phone-portrait:before {
content: "\f1e3"; }
.ion-ios-photos:before {
content: "\f482"; }
.ion-ios-photos-outline:before {
content: "\f481"; }
.ion-ios-pie:before {
content: "\f484"; }
.ion-ios-pie-outline:before {
content: "\f483"; }
.ion-ios-pin:before {
content: "\f1e5"; }
.ion-ios-pin-outline:before {
content: "\f1e4"; }
.ion-ios-pint:before {
content: "\f486"; }
.ion-ios-pint-outline:before {
content: "\f485"; }
.ion-ios-pizza:before {
content: "\f1e7"; }
.ion-ios-pizza-outline:before {
content: "\f1e6"; }
.ion-ios-plane:before {
content: "\f1e9"; }
.ion-ios-plane-outline:before {
content: "\f1e8"; }
.ion-ios-planet:before {
content: "\f1eb"; }
.ion-ios-planet-outline:before {
content: "\f1ea"; }
.ion-ios-play:before {
content: "\f488"; }
.ion-ios-play-outline:before {
content: "\f487"; }
.ion-ios-podium:before {
content: "\f1ed"; }
.ion-ios-podium-outline:before {
content: "\f1ec"; }
.ion-ios-power:before {
content: "\f1ef"; }
.ion-ios-power-outline:before {
content: "\f1ee"; }
.ion-ios-pricetag:before {
content: "\f48d"; }
.ion-ios-pricetag-outline:before {
content: "\f48c"; }
.ion-ios-pricetags:before {
content: "\f48f"; }
.ion-ios-pricetags-outline:before {
content: "\f48e"; }
.ion-ios-print:before {
content: "\f1f1"; }
.ion-ios-print-outline:before {
content: "\f1f0"; }
.ion-ios-pulse:before {
content: "\f493"; }
.ion-ios-pulse-outline:before {
content: "\f1f2"; }
.ion-ios-qr-scanner:before {
content: "\f1f3"; }
.ion-ios-quote:before {
content: "\f1f5"; }
.ion-ios-quote-outline:before {
content: "\f1f4"; }
.ion-ios-radio:before {
content: "\f1f9"; }
.ion-ios-radio-button-off:before {
content: "\f1f6"; }
.ion-ios-radio-button-on:before {
content: "\f1f7"; }
.ion-ios-radio-outline:before {
content: "\f1f8"; }
.ion-ios-rainy:before {
content: "\f495"; }
.ion-ios-rainy-outline:before {
content: "\f494"; }
.ion-ios-recording:before {
content: "\f497"; }
.ion-ios-recording-outline:before {
content: "\f496"; }
.ion-ios-redo:before {
content: "\f499"; }
.ion-ios-redo-outline:before {
content: "\f498"; }
.ion-ios-refresh:before {
content: "\f49c"; }
.ion-ios-refresh-circle:before {
content: "\f226"; }
.ion-ios-refresh-circle-outline:before {
content: "\f224"; }
.ion-ios-remove:before {
content: "\f1fc"; }
.ion-ios-remove-circle:before {
content: "\f1fb"; }
.ion-ios-remove-circle-outline:before {
content: "\f1fa"; }
.ion-ios-reorder:before {
content: "\f1fd"; }
.ion-ios-repeat:before {
content: "\f1fe"; }
.ion-ios-resize:before {
content: "\f1ff"; }
.ion-ios-restaurant:before {
content: "\f201"; }
.ion-ios-restaurant-outline:before {
content: "\f200"; }
.ion-ios-return-left:before {
content: "\f202"; }
.ion-ios-return-right:before {
content: "\f203"; }
.ion-ios-reverse-camera:before {
content: "\f49f"; }
.ion-ios-reverse-camera-outline:before {
content: "\f49e"; }
.ion-ios-rewind:before {
content: "\f4a1"; }
.ion-ios-rewind-outline:before {
content: "\f4a0"; }
.ion-ios-ribbon:before {
content: "\f205"; }
.ion-ios-ribbon-outline:before {
content: "\f204"; }
.ion-ios-rose:before {
content: "\f4a3"; }
.ion-ios-rose-outline:before {
content: "\f4a2"; }
.ion-ios-sad:before {
content: "\f207"; }
.ion-ios-sad-outline:before {
content: "\f206"; }
.ion-ios-school:before {
content: "\f209"; }
.ion-ios-school-outline:before {
content: "\f208"; }
.ion-ios-search:before {
content: "\f4a5"; }
.ion-ios-search-outline:before {
content: "\f20a"; }
.ion-ios-send:before {
content: "\f20c"; }
.ion-ios-send-outline:before {
content: "\f20b"; }
.ion-ios-settings:before {
content: "\f4a7"; }
.ion-ios-settings-outline:before {
content: "\f20d"; }
.ion-ios-share:before {
content: "\f211"; }
.ion-ios-share-alt:before {
content: "\f20f"; }
.ion-ios-share-alt-outline:before {
content: "\f20e"; }
.ion-ios-share-outline:before {
content: "\f210"; }
.ion-ios-shirt:before {
content: "\f213"; }
.ion-ios-shirt-outline:before {
content: "\f212"; }
.ion-ios-shuffle:before {
content: "\f4a9"; }
.ion-ios-skip-backward:before {
content: "\f215"; }
.ion-ios-skip-backward-outline:before {
content: "\f214"; }
.ion-ios-skip-forward:before {
content: "\f217"; }
.ion-ios-skip-forward-outline:before {
content: "\f216"; }
.ion-ios-snow:before {
content: "\f218"; }
.ion-ios-snow-outline:before {
content: "\f45a"; }
.ion-ios-speedometer:before {
content: "\f4b0"; }
.ion-ios-speedometer-outline:before {
content: "\f4af"; }
.ion-ios-square:before {
content: "\f21a"; }
.ion-ios-square-outline:before {
content: "\f219"; }
.ion-ios-star:before {
content: "\f4b3"; }
.ion-ios-star-half:before {
content: "\f4b1"; }
.ion-ios-star-outline:before {
content: "\f4b2"; }
.ion-ios-stats:before {
content: "\f21c"; }
.ion-ios-stats-outline:before {
content: "\f21b"; }
.ion-ios-stopwatch:before {
content: "\f4b5"; }
.ion-ios-stopwatch-outline:before {
content: "\f4b4"; }
.ion-ios-subway:before {
content: "\f21e"; }
.ion-ios-subway-outline:before {
content: "\f21d"; }
.ion-ios-sunny:before {
content: "\f4b7"; }
.ion-ios-sunny-outline:before {
content: "\f4b6"; }
.ion-ios-swap:before {
content: "\f21f"; }
.ion-ios-switch:before {
content: "\f221"; }
.ion-ios-switch-outline:before {
content: "\f220"; }
.ion-ios-sync:before {
content: "\f222"; }
.ion-ios-tablet-landscape:before {
content: "\f223"; }
.ion-ios-tablet-portrait:before {
content: "\f24e"; }
.ion-ios-tennisball:before {
content: "\f4bb"; }
.ion-ios-tennisball-outline:before {
content: "\f4ba"; }
.ion-ios-text:before {
content: "\f250"; }
.ion-ios-text-outline:before {
content: "\f24f"; }
.ion-ios-thermometer:before {
content: "\f252"; }
.ion-ios-thermometer-outline:before {
content: "\f251"; }
.ion-ios-thumbs-down:before {
content: "\f254"; }
.ion-ios-thumbs-down-outline:before {
content: "\f253"; }
.ion-ios-thumbs-up:before {
content: "\f256"; }
.ion-ios-thumbs-up-outline:before {
content: "\f255"; }
.ion-ios-thunderstorm:before {
content: "\f4bd"; }
.ion-ios-thunderstorm-outline:before {
content: "\f4bc"; }
.ion-ios-time:before {
content: "\f4bf"; }
.ion-ios-time-outline:before {
content: "\f4be"; }
.ion-ios-timer:before {
content: "\f4c1"; }
.ion-ios-timer-outline:before {
content: "\f4c0"; }
.ion-ios-train:before {
content: "\f258"; }
.ion-ios-train-outline:before {
content: "\f257"; }
.ion-ios-transgender:before {
content: "\f259"; }
.ion-ios-trash:before {
content: "\f4c5"; }
.ion-ios-trash-outline:before {
content: "\f4c4"; }
.ion-ios-trending-down:before {
content: "\f25a"; }
.ion-ios-trending-up:before {
content: "\f25b"; }
.ion-ios-trophy:before {
content: "\f25d"; }
.ion-ios-trophy-outline:before {
content: "\f25c"; }
.ion-ios-umbrella:before {
content: "\f25f"; }
.ion-ios-umbrella-outline:before {
content: "\f25e"; }
.ion-ios-undo:before {
content: "\f4c7"; }
.ion-ios-undo-outline:before {
content: "\f4c6"; }
.ion-ios-unlock:before {
content: "\f261"; }
.ion-ios-unlock-outline:before {
content: "\f260"; }
.ion-ios-videocam:before {
content: "\f4cd"; }
.ion-ios-videocam-outline:before {
content: "\f4cc"; }
.ion-ios-volume-down:before {
content: "\f262"; }
.ion-ios-volume-mute:before {
content: "\f263"; }
.ion-ios-volume-off:before {
content: "\f264"; }
.ion-ios-volume-up:before {
content: "\f265"; }
.ion-ios-walk:before {
content: "\f266"; }
.ion-ios-warning:before {
content: "\f268"; }
.ion-ios-warning-outline:before {
content: "\f267"; }
.ion-ios-watch:before {
content: "\f269"; }
.ion-ios-water:before {
content: "\f26b"; }
.ion-ios-water-outline:before {
content: "\f26a"; }
.ion-ios-wifi:before {
content: "\f26d"; }
.ion-ios-wifi-outline:before {
content: "\f26c"; }
.ion-ios-wine:before {
content: "\f26f"; }
.ion-ios-wine-outline:before {
content: "\f26e"; }
.ion-ios-woman:before {
content: "\f271"; }
.ion-ios-woman-outline:before {
content: "\f270"; }
.ion-md-add:before {
content: "\f273"; }
.ion-md-add-circle:before {
content: "\f272"; }
.ion-md-alarm:before {
content: "\f274"; }
.ion-md-albums:before {
content: "\f275"; }
.ion-md-alert:before {
content: "\f276"; }
.ion-md-american-football:before {
content: "\f277"; }
.ion-md-analytics:before {
content: "\f278"; }
.ion-md-aperture:before {
content: "\f279"; }
.ion-md-apps:before {
content: "\f27a"; }
.ion-md-appstore:before {
content: "\f27b"; }
.ion-md-archive:before {
content: "\f27c"; }
.ion-md-arrow-back:before {
content: "\f27d"; }
.ion-md-arrow-down:before {
content: "\f27e"; }
.ion-md-arrow-dropdown:before {
content: "\f280"; }
.ion-md-arrow-dropdown-circle:before {
content: "\f27f"; }
.ion-md-arrow-dropleft:before {
content: "\f282"; }
.ion-md-arrow-dropleft-circle:before {
content: "\f281"; }
.ion-md-arrow-dropright:before {
content: "\f284"; }
.ion-md-arrow-dropright-circle:before {
content: "\f283"; }
.ion-md-arrow-dropup:before {
content: "\f286"; }
.ion-md-arrow-dropup-circle:before {
content: "\f285"; }
.ion-md-arrow-forward:before {
content: "\f287"; }
.ion-md-arrow-round-back:before {
content: "\f288"; }
.ion-md-arrow-round-down:before {
content: "\f289"; }
.ion-md-arrow-round-forward:before {
content: "\f28a"; }
.ion-md-arrow-round-up:before {
content: "\f28b"; }
.ion-md-arrow-up:before {
content: "\f28c"; }
.ion-md-at:before {
content: "\f28d"; }
.ion-md-attach:before {
content: "\f28e"; }
.ion-md-backspace:before {
content: "\f28f"; }
.ion-md-barcode:before {
content: "\f290"; }
.ion-md-baseball:before {
content: "\f291"; }
.ion-md-basket:before {
content: "\f292"; }
.ion-md-basketball:before {
content: "\f293"; }
.ion-md-battery-charging:before {
content: "\f294"; }
.ion-md-battery-dead:before {
content: "\f295"; }
.ion-md-battery-full:before {
content: "\f296"; }
.ion-md-beaker:before {
content: "\f297"; }
.ion-md-beer:before {
content: "\f298"; }
.ion-md-bicycle:before {
content: "\f299"; }
.ion-md-bluetooth:before {
content: "\f29a"; }
.ion-md-boat:before {
content: "\f29b"; }
.ion-md-body:before {
content: "\f29c"; }
.ion-md-bonfire:before {
content: "\f29d"; }
.ion-md-book:before {
content: "\f29e"; }
.ion-md-bookmark:before {
content: "\f29f"; }
.ion-md-bookmarks:before {
content: "\f2a0"; }
.ion-md-bowtie:before {
content: "\f2a1"; }
.ion-md-briefcase:before {
content: "\f2a2"; }
.ion-md-browsers:before {
content: "\f2a3"; }
.ion-md-brush:before {
content: "\f2a4"; }
.ion-md-bug:before {
content: "\f2a5"; }
.ion-md-build:before {
content: "\f2a6"; }
.ion-md-bulb:before {
content: "\f2a7"; }
.ion-md-bus:before {
content: "\f2a8"; }
.ion-md-cafe:before {
content: "\f2a9"; }
.ion-md-calculator:before {
content: "\f2aa"; }
.ion-md-calendar:before {
content: "\f2ab"; }
.ion-md-call:before {
content: "\f2ac"; }
.ion-md-camera:before {
content: "\f2ad"; }
.ion-md-car:before {
content: "\f2b2"; }
.ion-md-card:before {
content: "\f2b3"; }
.ion-md-cart:before {
content: "\f2b4"; }
.ion-md-cash:before {
content: "\f2b5"; }
.ion-md-chatboxes:before {
content: "\f2b6"; }
.ion-md-chatbubbles:before {
content: "\f2b7"; }
.ion-md-checkbox:before {
content: "\f2b9"; }
.ion-md-checkbox-outline:before {
content: "\f2b8"; }
.ion-md-checkmark:before {
content: "\f2bc"; }
.ion-md-checkmark-circle:before {
content: "\f2bb"; }
.ion-md-checkmark-circle-outline:before {
content: "\f2ba"; }
.ion-md-clipboard:before {
content: "\f2bd"; }
.ion-md-clock:before {
content: "\f2be"; }
.ion-md-close:before {
content: "\f2c0"; }
.ion-md-close-circle:before {
content: "\f2bf"; }
.ion-md-closed-captioning:before {
content: "\f2c1"; }
.ion-md-cloud:before {
content: "\f2c9"; }
.ion-md-cloud-circle:before {
content: "\f2c2"; }
.ion-md-cloud-done:before {
content: "\f2c3"; }
.ion-md-cloud-download:before {
content: "\f2c6"; }
.ion-md-cloud-outline:before {
content: "\f2c7"; }
.ion-md-cloud-upload:before {
content: "\f2c8"; }
.ion-md-cloudy:before {
content: "\f2cb"; }
.ion-md-cloudy-night:before {
content: "\f2ca"; }
.ion-md-code:before {
content: "\f2ce"; }
.ion-md-code-download:before {
content: "\f2cc"; }
.ion-md-code-working:before {
content: "\f2cd"; }
.ion-md-cog:before {
content: "\f2cf"; }
.ion-md-color-fill:before {
content: "\f2d0"; }
.ion-md-color-filter:before {
content: "\f2d1"; }
.ion-md-color-palette:before {
content: "\f2d2"; }
.ion-md-color-wand:before {
content: "\f2d3"; }
.ion-md-compass:before {
content: "\f2d4"; }
.ion-md-construct:before {
content: "\f2d5"; }
.ion-md-contact:before {
content: "\f2d6"; }
.ion-md-contacts:before {
content: "\f2d7"; }
.ion-md-contract:before {
content: "\f2d8"; }
.ion-md-contrast:before {
content: "\f2d9"; }
.ion-md-copy:before {
content: "\f2da"; }
.ion-md-create:before {
content: "\f2db"; }
.ion-md-crop:before {
content: "\f2dc"; }
.ion-md-cube:before {
content: "\f2dd"; }
.ion-md-cut:before {
content: "\f2de"; }
.ion-md-desktop:before {
content: "\f2df"; }
.ion-md-disc:before {
content: "\f2e0"; }
.ion-md-document:before {
content: "\f2e1"; }
.ion-md-done-all:before {
content: "\f2e2"; }
.ion-md-download:before {
content: "\f2e3"; }
.ion-md-easel:before {
content: "\f2e4"; }
.ion-md-egg:before {
content: "\f2e5"; }
.ion-md-exit:before {
content: "\f2e6"; }
.ion-md-expand:before {
content: "\f2e7"; }
.ion-md-eye:before {
content: "\f2e9"; }
.ion-md-eye-off:before {
content: "\f2e8"; }
.ion-md-fastforward:before {
content: "\f2ea"; }
.ion-md-female:before {
content: "\f2eb"; }
.ion-md-filing:before {
content: "\f2ec"; }
.ion-md-film:before {
content: "\f2ed"; }
.ion-md-finger-print:before {
content: "\f2ee"; }
.ion-md-flag:before {
content: "\f2ef"; }
.ion-md-flame:before {
content: "\f2f0"; }
.ion-md-flash:before {
content: "\f2f1"; }
.ion-md-flask:before {
content: "\f2f2"; }
.ion-md-flower:before {
content: "\f2f3"; }
.ion-md-folder:before {
content: "\f2f5"; }
.ion-md-folder-open:before {
content: "\f2f4"; }
.ion-md-football:before {
content: "\f2f6"; }
.ion-md-funnel:before {
content: "\f2f7"; }
.ion-md-game-controller-a:before {
content: "\f2f8"; }
.ion-md-game-controller-b:before {
content: "\f2f9"; }
.ion-md-git-branch:before {
content: "\f2fa"; }
.ion-md-git-commit:before {
content: "\f2fb"; }
.ion-md-git-compare:before {
content: "\f2fc"; }
.ion-md-git-merge:before {
content: "\f2fd"; }
.ion-md-git-network:before {
content: "\f2fe"; }
.ion-md-git-pull-request:before {
content: "\f2ff"; }
.ion-md-glasses:before {
content: "\f300"; }
.ion-md-globe:before {
content: "\f301"; }
.ion-md-grid:before {
content: "\f302"; }
.ion-md-hammer:before {
content: "\f303"; }
.ion-md-hand:before {
content: "\f304"; }
.ion-md-happy:before {
content: "\f305"; }
.ion-md-headset:before {
content: "\f306"; }
.ion-md-heart:before {
content: "\f308"; }
.ion-md-heart-outline:before {
content: "\f307"; }
.ion-md-help:before {
content: "\f30b"; }
.ion-md-help-buoy:before {
content: "\f309"; }
.ion-md-help-circle:before {
content: "\f30a"; }
.ion-md-home:before {
content: "\f30c"; }
.ion-md-ice-cream:before {
content: "\f30d"; }
.ion-md-image:before {
content: "\f30e"; }
.ion-md-images:before {
content: "\f30f"; }
.ion-md-infinite:before {
content: "\f310"; }
.ion-md-information:before {
content: "\f312"; }
.ion-md-information-circle:before {
content: "\f311"; }
.ion-md-ionic:before {
content: "\f313"; }
.ion-md-ionitron:before {
content: "\f314"; }
.ion-md-jet:before {
content: "\f315"; }
.ion-md-key:before {
content: "\f316"; }
.ion-md-keypad:before {
content: "\f317"; }
.ion-md-laptop:before {
content: "\f318"; }
.ion-md-leaf:before {
content: "\f319"; }
.ion-md-list:before {
content: "\f31b"; }
.ion-md-list-box:before {
content: "\f31a"; }
.ion-md-locate:before {
content: "\f31c"; }
.ion-md-lock:before {
content: "\f31d"; }
.ion-md-log-in:before {
content: "\f31e"; }
.ion-md-log-out:before {
content: "\f31f"; }
.ion-md-magnet:before {
content: "\f320"; }
.ion-md-mail:before {
content: "\f322"; }
.ion-md-mail-open:before {
content: "\f321"; }
.ion-md-male:before {
content: "\f323"; }
.ion-md-man:before {
content: "\f324"; }
.ion-md-map:before {
content: "\f325"; }
.ion-md-medal:before {
content: "\f326"; }
.ion-md-medical:before {
content: "\f327"; }
.ion-md-medkit:before {
content: "\f328"; }
.ion-md-megaphone:before {
content: "\f329"; }
.ion-md-menu:before {
content: "\f32a"; }
.ion-md-mic:before {
content: "\f32c"; }
.ion-md-mic-off:before {
content: "\f32b"; }
.ion-md-microphone:before {
content: "\f32d"; }
.ion-md-moon:before {
content: "\f32e"; }
.ion-md-more:before {
content: "\f1c9"; }
.ion-md-move:before {
content: "\f331"; }
.ion-md-musical-note:before {
content: "\f332"; }
.ion-md-musical-notes:before {
content: "\f333"; }
.ion-md-navigate:before {
content: "\f334"; }
.ion-md-no-smoking:before {
content: "\f335"; }
.ion-md-notifications:before {
content: "\f338"; }
.ion-md-notifications-off:before {
content: "\f336"; }
.ion-md-notifications-outline:before {
content: "\f337"; }
.ion-md-nuclear:before {
content: "\f339"; }
.ion-md-nutrition:before {
content: "\f33a"; }
.ion-md-open:before {
content: "\f33b"; }
.ion-md-options:before {
content: "\f33c"; }
.ion-md-outlet:before {
content: "\f33d"; }
.ion-md-paper:before {
content: "\f33f"; }
.ion-md-paper-plane:before {
content: "\f33e"; }
.ion-md-partly-sunny:before {
content: "\f340"; }
.ion-md-pause:before {
content: "\f341"; }
.ion-md-paw:before {
content: "\f342"; }
.ion-md-people:before {
content: "\f343"; }
.ion-md-person:before {
content: "\f345"; }
.ion-md-person-add:before {
content: "\f344"; }
.ion-md-phone-landscape:before {
content: "\f346"; }
.ion-md-phone-portrait:before {
content: "\f347"; }
.ion-md-photos:before {
content: "\f348"; }
.ion-md-pie:before {
content: "\f349"; }
.ion-md-pin:before {
content: "\f34a"; }
.ion-md-pint:before {
content: "\f34b"; }
.ion-md-pizza:before {
content: "\f354"; }
.ion-md-plane:before {
content: "\f355"; }
.ion-md-planet:before {
content: "\f356"; }
.ion-md-play:before {
content: "\f357"; }
.ion-md-podium:before {
content: "\f358"; }
.ion-md-power:before {
content: "\f359"; }
.ion-md-pricetag:before {
content: "\f35a"; }
.ion-md-pricetags:before {
content: "\f35b"; }
.ion-md-print:before {
content: "\f35c"; }
.ion-md-pulse:before {
content: "\f35d"; }
.ion-md-qr-scanner:before {
content: "\f35e"; }
.ion-md-quote:before {
content: "\f35f"; }
.ion-md-radio:before {
content: "\f362"; }
.ion-md-radio-button-off:before {
content: "\f360"; }
.ion-md-radio-button-on:before {
content: "\f361"; }
.ion-md-rainy:before {
content: "\f363"; }
.ion-md-recording:before {
content: "\f364"; }
.ion-md-redo:before {
content: "\f365"; }
.ion-md-refresh:before {
content: "\f366"; }
.ion-md-refresh-circle:before {
content: "\f228"; }
.ion-md-remove:before {
content: "\f368"; }
.ion-md-remove-circle:before {
content: "\f367"; }
.ion-md-reorder:before {
content: "\f369"; }
.ion-md-repeat:before {
content: "\f36a"; }
.ion-md-resize:before {
content: "\f36b"; }
.ion-md-restaurant:before {
content: "\f36c"; }
.ion-md-return-left:before {
content: "\f36d"; }
.ion-md-return-right:before {
content: "\f36e"; }
.ion-md-reverse-camera:before {
content: "\f36f"; }
.ion-md-rewind:before {
content: "\f370"; }
.ion-md-ribbon:before {
content: "\f371"; }
.ion-md-rose:before {
content: "\f372"; }
.ion-md-sad:before {
content: "\f373"; }
.ion-md-school:before {
content: "\f374"; }
.ion-md-search:before {
content: "\f375"; }
.ion-md-send:before {
content: "\f376"; }
.ion-md-settings:before {
content: "\f377"; }
.ion-md-share:before {
content: "\f379"; }
.ion-md-share-alt:before {
content: "\f378"; }
.ion-md-shirt:before {
content: "\f37a"; }
.ion-md-shuffle:before {
content: "\f37b"; }
.ion-md-skip-backward:before {
content: "\f37c"; }
.ion-md-skip-forward:before {
content: "\f37d"; }
.ion-md-snow:before {
content: "\f37e"; }
.ion-md-speedometer:before {
content: "\f37f"; }
.ion-md-square:before {
content: "\f381"; }
.ion-md-square-outline:before {
content: "\f380"; }
.ion-md-star:before {
content: "\f384"; }
.ion-md-star-half:before {
content: "\f382"; }
.ion-md-star-outline:before {
content: "\f383"; }
.ion-md-stats:before {
content: "\f385"; }
.ion-md-stopwatch:before {
content: "\f386"; }
.ion-md-subway:before {
content: "\f387"; }
.ion-md-sunny:before {
content: "\f388"; }
.ion-md-swap:before {
content: "\f389"; }
.ion-md-switch:before {
content: "\f38a"; }
.ion-md-sync:before {
content: "\f38b"; }
.ion-md-tablet-landscape:before {
content: "\f38c"; }
.ion-md-tablet-portrait:before {
content: "\f38d"; }
.ion-md-tennisball:before {
content: "\f38e"; }
.ion-md-text:before {
content: "\f38f"; }
.ion-md-thermometer:before {
content: "\f390"; }
.ion-md-thumbs-down:before {
content: "\f391"; }
.ion-md-thumbs-up:before {
content: "\f392"; }
.ion-md-thunderstorm:before {
content: "\f393"; }
.ion-md-time:before {
content: "\f394"; }
.ion-md-timer:before {
content: "\f395"; }
.ion-md-train:before {
content: "\f396"; }
.ion-md-transgender:before {
content: "\f397"; }
.ion-md-trash:before {
content: "\f398"; }
.ion-md-trending-down:before {
content: "\f399"; }
.ion-md-trending-up:before {
content: "\f39a"; }
.ion-md-trophy:before {
content: "\f39b"; }
.ion-md-umbrella:before {
content: "\f39c"; }
.ion-md-undo:before {
content: "\f39d"; }
.ion-md-unlock:before {
content: "\f39e"; }
.ion-md-videocam:before {
content: "\f39f"; }
.ion-md-volume-down:before {
content: "\f3a0"; }
.ion-md-volume-mute:before {
content: "\f3a1"; }
.ion-md-volume-off:before {
content: "\f3a2"; }
.ion-md-volume-up:before {
content: "\f3a3"; }
.ion-md-walk:before {
content: "\f3a4"; }
.ion-md-warning:before {
content: "\f3a5"; }
.ion-md-watch:before {
content: "\f3a6"; }
.ion-md-water:before {
content: "\f3a7"; }
.ion-md-wifi:before {
content: "\f3a8"; }
.ion-md-wine:before {
content: "\f3a9"; }
.ion-md-woman:before {
content: "\f3aa"; }
.ion-social-android:before {
content: "\f225"; }
.ion-social-angular:before {
content: "\f4d9"; }
.ion-social-apple:before {
content: "\f227"; }
.ion-social-bitcoin:before {
content: "\f2af"; }
.ion-social-buffer:before {
content: "\f229"; }
.ion-social-chrome:before {
content: "\f4db"; }
.ion-social-codepen:before {
content: "\f4dd"; }
.ion-social-css3:before {
content: "\f4df"; }
.ion-social-designernews:before {
content: "\f22b"; }
.ion-social-dribbble:before {
content: "\f22d"; }
.ion-social-dropbox:before {
content: "\f22f"; }
.ion-social-euro:before {
content: "\f4e1"; }
.ion-social-facebook:before {
content: "\f231"; }
.ion-social-foursquare:before {
content: "\f34d"; }
.ion-social-freebsd-devil:before {
content: "\f2c4"; }
.ion-social-github:before {
content: "\f233"; }
.ion-social-google:before {
content: "\f34f"; }
.ion-social-googleplus:before {
content: "\f235"; }
.ion-social-hackernews:before {
content: "\f237"; }
.ion-social-html5:before {
content: "\f4e3"; }
.ion-social-instagram:before {
content: "\f351"; }
.ion-social-javascript:before {
content: "\f4e5"; }
.ion-social-linkedin:before {
content: "\f239"; }
.ion-social-markdown:before {
content: "\f4e6"; }
.ion-social-nodejs:before {
content: "\f4e7"; }
.ion-social-octocat:before {
content: "\f4e8"; }
.ion-social-pinterest:before {
content: "\f2b1"; }
.ion-social-playstation:before {
content: "\f3ab"; }
.ion-social-python:before {
content: "\f4e9"; }
.ion-social-reddit:before {
content: "\f23b"; }
.ion-social-rss:before {
content: "\f23d"; }
.ion-social-sass:before {
content: "\f4ea"; }
.ion-social-skype:before {
content: "\f23f"; }
.ion-social-snapchat:before {
content: "\f4ec"; }
.ion-social-steam:before {
content: "\f3ac"; }
.ion-social-tumblr:before {
content: "\f241"; }
.ion-social-tux:before {
content: "\f2c5"; }
.ion-social-twitch:before {
content: "\f4ee"; }
.ion-social-twitter:before {
content: "\f243"; }
.ion-social-usd:before {
content: "\f353"; }
.ion-social-vimeo:before {
content: "\f245"; }
.ion-social-whatsapp:before {
content: "\f4f0"; }
.ion-social-windows:before {
content: "\f247"; }
.ion-social-wordpress:before {
content: "\f249"; }
.ion-social-xbox:before {
content: "\f3ad"; }
.ion-social-yahoo:before {
content: "\f24b"; }
.ion-social-yen:before {
content: "\f4f2"; }
.ion-social-youtube:before {
content: "\f24d"; }
.ios {
/****************/
/* DEFAULT LIST */
/****************/
/**************/
/* INSET LIST */
/**************/
/*****************/
/* NO LINES LIST */
/*****************/
font-family: -apple-system, "Helvetica Neue", "Roboto", sans-serif;
font-size: 1.4rem;
background-color: #fff; }
.ios ion-content {
color: #000; }
.ios p {
color: #000; }
.ios a {
color: #387ef5; }
.ios hr {
background-color: rgba(0, 0, 0, 0.12); }
.ios.hairlines hr {
height: 0.55px; }
.ios h1[primary], .ios h2[primary], .ios h3[primary], .ios h4[primary], .ios h5[primary], .ios h6[primary],
.ios p[primary],
.ios span[primary],
.ios a:not([button])[primary],
.ios small[primary],
.ios b[primary],
.ios i[primary],
.ios strong[primary],
.ios em[primary],
.ios sub[primary],
.ios sup[primary] {
color: #387ef5 !important; }
.ios h1[secondary], .ios h2[secondary], .ios h3[secondary], .ios h4[secondary], .ios h5[secondary], .ios h6[secondary],
.ios p[secondary],
.ios span[secondary],
.ios a:not([button])[secondary],
.ios small[secondary],
.ios b[secondary],
.ios i[secondary],
.ios strong[secondary],
.ios em[secondary],
.ios sub[secondary],
.ios sup[secondary] {
color: #32db64 !important; }
.ios h1[danger], .ios h2[danger], .ios h3[danger], .ios h4[danger], .ios h5[danger], .ios h6[danger],
.ios p[danger],
.ios span[danger],
.ios a:not([button])[danger],
.ios small[danger],
.ios b[danger],
.ios i[danger],
.ios strong[danger],
.ios em[danger],
.ios sub[danger],
.ios sup[danger] {
color: #f53d3d !important; }
.ios h1[light], .ios h2[light], .ios h3[light], .ios h4[light], .ios h5[light], .ios h6[light],
.ios p[light],
.ios span[light],
.ios a:not([button])[light],
.ios small[light],
.ios b[light],
.ios i[light],
.ios strong[light],
.ios em[light],
.ios sub[light],
.ios sup[light] {
color: #f4f4f4 !important; }
.ios h1[dark], .ios h2[dark], .ios h3[dark], .ios h4[dark], .ios h5[dark], .ios h6[dark],
.ios p[dark],
.ios span[dark],
.ios a:not([button])[dark],
.ios small[dark],
.ios b[dark],
.ios i[dark],
.ios strong[dark],
.ios em[dark],
.ios sub[dark],
.ios sup[dark] {
color: #222 !important; }
.ios ion-action-sheet {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 1000; }
.ios .action-sheet-wrapper {
position: absolute;
z-index: 10;
bottom: 0;
left: 0;
right: 0;
width: 100%;
display: block;
max-width: 500px;
margin: auto;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
.ios .action-sheet-container {
width: auto;
overflow: hidden; }
.ios .action-sheet-button {
display: block;
width: 100%;
margin: 0;
border-radius: 0; }
.ios .action-sheet-button.activated {
box-shadow: none; }
.ios ion-action-sheet {
text-align: center; }
.ios .action-sheet-container {
padding: 0 10px; }
.ios .action-sheet-group {
overflow: hidden;
margin-bottom: 8px;
border-radius: 13px;
background: rgba(243, 243, 243, 0.95); }
.ios .action-sheet-group:last-child {
margin-bottom: 10px; }
.ios .action-sheet-title {
padding: 2rem;
font-size: 1.2rem;
font-weight: 500;
color: #5f5f5f;
border-radius: 0;
text-align: center; }
.ios .action-sheet-title {
border-bottom: 1px solid #d6d6da; }
.ios .action-sheet-button {
padding: 18px;
min-height: 5.6rem;
border-bottom: 1px solid #d6d6da;
font-size: 2rem;
color: #007aff;
background: transparent; }
.ios .action-sheet-button:last-child {
border-bottom: 0; }
.ios .action-sheet-button.activated {
background: #e9e9e9; }
.ios .action-sheet-destructive {
color: #f53d3d; }
.ios .action-sheet-cancel {
font-weight: bold; }
.ios.hairlines .action-sheet-title,
.ios.hairlines .action-sheet-button {
border-bottom-width: 0.55px; }
.ios ion-alert {
position: absolute;
z-index: 1000;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.ios ion-alert input {
width: 100%; }
.ios .alert-wrapper {
z-index: 10;
min-width: 250px;
max-height: 90%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0; }
.ios .alert-title {
margin: 0;
padding: 0; }
.ios .alert-sub-title {
margin: 5px 0 0 0;
padding: 0;
font-weight: normal; }
.ios .alert-body {
overflow: auto; }
.ios .alert-body:empty {
padding: 0; }
.ios .alert-input {
border: 0;
background: inherit;
padding: 10px 0; }
.ios .alert-input::-moz-placeholder {
color: #999; }
.ios .alert-input:-ms-input-placeholder {
color: #999; }
.ios .alert-input::-webkit-input-placeholder {
color: #999;
text-indent: 0; }
.ios .alert-buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.ios .alert-button {
display: block;
margin: 0;
line-height: 20px;
font-size: 14px;
margin-right: 8px; }
.ios ion-alert {
background: transparent; }
.ios .alert-wrapper {
border-radius: 13px;
background-color: #f8f8f8;
max-width: 270px;
overflow: hidden; }
.ios .alert-head {
padding: 12px 16px 20px;
text-align: center; }
.ios .alert-title {
margin-top: 12px;
font-weight: bold;
font-size: 17px; }
.ios .alert-sub-title {
font-size: 14px;
color: #666; }
.ios .alert-body {
padding: 0px 16px 24px;
color: inherit;
text-align: center;
font-size: 13px; }
.ios .alert-input {
padding: 6px;
margin-top: 10px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-appearance: none; }
.ios .alert-button {
margin: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 17px;
min-height: 44px;
border-radius: 0;
border-top: 1px solid #c8c7cc;
border-right: 1px solid #c8c7cc;
color: #387ef5;
background-color: transparent; }
.ios .alert-button:last-child {
font-weight: bold;
border-right: 0; }
.ios .alert-button.activated {
opacity: 1;
background-color: #e9e9e9; }
.ios .alert-button:hover:not(.disable-hover) {
opacity: 1; }
.ios.hairlines .alert-input {
border-width: 0.55px; }
.ios.hairlines .alert-button {
border-top-width: 0.55px;
border-right-width: 0.55px; }
.ios ion-badge {
display: inline-block;
padding: 3px 8px;
min-width: 10px;
vertical-align: baseline;
text-align: center;
white-space: nowrap;
font-size: 1.3rem;
font-weight: bold;
line-height: 1;
background: #ccc; }
.ios ion-badge:empty {
display: none; }
.ios ion-badge[primary] {
background-color: #387ef5;
color: white; }
.ios ion-badge[secondary] {
background-color: #32db64;
color: white; }
.ios ion-badge[danger] {
background-color: #f53d3d;
color: white; }
.ios ion-badge[light] {
background-color: #f4f4f4;
color: black; }
.ios ion-badge[dark] {
background-color: #222;
color: white; }
.ios ion-badge {
border-radius: 10px; }
.ios .button {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: background-color, opacity 100ms linear;
transition: background-color, opacity 100ms linear;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: center;
text-transform: none;
vertical-align: top;
vertical-align: -webkit-baseline-middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none; }
.ios a.button {
text-decoration: none; }
.ios .button[disabled] {
opacity: 0.4;
cursor: default !important;
pointer-events: none; }
.ios .button-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
clear: both;
width: 100%; }
.ios .button-block:after {
clear: both; }
.ios .button-full {
width: 100%; }
.ios .button-round {
padding: 0 2.6rem;
border-radius: 64px; }
.ios .button-full.button-outline {
border-left-width: 0;
border-right-width: 0; }
.ios .button {
margin: 0.4rem 0.2rem;
padding: 0 1em;
min-height: 2.8em;
font-size: 1.6rem;
border-radius: 4px;
color: white;
background-color: #387ef5; }
.ios .button:hover:not(.disable-hover) {
opacity: 0.8;
text-decoration: none; }
.ios .button.activated {
opacity: 1;
background-color: #3474e1; }
.ios .button-large {
padding: 0 1em;
min-height: 2.8em;
font-size: 2rem; }
.ios .button-small {
padding: 0 0.9em;
min-height: 2.1em;
font-size: 1.3rem; }
.ios .button-small.button-icon-only icon {
font-size: 1.3em; }
.ios .button-block {
display: block;
line-height: 2.8em;
margin-left: 0;
margin-right: 0; }
.ios .button-full {
margin-right: 0;
margin-left: 0;
border-radius: 0;
border-left: none;
border-right: none; }
.ios .button-outline {
border-width: 1px;
border-style: solid;
border-color: #387ef5;
color: #387ef5;
background-color: transparent;
border-radius: 4px; }
.ios .button-outline.activated {
opacity: 1;
color: #fff;
background-color: #387ef5; }
.ios .button-clear {
border-color: transparent;
color: #3474e1;
background-color: transparent; }
.ios .button-clear.activated {
opacity: 0.4;
background-color: transparent; }
.ios .button-clear:hover:not(.disable-hover) {
opacity: 0.6;
color: #3474e1; }
.ios .button-round {
padding: 0 2.6rem;
border-radius: 64px; }
.ios .button-primary {
color: white;
background-color: #387ef5; }
.ios .button-primary.activated {
background-color: #3474e1; }
.ios .button-outline-primary {
border-color: #3578e9;
color: #3578e9;
background-color: transparent; }
.ios .button-outline-primary.activated {
color: #fff;
background-color: #3578e9; }
.ios .button-clear-primary {
border-color: transparent;
background-color: transparent;
color: #3474e1; }
.ios .button-clear-primary.activated {
opacity: 0.4; }
.ios .button-clear-primary:hover:not(.disable-hover) {
color: #306bcf; }
.ios .button-secondary {
color: white;
background-color: #32db64; }
.ios .button-secondary.activated {
background-color: #2ec95c; }
.ios .button-outline-secondary {
border-color: #30d05f;
color: #30d05f;
background-color: transparent; }
.ios .button-outline-secondary.activated {
color: #fff;
background-color: #30d05f; }
.ios .button-clear-secondary {
border-color: transparent;
background-color: transparent;
color: #2ec95c; }
.ios .button-clear-secondary.activated {
opacity: 0.4; }
.ios .button-clear-secondary:hover:not(.disable-hover) {
color: #3fcd69; }
.ios .button-danger {
color: white;
background-color: #f53d3d; }
.ios .button-danger.activated {
background-color: #e13838; }
.ios .button-outline-danger {
border-color: #e93a3a;
color: #e93a3a;
background-color: transparent; }
.ios .button-outline-danger.activated {
color: #fff;
background-color: #e93a3a; }
.ios .button-clear-danger {
border-color: transparent;
background-color: transparent;
color: #e13838; }
.ios .button-clear-danger.activated {
opacity: 0.4; }
.ios .button-clear-danger:hover:not(.disable-hover) {
color: #cf3434; }
.ios .button-light {
color: black;
background-color: #f4f4f4; }
.ios .button-light.activated {
background-color: #e0e0e0; }
.ios .button-outline-light {
border-color: #e8e8e8;
color: #e8e8e8;
background-color: transparent; }
.ios .button-outline-light.activated {
color: #fff;
background-color: #e8e8e8; }
.ios .button-clear-light {
border-color: transparent;
background-color: transparent;
color: #e0e0e0; }
.ios .button-clear-light.activated {
opacity: 0.4; }
.ios .button-clear-light:hover:not(.disable-hover) {
color: #cecece; }
.ios .button-dark {
color: white;
background-color: #222; }
.ios .button-dark.activated {
background-color: #343434; }
.ios .button-outline-dark {
border-color: #2d2d2d;
color: #2d2d2d;
background-color: transparent; }
.ios .button-outline-dark.activated {
color: #fff;
background-color: #2d2d2d; }
.ios .button-clear-dark {
border-color: transparent;
background-color: transparent;
color: #343434; }
.ios .button-clear-dark.activated {
opacity: 0.4; }
.ios .button-clear-dark:hover:not(.disable-hover) {
color: #444444; }
.ios .button-fab {
position: absolute;
width: 56px;
height: 56px;
line-height: 56px;
min-width: 0;
vertical-align: middle;
border-radius: 50%;
background-clip: padding-box;
overflow: hidden;
-webkit-transition: .2s linear;
transition: .2s linear;
-webkit-transition-property: background-color;
transition-property: background-color;
font-size: 14px; }
.ios .button-fab icon {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 2.8rem; }
.ios [fab-center] {
left: 50%;
margin-left: -28px; }
.ios [fab-top] {
top: 16px; }
.ios [fab-right] {
right: 16px; }
.ios [fab-bottom] {
bottom: 16px; }
.ios [fab-left] {
left: 16px; }
.ios .button-icon-left icon {
padding-right: 0.3em;
font-size: 1.4em;
line-height: 0.67;
pointer-events: none; }
.ios .button-icon-right icon {
padding-left: 0.4em;
font-size: 1.4em;
line-height: 0.67;
pointer-events: none; }
.ios .button-icon-only {
padding: 0;
min-width: 0.9em; }
.ios .button-icon-only icon {
padding: 0 0.5em;
font-size: 1.8em;
line-height: 0.67;
pointer-events: none; }
.ios ion-card {
display: block;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.ios ion-card img {
display: block;
width: 100%; }
.ios ion-card-header {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.ios ion-card-content {
display: block; }
.ios ion-card {
margin: 12px 12px 12px 12px;
font-size: 1.4rem;
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px; }
.ios ion-card ion-list {
margin-bottom: 0; }
.ios ion-card ion-list .item {
padding-right: 0; }
.ios ion-card ion-list ion-item-content {
padding: 0; }
.ios ion-card ion-list > .item:last-child,
.ios ion-card ion-list > ion-item-sliding:last-child .item {
border-bottom: none; }
.ios ion-card .item-inner {
border: none; }
.ios ion-card ion-card-content {
padding: 13px 16px 14px 16px;
font-size: 1.4rem;
line-height: 1.4; }
.ios ion-card ion-card-header {
padding: 16px;
font-size: 1.6rem;
font-weight: 500;
color: #333; }
.ios ion-card ion-card-header + ion-card-content,
.ios ion-card .item + ion-card-content {
padding-top: 0; }
.ios ion-card ion-note[item-left],
.ios ion-card ion-note[item-right] {
font-size: 1.3rem; }
.ios ion-card .card-title {
padding: 8px 0 8px 0;
font-size: 1.8rem;
color: #222; }
.ios ion-card h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal; }
.ios ion-card h2 {
margin: 2px 0 2px;
font-size: 1.6rem;
font-weight: normal; }
.ios ion-card h3,
.ios ion-card h4,
.ios ion-card h5,
.ios ion-card h6 {
margin: 2px 0 2px;
font-size: 1.4rem;
font-weight: normal; }
.ios ion-card p {
font-size: 1.4rem;
margin: 0 0 2px;
color: #666; }
.ios ion-card + ion-card {
margin-top: 0; }
.ios ion-checkbox {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.ios ion-checkbox[aria-checked=true] .checkbox-icon {
background-color: #387ef5;
border-color: #387ef5; }
.ios ion-checkbox[aria-checked=true] .checkbox-icon:after {
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #fff;
top: 3px;
left: 7px;
width: 4px;
height: 9px;
border-left: none;
border-top: none;
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.ios ion-checkbox.item.activated {
background-color: #fff; }
.ios ion-checkbox[aria-disabled=true] {
opacity: 0.5;
color: #666;
pointer-events: none; }
.ios .checkbox-media {
margin: 10px 16px 10px 2px; }
.ios .checkbox-icon {
position: relative;
display: block;
width: 21px;
height: 21px;
border-radius: 50%;
border-width: 1px;
border-style: solid;
border-color: #c8c7cc;
background-color: #fff; }
.ios ion-checkbox[primary][aria-checked=true] .checkbox-icon {
background-color: #387ef5;
border-color: #387ef5; }
.ios ion-checkbox[primary][aria-checked=true] .checkbox-icon:after {
border-color: white; }
.ios ion-checkbox[secondary][aria-checked=true] .checkbox-icon {
background-color: #32db64;
border-color: #32db64; }
.ios ion-checkbox[secondary][aria-checked=true] .checkbox-icon:after {
border-color: white; }
.ios ion-checkbox[danger][aria-checked=true] .checkbox-icon {
background-color: #f53d3d;
border-color: #f53d3d; }
.ios ion-checkbox[danger][aria-checked=true] .checkbox-icon:after {
border-color: white; }
.ios ion-checkbox[light][aria-checked=true] .checkbox-icon {
background-color: #f4f4f4;
border-color: #f4f4f4; }
.ios ion-checkbox[light][aria-checked=true] .checkbox-icon:after {
border-color: black; }
.ios ion-checkbox[dark][aria-checked=true] .checkbox-icon {
background-color: #222;
border-color: #222; }
.ios ion-checkbox[dark][aria-checked=true] .checkbox-icon:after {
border-color: white; }
.ios ion-content {
background-color: #fff; }
.ios .outer-content {
background: #efeff4; }
.ios ion-nav.has-views,
.ios ion-tab.has-views {
background: #000; }
.ios .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
border: 0;
width: 100%;
min-height: 4.4rem;
overflow: hidden;
text-align: initial;
font-weight: normal;
line-height: normal;
text-decoration: none;
color: inherit; }
.ios .item-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
-webkit-box-align: inherit;
-webkit-align-items: inherit;
-ms-flex-align: inherit;
align-items: inherit;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch; }
.ios .item[no-lines],
.ios .item[no-lines] .item-inner {
border: none; }
.ios ion-item-group {
display: block; }
.ios ion-item-divider {
display: block;
min-height: 30px;
width: 100%;
z-index: 1000;
font-weight: 500; }
.ios ion-item-divider[sticky] {
position: -webkit-sticky;
position: sticky;
top: 0px; }
.ios ion-item-content {
margin: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none; }
.ios ion-item-content a,
.ios ion-item-content button,
.ios ion-item-content [tappable] {
pointer-events: auto; }
.ios [text-wrap] ion-item-content {
white-space: normal; }
.ios [vertical-align-top],
.ios ion-input.item {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.ios ion-item-content + ion-item-content[cnt] {
display: none; }
.ios ion-item-divider[primary] {
background-color: #387ef5;
color: white; }
.ios ion-item-divider[secondary] {
background-color: #32db64;
color: white; }
.ios ion-item-divider[danger] {
background-color: #f53d3d;
color: white; }
.ios ion-item-divider[light] {
background-color: #f4f4f4;
color: black; }
.ios ion-item-divider[dark] {
background-color: #222;
color: white; }
.ios .item > icon[small]:first-child,
.ios .item-inner > icon[small]:first-child {
min-width: 18px; }
.ios .item > icon:first-child,
.ios .item-inner > icon:first-child {
min-width: 24px;
text-align: center; }
.ios .item > icon,
.ios .item-inner > icon {
line-height: 1;
font-size: 2.4rem;
min-height: 2.4rem; }
.ios .item > icon[large],
.ios .item-inner > icon[large] {
font-size: 3.2rem;
min-height: 3.2rem; }
.ios .item > icon[small],
.ios .item-inner > icon[small] {
font-size: 1.8rem;
min-height: 1.8rem; }
.ios ion-avatar,
.ios ion-thumbnail {
display: block;
line-height: 1; }
.ios ion-avatar img,
.ios ion-thumbnail img {
display: block; }
.ios ion-item-sliding {
display: block;
position: relative;
overflow: hidden; }
.ios ion-item-sliding .item {
position: static; }
.ios ion-item-options {
display: none;
position: absolute;
top: 0;
right: 0;
z-index: 1;
height: 100%;
visibility: hidden; }
.ios ion-item-options .button {
margin: 0;
border-radius: 0;
box-shadow: none;
height: 100%; }
.ios ion-item-sliding.active-slide .item,
.ios ion-item-sliding.active-slide .item.activated {
position: relative;
z-index: 2;
opacity: 1;
-webkit-transition: all 300ms cubic-bezier(0.36, 0.66, 0.04, 1);
transition: all 300ms cubic-bezier(0.36, 0.66, 0.04, 1);
pointer-events: none; }
.ios ion-item-sliding.active-slide ion-item-options {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.ios ion-item-sliding.active-slide.active-options ion-item-options {
visibility: visible; }
.ios .item {
padding-left: 16px;
font-size: 1.6rem;
border-radius: 0;
color: #000;
background-color: #fff;
-webkit-transition-duration: 200ms;
transition-duration: 200ms; }
.ios .item h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal; }
.ios .item h2 {
margin: 0 0 2px;
font-size: 1.6rem;
font-weight: normal; }
.ios .item h3,
.ios .item h4,
.ios .item h5,
.ios .item h6 {
line-height: normal;
margin: 0 0 3px 0;
font-size: 1.4rem;
font-weight: normal; }
.ios .item p {
line-height: normal;
color: #666;
font-size: 1.2rem;
margin: 0 0 2px; }
.ios .item h2:last-child,
.ios .item h3:last-child,
.ios .item h4:last-child,
.ios .item h5:last-child,
.ios .item h6:last-child,
.ios .item p:last-child {
margin-bottom: 0; }
.ios .item a {
text-decoration: none; }
.ios .item.activated {
background-color: #d9d9d9;
-webkit-transition-duration: 0ms;
transition-duration: 0ms; }
.ios .item-inner {
padding-right: 8px;
border-bottom: 1px solid #c8c7cc; }
.ios.hairlines .item-inner {
border-bottom-width: 0.55px; }
.ios ion-item-content {
margin: 12px 8px 13px 0; }
.ios [item-left] {
margin: 6px 16px 6.5px 0; }
.ios [item-right] {
margin: 6px 8px 6.5px 8px; }
.ios icon[item-left],
.ios icon[item-right] {
margin-top: 10px;
margin-bottom: 9px; }
.ios ion-avatar[item-left],
.ios ion-thumbnail[item-left] {
margin: 8px 16px 8px 0; }
.ios ion-avatar[item-right],
.ios ion-thumbnail[item-right] {
margin: 8px; }
.ios button[item-left],
.ios button[item-right],
.ios [button][item-left],
.ios [button][item-right] {
padding: 0 0.5em;
font-size: 1.3rem;
min-height: 25px;
margin-top: 9px; }
.ios [item-left].button-icon-only,
.ios [item-right].button-icon-only,
.ios [item-left].button-icon-only icon,
.ios [item-right].button-icon-only icon,
.ios [item-left][clear],
.ios [item-right][clear] {
padding: 0 1px; }
.ios [item-left].icon-left icon,
.ios [item-right].icon-left icon {
margin-left: 0;
margin-bottom: 1px;
padding-right: 0.3em; }
.ios [item-left].icon-right icon,
.ios [item-right].icon-right icon {
margin-right: 0;
margin-bottom: 1px; }
.ios ion-avatar {
min-width: 3.6rem;
min-height: 3.6rem; }
.ios ion-avatar img {
max-width: 3.6rem;
max-height: 3.6rem;
border-radius: 1.8rem; }
.ios ion-thumbnail {
min-width: 5.6rem;
min-height: 5.6rem; }
.ios ion-thumbnail img {
max-width: 5.6rem;
max-height: 5.6rem; }
.ios ion-note {
color: #aeacb4; }
.ios button.item:not([detail-none]) .item-inner,
.ios a.item:not([detail-none]) .item-inner,
.ios .item[detail-push] .item-inner {
background-image: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 14px 14px;
padding-right: 32px; }
.ios ion-item-group .item:first-child .item-inner {
border-top-width: 0; }
.ios ion-item-group .item:last-child .item-inner,
.ios ion-item-group ion-item-sliding:last-child .item .item-inner {
border: none; }
.ios ion-item-divider {
padding: 12px 16px 13px 16px;
color: #222;
background-color: #f7f7f7; }
.ios ion-item-sliding {
background-color: #fff; }
.ios ion-label {
display: block;
max-width: 200px;
font-size: inherit;
white-space: nowrap;
pointer-events: none; }
.ios .fixed-label {
width: 30%;
min-width: 100px;
max-width: 200px; }
.ios [stacked-label],
.ios [floating-label] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.ios .stacked-label,
.ios .floating-label {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
margin-bottom: 0;
max-width: 100%; }
.ios .stacked-input,
.ios .floating-input {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
width: auto; }
.ios ion-label {
margin: 12px 8px 13px 0;
color: #7f7f7f; }
.ios ion-label + .item-input {
margin-left: 16px; }
.ios .stacked-label {
font-size: 1.2rem;
margin-bottom: 4px; }
.ios .floating-label {
margin-bottom: 0;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: translate3d(0, 27px, 0);
transform: translate3d(0, 27px, 0);
-webkit-transition: -webkit-transform 150ms ease-in-out;
transition: transform 150ms ease-in-out; }
.ios .input-focused .floating-label,
.ios .input-has-value .floating-label {
-webkit-transform: translate3d(0, 0, 0) scale(0.8);
transform: translate3d(0, 0, 0) scale(0.8); }
.ios ion-label + .stacked-input,
.ios ion-label + .floating-input {
margin-left: 0; }
.ios ion-label[primary] {
color: #387ef5 !important; }
.ios ion-label[secondary] {
color: #32db64 !important; }
.ios ion-label[danger] {
color: #f53d3d !important; }
.ios ion-label[light] {
color: #f4f4f4 !important; }
.ios ion-label[dark] {
color: #222 !important; }
.ios ion-list-header {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.ios ion-list {
display: block;
margin: 0;
padding: 0;
list-style-type: none; }
.ios ion-list[inset] {
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.ios ion-list-header {
position: relative;
padding: 10px 16px 10px 16px;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: 0.1rem;
text-transform: uppercase;
color: #333;
border-bottom: 1px solid #c8c7cc; }
.ios ion-list {
margin: -1px 0 32px 0; }
.ios ion-list > .item:first-child {
border-top: 1px solid #c8c7cc; }
.ios ion-list > .item:last-child,
.ios ion-list > ion-item-sliding:last-child .item {
border-bottom: 1px solid #c8c7cc; }
.ios ion-list > .item:last-child .item-inner,
.ios ion-list > ion-item-sliding:last-child .item .item-inner {
border-bottom: none; }
.ios ion-list .item-inner {
border-bottom: 1px solid #c8c7cc; }
.ios ion-list .item[no-lines],
.ios ion-list .item[no-lines] .item-inner {
border-width: 0; }
.ios ion-list ion-item-options {
border-bottom: 1px solid #c8c7cc; }
.ios ion-list ion-item-options button, .ios ion-list ion-item-options [button] {
min-height: 100%;
height: 100%;
margin: 0;
border: none;
border-radius: 0;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box; }
.ios ion-list ion-item-options button:before, .ios ion-list ion-item-options [button]:before {
margin: 0 auto; }
.ios ion-list + ion-list {
margin-top: 42px; }
.ios ion-list + ion-list ion-list-header {
margin-top: -10px;
padding-top: 0; }
.ios.hairlines ion-list-header {
border-bottom-width: 0.55px; }
.ios.hairlines ion-list ion-item-options {
border-width: 0.55px; }
.ios.hairlines ion-list .item .item-inner {
border-width: 0.55px; }
.ios.hairlines ion-list > .item:first-child {
border-top-width: 0.55px; }
.ios.hairlines ion-list > .item:last-child,
.ios.hairlines ion-list > ion-item-sliding:last-child .item {
border-bottom-width: 0.55px; }
.ios ion-list[inset] {
margin: 16px 16px 16px 16px;
border-radius: 4px; }
.ios ion-list[inset] ion-list-header {
background-color: #fff; }
.ios ion-list[inset] .item {
border-bottom: 1px solid #c8c7cc; }
.ios ion-list[inset] .item .item-inner {
border-bottom: none; }
.ios ion-list[inset] > .item:first-child,
.ios ion-list[inset] > ion-item-sliding:first-child .item {
border-top: none; }
.ios ion-list[inset] > .item:last-child,
.ios ion-list[inset] > ion-item-sliding:last-child .item {
border-bottom: none; }
.ios ion-list[inset] + ion-list[inset] {
margin-top: 0; }
.ios.hairlines ion-list[inset] .item {
border-width: 0.55px; }
.ios ion-list[no-lines] ion-list-header,
.ios ion-list[no-lines] .item,
.ios ion-list[no-lines] .item .item-inner,
.ios.hairlines ion-list[no-lines] ion-list-header,
.ios.hairlines ion-list[no-lines] .item,
.ios.hairlines ion-list[no-lines] .item .item-inner {
border-width: 0; }
.ios ion-menu {
background: #fff; }
.ios .menu-content-reveal {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
.ios .menu-content-push {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
.ios ion-menu[type=overlay] {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
.ios ion-page.modal {
background-color: #fff; }
.ios ion-radio {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.ios ion-radio[aria-checked=true] {
color: #387ef5; }
.ios ion-radio[aria-checked=true] .radio-icon:after {
position: absolute;
border-width: 2px;
border-style: solid;
border-color: #387ef5;
top: 3px;
left: 7px;
width: 4px;
height: 10px;
border-left: none;
border-top: none;
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.ios ion-radio.item.activated {
background-color: #fff; }
.ios ion-radio[aria-disabled=true] {
color: #666;
opacity: 0.5;
pointer-events: none; }
.ios .radio-media {
display: block;
margin: 10px 8px 10px 8px; }
.ios .radio-icon {
position: relative;
display: block;
width: 16px;
height: 21px; }
.ios ion-radio[primary][aria-checked=true] .radio-icon:after {
border-color: #387ef5; }
.ios ion-radio[primary][aria-checked=true] {
color: #387ef5; }
.ios ion-radio[secondary][aria-checked=true] .radio-icon:after {
border-color: #32db64; }
.ios ion-radio[secondary][aria-checked=true] {
color: #32db64; }
.ios ion-radio[danger][aria-checked=true] .radio-icon:after {
border-color: #f53d3d; }
.ios ion-radio[danger][aria-checked=true] {
color: #f53d3d; }
.ios ion-radio[light][aria-checked=true] .radio-icon:after {
border-color: #f4f4f4; }
.ios ion-radio[light][aria-checked=true] {
color: #f4f4f4; }
.ios ion-radio[dark][aria-checked=true] .radio-icon:after {
border-color: #222; }
.ios ion-radio[dark][aria-checked=true] {
color: #222; }
.ios ion-searchbar {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%; }
.ios .searchbar-icon {
pointer-events: none; }
.ios .searchbar-input-container {
position: relative;
display: block;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
width: 100%; }
.ios .searchbar-input {
display: block;
width: 100%;
border: none;
font-family: inherit;
line-height: 3rem;
-webkit-appearance: none;
-moz-appearance: none; }
.ios .searchbar-clear-icon {
min-height: 0;
padding: 0;
margin: 0; }
.ios ion-searchbar {
padding: 0 8px;
background: rgba(0, 0, 0, 0.2);
border-top: 1px solid transparent;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
min-height: 44px; }
.ios .searchbar-search-icon {
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml;charset=utf-8,");
background-size: 13px;
background-repeat: no-repeat;
position: absolute;
left: 9px;
top: 9px;
margin-left: calc(50% - 60px);
-webkit-transition: all 400ms cubic-bezier(0.25, 0.45, 0.05, 1);
transition: all 400ms cubic-bezier(0.25, 0.45, 0.05, 1); }
.ios .searchbar-input {
height: 100%;
padding: 0 28px;
font-size: 1.4rem;
font-weight: 400;
border-radius: 5px;
color: #000;
background-color: #FFFFFF;
padding-left: calc(50% - 28px);
-webkit-transition: all 400ms cubic-bezier(0.25, 0.45, 0.05, 1);
transition: all 400ms cubic-bezier(0.25, 0.45, 0.05, 1); }
.ios .searchbar-input::-moz-placeholder {
color: rgba(0, 0, 0, 0.5); }
.ios .searchbar-input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5); }
.ios .searchbar-input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
text-indent: 0; }
.ios .searchbar-clear-icon {
width: 30px;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,");
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 0;
top: 0; }
.ios .searchbar-ios-cancel {
-webkit-transition: all 400ms cubic-bezier(0.25, 0.45, 0.05, 1);
transition: all 400ms cubic-bezier(0.25, 0.45, 0.05, 1);
min-height: 30px;
margin-left: 0;
margin-right: 0;
padding: 0;
visibility: hidden;
-webkit-transform: translateX(calc(100% + 8px));
transform: translateX(calc(100% + 8px));
-webkit-box-flex: 0;
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%; }
.ios .searchbar-left-aligned .searchbar-search-icon {
margin-left: 0; }
.ios .searchbar-left-aligned .searchbar-input {
padding-left: 30px; }
.ios .searchbar-focused .searchbar-ios-cancel {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-left: 8px;
visibility: visible; }
.ios .toolbar ion-searchbar {
background: transparent;
border-bottom-width: 0; }
.ios .toolbar ion-searchbar .searchbar-input {
background-color: rgba(0, 0, 0, 0.08); }
.ios .toolbar ion-searchbar .searchbar-ios-cancel {
padding: 0; }
.ios .toolbar .searchbar-focused .searchbar-ios-cancel {
padding-left: 8px; }
.ios .searchbar-md-cancel {
display: none; }
.ios.hairlines ion-searchbar {
border-bottom-width: 0.55px; }
.ios ion-searchbar[primary] .searchbar-ios-cancel {
color: #387ef5; }
.ios ion-searchbar[primary] .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #3474e1; }
.ios .toolbar[primary] ion-searchbar .searchbar-ios-cancel {
color: white; }
.ios ion-searchbar[secondary] .searchbar-ios-cancel {
color: #32db64; }
.ios ion-searchbar[secondary] .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #2ec95c; }
.ios .toolbar[secondary] ion-searchbar .searchbar-ios-cancel {
color: white; }
.ios ion-searchbar[danger] .searchbar-ios-cancel {
color: #f53d3d; }
.ios ion-searchbar[danger] .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #e13838; }
.ios .toolbar[danger] ion-searchbar .searchbar-ios-cancel {
color: white; }
.ios ion-searchbar[light] .searchbar-ios-cancel {
color: #f4f4f4; }
.ios ion-searchbar[light] .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #e0e0e0; }
.ios .toolbar[light] ion-searchbar .searchbar-ios-cancel {
color: black; }
.ios ion-searchbar[dark] .searchbar-ios-cancel {
color: #222; }
.ios ion-searchbar[dark] .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #343434; }
.ios .toolbar[dark] ion-searchbar .searchbar-ios-cancel {
color: white; }
.ios ion-segment {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%; }
.ios .segment-button {
position: relative;
display: block;
margin-left: 0;
margin-right: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer; }
.ios .segment-button {
min-height: 3rem;
line-height: 3rem;
font-size: 1.3rem;
border-width: 1px;
border-style: solid;
border-color: #387ef5;
color: #387ef5;
background-color: transparent; }
.ios .segment-button.segment-activated {
opacity: 1;
color: white;
background-color: #387ef5;
-webkit-transition: 100ms all linear;
transition: 100ms all linear; }
.ios .segment-button:hover:not(.segment-activated) {
background-color: rgba(56, 126, 245, 0.16); }
.ios .segment-button:first-of-type {
border-radius: 4px 0 0 4px;
margin-right: 0; }
.ios .segment-button:not(:first-of-type) {
border-left-width: 0; }
.ios .segment-button:last-of-type {
border-left-width: 0;
border-radius: 0 4px 4px 0;
margin-left: 0; }
.ios .toolbar ion-segment {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
.ios .toolbar .segment-button {
max-width: 100px;
min-height: 2.4rem;
line-height: 2.4rem;
font-size: 1.2rem; }
.ios ion-segment[primary] .segment-button {
border-color: #387ef5;
color: #387ef5; }
.ios ion-segment[primary] .segment-button:hover:not(.segment-activated) {
background-color: rgba(56, 126, 245, 0.16); }
.ios ion-segment[primary] .segment-button.activated,
.ios ion-segment[primary] .segment-button.segment-activated {
color: white;
background-color: #387ef5; }
.ios .toolbar[primary] .segment-button.segment-activated {
color: #387ef5; }
.ios ion-segment[secondary] .segment-button {
border-color: #32db64;
color: #32db64; }
.ios ion-segment[secondary] .segment-button:hover:not(.segment-activated) {
background-color: rgba(50, 219, 100, 0.16); }
.ios ion-segment[secondary] .segment-button.activated,
.ios ion-segment[secondary] .segment-button.segment-activated {
color: white;
background-color: #32db64; }
.ios .toolbar[secondary] .segment-button.segment-activated {
color: #32db64; }
.ios ion-segment[danger] .segment-button {
border-color: #f53d3d;
color: #f53d3d; }
.ios ion-segment[danger] .segment-button:hover:not(.segment-activated) {
background-color: rgba(245, 61, 61, 0.16); }
.ios ion-segment[danger] .segment-button.activated,
.ios ion-segment[danger] .segment-button.segment-activated {
color: white;
background-color: #f53d3d; }
.ios .toolbar[danger] .segment-button.segment-activated {
color: #f53d3d; }
.ios ion-segment[light] .segment-button {
border-color: #f4f4f4;
color: #f4f4f4; }
.ios ion-segment[light] .segment-button:hover:not(.segment-activated) {
background-color: rgba(244, 244, 244, 0.16); }
.ios ion-segment[light] .segment-button.activated,
.ios ion-segment[light] .segment-button.segment-activated {
color: black;
background-color: #f4f4f4; }
.ios .toolbar[light] .segment-button.segment-activated {
color: #f4f4f4; }
.ios ion-segment[dark] .segment-button {
border-color: #222;
color: #222; }
.ios ion-segment[dark] .segment-button:hover:not(.segment-activated) {
background-color: rgba(34, 34, 34, 0.16); }
.ios ion-segment[dark] .segment-button.activated,
.ios ion-segment[dark] .segment-button.segment-activated {
color: white;
background-color: #222; }
.ios .toolbar[dark] .segment-button.segment-activated {
color: #222; }
.ios ion-tabs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
margin: 0;
padding: 0; }
.ios ion-tab {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: none; }
.ios ion-tab.show-tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.ios ion-tabs > ion-navbar-section {
-webkit-box-ordinal-group: -29;
-webkit-order: -30;
-ms-flex-order: -30;
order: -30; }
.ios ion-tabbar-section {
position: relative;
-webkit-box-ordinal-group: 21;
-webkit-order: 20;
-ms-flex-order: 20;
order: 20; }
.ios [tabbarPlacement=top] ion-tabbar-section {
-webkit-box-ordinal-group: -19;
-webkit-order: -20;
-ms-flex-order: -20;
order: -20; }
.ios tabbar {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden; }
.ios .tab-button {
position: relative;
z-index: 0;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 0;
border-radius: 0;
background: none; }
.ios .tab-button-text {
margin-top: 3px;
margin-bottom: 2px; }
.ios .tab-button-text,
.ios .tab-button-icon {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
min-width: 26px;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: none; }
.ios .has-icon .tab-button-icon,
.ios .has-title .tab-button-text {
display: block; }
.ios .has-title-only .tab-button-text {
white-space: normal; }
.ios tab-highlight {
display: none; }
.ios [tabbarIcons=bottom] .tab-button .tab-button-icon {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.ios [tabbarIcons=left] .tab-button {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.ios [tabbarIcons=left] .tab-button .tab-button-icon {
text-align: right;
padding-right: 8px; }
.ios [tabbarIcons=right] .tab-button {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.ios [tabbarIcons=right] .tab-button .tab-button-icon {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
text-align: left;
padding-left: 8px; }
.ios [tabbarIcons=hide] .tab-button-icon {
display: none; }
.ios tabbar {
border-top: 1px solid #b2b2b2;
background: #f8f8f8; }
.ios ion-tabs[tabbarPlacement=top] tabbar {
border-top: none;
border-bottom: 1px solid #b2b2b2; }
.ios .tab-button {
padding: 0px 10px;
min-width: 80px;
max-width: 240px;
min-height: 49px;
color: #8c8c8c; }
.ios .tab-button:hover:not(.disable-hover),
.ios .tab-button[aria-selected=true] {
color: #387ef5; }
.ios .tab-button-text {
margin-bottom: 0;
min-height: 11px;
font-size: 10px; }
.ios .has-title-only .tab-button-text {
font-size: 12px; }
.ios .tab-button-icon {
font-size: 32px;
height: 32px;
min-width: 37px; }
.ios .tab-button-icon:before {
vertical-align: top; }
.ios [tabbarIcons=right] .tab-button .tab-button-text,
.ios [tabbarIcons=left] .tab-button .tab-button-text {
font-size: 1.4rem;
line-height: 1.1;
margin-top: 0;
margin-bottom: 0; }
.ios [tabbarIcons=right] .tab-button icon,
.ios [tabbarIcons=left] .tab-button icon {
min-width: 24px;
height: 26px;
font-size: 24px; }
.ios [tabbarIcons=hide] .tab-button-text {
font-size: 1.4rem;
line-height: 1.1; }
.ios .tab-button.has-title-only {
min-height: 41px; }
.ios .tab-button.has-title-only .tab-button-text {
font-size: 1.4rem;
line-height: 1.1; }
.ios .tab-button.icon-only {
min-height: 41px; }
.ios.hairlines ion-tabs tabbar {
border-top-width: 0.55px; }
.ios.hairlines ion-tabs[tabbarPlacement="top"] tabbar {
border-bottom-width: 0.55px; }
.ios ion-tabs[primary] tabbar {
border-color: #0c60ee;
background-color: #387ef5; }
.ios ion-tabs[primary] tabbar .tab-button {
color: white; }
.ios ion-tabs[primary] tabbar .tab-button:hover:not(.disable-hover),
.ios ion-tabs[primary] tabbar .tab-button[aria-selected=true] {
color: white; }
.ios ion-tabs[secondary] tabbar {
border-color: #21b94e;
background-color: #32db64; }
.ios ion-tabs[secondary] tabbar .tab-button {
color: white; }
.ios ion-tabs[secondary] tabbar .tab-button:hover:not(.disable-hover),
.ios ion-tabs[secondary] tabbar .tab-button[aria-selected=true] {
color: white; }
.ios ion-tabs[danger] tabbar {
border-color: #f30c0c;
background-color: #f53d3d; }
.ios ion-tabs[danger] tabbar .tab-button {
color: white; }
.ios ion-tabs[danger] tabbar .tab-button:hover:not(.disable-hover),
.ios ion-tabs[danger] tabbar .tab-button[aria-selected=true] {
color: white; }
.ios ion-tabs[light] tabbar {
border-color: #dbdbdb;
background-color: #f4f4f4; }
.ios ion-tabs[light] tabbar .tab-button {
color: black; }
.ios ion-tabs[light] tabbar .tab-button:hover:not(.disable-hover),
.ios ion-tabs[light] tabbar .tab-button[aria-selected=true] {
color: black; }
.ios ion-tabs[dark] tabbar {
border-color: #090909;
background-color: #222; }
.ios ion-tabs[dark] tabbar .tab-button {
color: white; }
.ios ion-tabs[dark] tabbar .tab-button:hover:not(.disable-hover),
.ios ion-tabs[dark] tabbar .tab-button[aria-selected=true] {
color: white; }
.ios .item-input {
display: block;
background: transparent;
border: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
pointer-events: none; }
.ios input.item-input:-webkit-autofill {
background-color: transparent; }
.ios [scroll-assist] {
width: 1px;
height: 1px;
padding: 0;
background: transparent;
border: 0;
pointer-events: none; }
.ios .input-focused .item-input {
pointer-events: auto; }
.ios textarea {
height: auto;
overflow: auto;
font: inherit;
color: inherit; }
.ios .platform-mobile textarea {
resize: none; }
.ios input::-moz-placeholder,
.ios textarea::-moz-placeholder {
color: #999; }
.ios input:-ms-input-placeholder,
.ios textarea:-ms-input-placeholder {
color: #999; }
.ios input::-webkit-input-placeholder,
.ios textarea::-webkit-input-placeholder {
color: #999;
text-indent: 0; }
.ios .text-input-clear-icon {
margin: 0;
padding: 0;
background-repeat: no-repeat;
background-position: center;
position: absolute; }
.ios .item-input {
margin: 12px 8px 13px 0;
padding: 0;
background-color: #fff; }
.ios .inset-input {
margin: 6px 16px 6.5px 16px;
padding: 6px 8px 6.5px 8px; }
.ios .stacked-input,
.ios .floating-input {
margin-top: 8px;
margin-bottom: 8px; }
.ios ion-input[clearInput] {
position: relative; }
.ios ion-input[clearInput] .text-input {
padding-right: 30px; }
.ios .text-input-clear-icon {
width: 30px;
background-image: url("data:image/svg+xml;charset=utf-8,");
background-size: 18px;
right: 8px;
bottom: 0; }
.ios ion-toggle {
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.ios ion-toggle.item.activated {
background: #fff; }
.ios .toggle-media {
margin: 0;
padding: 6px 8px 5px 16px;
cursor: pointer; }
.ios .toggle-icon {
position: relative;
display: block;
width: 51px;
height: 32px;
border-radius: 16px;
pointer-events: none;
background-color: #e6e6e6;
-webkit-transition: background-color 300ms;
transition: background-color 300ms; }
.ios .toggle-icon:before {
content: '';
position: absolute;
top: 2px;
right: 2px;
left: 2px;
bottom: 2px;
border-radius: 16px;
background-color: #fff;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 300ms;
transition: transform 300ms; }
.ios .toggle-icon:after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 28px;
height: 28px;
border-radius: 14px;
background-color: #fff;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);
-webkit-transition: -webkit-transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms;
transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms; }
.ios ion-toggle[aria-checked=true] .toggle-icon {
background-color: #387ef5; }
.ios ion-toggle[aria-checked=true] .toggle-icon:before {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0); }
.ios ion-toggle[aria-checked=true] .toggle-icon:after {
-webkit-transform: translate3d(19px, 0, 0);
transform: translate3d(19px, 0, 0); }
.ios ion-toggle[aria-checked=true] .toggle-activated .toggle-icon:before {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0); }
.ios ion-toggle[aria-checked=true] .toggle-activated .toggle-icon:after {
left: -4px;
width: 34px; }
.ios ion-toggle[aria-disabled=true] {
opacity: 0.5;
color: #666;
pointer-events: none; }
.ios ion-toggle[primary][aria-checked=true] .toggle-icon {
background-color: #387ef5; }
.ios ion-toggle[secondary][aria-checked=true] .toggle-icon {
background-color: #32db64; }
.ios ion-toggle[danger][aria-checked=true] .toggle-icon {
background-color: #f53d3d; }
.ios ion-toggle[light][aria-checked=true] .toggle-icon {
background-color: #f4f4f4; }
.ios ion-toggle[dark][aria-checked=true] .toggle-icon {
background-color: #222; }
.ios .toolbar {
position: relative;
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-ordinal-group: -9;
-webkit-order: -10;
-ms-flex-order: -10;
order: -10;
-webkit-box-flex: 0;
-webkit-flex: 0;
-ms-flex: 0;
flex: 0;
width: 100%;
overflow: hidden; }
.ios .toolbar-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
border: 0;
pointer-events: none;
-webkit-transform: translateZ(0px);
transform: translateZ(0px); }
.ios .toolbar[position=bottom] {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.ios ion-title {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateZ(0px);
transform: translateZ(0px); }
.ios .toolbar-title {
display: block;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.ios ion-buttons {
display: block;
margin: 0 0.2rem;
pointer-events: none;
-webkit-transform: translateZ(0px);
transform: translateZ(0px); }
.ios ion-buttons button,
.ios ion-buttons a,
.ios ion-buttons input,
.ios ion-buttons textarea,
.ios ion-buttons div {
pointer-events: auto; }
.ios .toolbar[transparent] .toolbar-background {
background: transparent;
border-color: transparent; }
.ios ion-buttons,
.ios .bar-button-menutoggle {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
z-index: 99; }
.ios ion-navbar.toolbar {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
opacity: 0; }
.ios ion-navbar.toolbar.show-navbar {
opacity: 1; }
.ios .bar-button {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: center;
text-transform: none;
vertical-align: top;
vertical-align: -webkit-baseline-middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none; }
.ios .bar-button-menutoggle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.ios .back-button {
display: none; }
.ios .back-button.show-back-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.ios .back-button-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.ios .toolbar {
padding: 4px;
min-height: 4.4rem; }
.ios ion-navbar-section {
min-height: 4.4rem; }
.ios .toolbar-background {
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #b2b2b2;
background: #f8f8f8; }
.ios.hairlines .toolbar-background {
border-bottom-width: 0.55px; }
.ios .toolbar-content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.ios .toolbar-title {
font-size: 1.7rem;
font-weight: 500;
text-align: center;
pointer-events: auto;
color: #000; }
.ios ion-title {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0px 90px 1px 90px;
pointer-events: none;
-webkit-transform: translateZ(0px);
transform: translateZ(0px); }
.ios ion-buttons {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
-webkit-transform: translateZ(0px);
transform: translateZ(0px); }
.ios ion-buttons[left] {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.ios ion-buttons[end] {
text-align: right;
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.ios ion-buttons[right] {
text-align: right;
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.ios .bar-button {
margin-top: 0;
margin-bottom: 0;
padding: 0 5px;
min-height: 32px;
border: 0;
font-size: 1.7rem;
border-radius: 4px; }
.ios .bar-button-outline {
border-width: 1px;
border-style: solid;
border-color: #387ef5;
color: #387ef5;
background-color: transparent; }
.ios .bar-button-outline:hover:not(.disable-hover) {
opacity: 0.4; }
.ios .bar-button-outline.activated {
color: white;
background-color: #387ef5; }
.ios .bar-button-solid {
color: white;
background-color: #387ef5; }
.ios .bar-button-solid:hover:not(.disable-hover) {
opacity: 0.4;
color: white; }
.ios .bar-button-solid.activated {
opacity: 0.4;
color: white;
background-color: #3474e1; }
.ios .bar-button-icon-left icon {
margin-left: -0.1em;
padding-right: 0.3em;
font-size: 1.4em;
line-height: 0.67;
pointer-events: none; }
.ios .bar-button-icon-right icon {
padding-left: 0.4em;
font-size: 1.4em;
line-height: 0.67;
pointer-events: none; }
.ios .bar-button-icon-only {
padding: 0;
min-width: 0.9em; }
.ios .bar-button-icon-only icon {
padding: 0 0.1em;
font-size: 1.8em;
line-height: 0.67;
pointer-events: none; }
.ios .back-button {
margin: 0;
min-height: 3.2rem;
line-height: 1;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
overflow: visible;
-webkit-transform: translateZ(0px);
transform: translateZ(0px); }
.ios .back-button-icon {
display: inherit;
margin: 0;
min-width: 18px;
font-size: 3.2rem; }
.ios .bar-button-menutoggle {
margin: 0 6px;
padding: 0;
min-width: 36px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.ios .bar-button-menutoggle icon {
padding: 0 6px;
font-size: 2.8rem; }
.ios .bar-button-menutoggle[end],
.ios .bar-button-menutoggle[right] {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.ios .bar-button-default {
color: #3474e1;
background-color: transparent; }
.ios .bar-button-default:hover:not(.disable-hover) {
color: #306bcf; }
.ios .bar-button-default.activated {
opacity: 0.4; }
.ios .toolbar[primary] .toolbar-background {
background: #387ef5;
border-color: #0c60ee; }
.ios .toolbar[primary] .toolbar-title,
.ios .toolbar[primary] .bar-button-default {
color: white; }
.ios .bar-button-primary {
color: #3474e1;
background-color: transparent; }
.ios .bar-button-primary:hover:not(.disable-hover) {
color: #306bcf; }
.ios .bar-button-primary.activated {
opacity: 0.4; }
.ios .bar-button-outline-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent; }
.ios .bar-button-outline-primary.activated {
color: white;
background-color: #3474e1; }
.ios .bar-button-solid-primary {
color: white;
background-color: #387ef5; }
.ios .bar-button-solid-primary.activated {
background-color: #3474e1; }
.ios .toolbar[secondary] .toolbar-background {
background: #32db64;
border-color: #21b94e; }
.ios .toolbar[secondary] .toolbar-title,
.ios .toolbar[secondary] .bar-button-default {
color: white; }
.ios .bar-button-secondary {
color: #2ec95c;
background-color: transparent; }
.ios .bar-button-secondary:hover:not(.disable-hover) {
color: #3fcd69; }
.ios .bar-button-secondary.activated {
opacity: 0.4; }
.ios .bar-button-outline-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.ios .bar-button-outline-secondary.activated {
color: white;
background-color: #2ec95c; }
.ios .bar-button-solid-secondary {
color: white;
background-color: #32db64; }
.ios .bar-button-solid-secondary.activated {
background-color: #2ec95c; }
.ios .toolbar[danger] .toolbar-background {
background: #f53d3d;
border-color: #f30c0c; }
.ios .toolbar[danger] .toolbar-title,
.ios .toolbar[danger] .bar-button-default {
color: white; }
.ios .bar-button-danger {
color: #e13838;
background-color: transparent; }
.ios .bar-button-danger:hover:not(.disable-hover) {
color: #cf3434; }
.ios .bar-button-danger.activated {
opacity: 0.4; }
.ios .bar-button-outline-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.ios .bar-button-outline-danger.activated {
color: white;
background-color: #e13838; }
.ios .bar-button-solid-danger {
color: white;
background-color: #f53d3d; }
.ios .bar-button-solid-danger.activated {
background-color: #e13838; }
.ios .toolbar[light] .toolbar-background {
background: #f4f4f4;
border-color: #dbdbdb; }
.ios .toolbar[light] .toolbar-title,
.ios .toolbar[light] .bar-button-default {
color: black; }
.ios .bar-button-light {
color: #e0e0e0;
background-color: transparent; }
.ios .bar-button-light:hover:not(.disable-hover) {
color: #cecece; }
.ios .bar-button-light.activated {
opacity: 0.4; }
.ios .bar-button-outline-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.ios .bar-button-outline-light.activated {
color: black;
background-color: #e0e0e0; }
.ios .bar-button-solid-light {
color: black;
background-color: #f4f4f4; }
.ios .bar-button-solid-light.activated {
background-color: #e0e0e0; }
.ios .toolbar[dark] .toolbar-background {
background: #222;
border-color: #090909; }
.ios .toolbar[dark] .toolbar-title,
.ios .toolbar[dark] .bar-button-default {
color: white; }
.ios .bar-button-dark {
color: #343434;
background-color: transparent; }
.ios .bar-button-dark:hover:not(.disable-hover) {
color: #444444; }
.ios .bar-button-dark.activated {
opacity: 0.4; }
.ios .bar-button-outline-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.ios .bar-button-outline-dark.activated {
color: white;
background-color: #343434; }
.ios .bar-button-solid-dark {
color: white;
background-color: #222; }
.ios .bar-button-solid-dark.activated {
background-color: #343434; }
.ios.platform-cordova.platform-ios ion-navbar-section {
min-height: 6.4rem;
height: 6.4rem; }
.ios.platform-cordova.platform-ios ion-navbar ion-title,
.ios.platform-cordova.platform-ios ion-navbar ion-segment {
padding-top: 2rem; }
.ios.platform-cordova.platform-ios ion-navbar,
.ios.platform-cordova.platform-ios ion-app > ion-toolbar:first-child,
.ios.platform-cordova.platform-ios ion-app > ion-toolbar:first-child ion-title,
.ios.platform-cordova.platform-ios ion-app > ion-toolbar:first-child ion-segment,
.ios.platform-cordova.platform-ios ion-menu > ion-toolbar:first-child,
.ios.platform-cordova.platform-ios ion-menu > ion-toolbar:first-child ion-title,
.ios.platform-cordova.platform-ios ion-menu > ion-toolbar:first-child ion-segment,
.ios.platform-cordova.platform-ios ion-page.modal > ion-toolbar:first-child,
.ios.platform-cordova.platform-ios ion-page.modal > ion-toolbar:first-child ion-title,
.ios.platform-cordova.platform-ios ion-page.modal > ion-toolbar:first-child ion-segment {
min-height: 6.4rem;
height: 6.4rem;
padding-top: 2rem; }
.md {
/****************/
/* DEFAULT LIST */
/****************/
/**************/
/* INSET LIST */
/**************/
/*****************/
/* NO LINES LIST */
/*****************/
font-family: "Roboto", "Helvetica Neue", sans-serif;
font-size: 1.4rem;
background-color: #fff; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-content {
color: #000; }
.md p {
color: #000; }
.md a {
color: #387ef5; }
.md hr {
background-color: rgba(0, 0, 0, 0.08); }
.md h1[primary], .md h2[primary], .md h3[primary], .md h4[primary], .md h5[primary], .md h6[primary],
.md p[primary],
.md span[primary],
.md a:not([button])[primary],
.md small[primary],
.md b[primary],
.md i[primary],
.md strong[primary],
.md em[primary],
.md sub[primary],
.md sup[primary] {
color: #387ef5 !important; }
.md h1[secondary], .md h2[secondary], .md h3[secondary], .md h4[secondary], .md h5[secondary], .md h6[secondary],
.md p[secondary],
.md span[secondary],
.md a:not([button])[secondary],
.md small[secondary],
.md b[secondary],
.md i[secondary],
.md strong[secondary],
.md em[secondary],
.md sub[secondary],
.md sup[secondary] {
color: #32db64 !important; }
.md h1[danger], .md h2[danger], .md h3[danger], .md h4[danger], .md h5[danger], .md h6[danger],
.md p[danger],
.md span[danger],
.md a:not([button])[danger],
.md small[danger],
.md b[danger],
.md i[danger],
.md strong[danger],
.md em[danger],
.md sub[danger],
.md sup[danger] {
color: #f53d3d !important; }
.md h1[light], .md h2[light], .md h3[light], .md h4[light], .md h5[light], .md h6[light],
.md p[light],
.md span[light],
.md a:not([button])[light],
.md small[light],
.md b[light],
.md i[light],
.md strong[light],
.md em[light],
.md sub[light],
.md sup[light] {
color: #f4f4f4 !important; }
.md h1[dark], .md h2[dark], .md h3[dark], .md h4[dark], .md h5[dark], .md h6[dark],
.md p[dark],
.md span[dark],
.md a:not([button])[dark],
.md small[dark],
.md b[dark],
.md i[dark],
.md strong[dark],
.md em[dark],
.md sub[dark],
.md sup[dark] {
color: #222 !important; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-action-sheet {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 1000; }
.md .action-sheet-wrapper {
position: absolute;
z-index: 10;
bottom: 0;
left: 0;
right: 0;
width: 100%;
display: block;
max-width: 500px;
margin: auto;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
.md .action-sheet-container {
width: auto;
overflow: hidden; }
.md .action-sheet-button {
display: block;
width: 100%;
margin: 0;
border-radius: 0; }
.md .action-sheet-button.activated {
box-shadow: none; }
.md .action-sheet-title {
padding: 19px 16px 17px;
font-size: 1.6rem;
color: #757575;
text-align: left; }
.md .action-sheet-button {
position: relative;
overflow: hidden;
padding: 0 16px;
min-height: 4.8rem;
font-size: 1.6rem;
font-weight: normal;
color: #222;
background-color: transparent;
text-align: left; }
.md .action-sheet-button.activated {
background: #f1f1f1;
border-radius: 0;
box-shadow: none; }
.md .action-sheet-icon {
display: inline-block;
margin: 0 28px 0 0;
min-width: 24px;
text-align: center;
vertical-align: middle;
font-size: 2.4rem; }
.md .action-sheet-group {
overflow: hidden;
margin: 0;
border-radius: 0;
background-color: #fafafa; }
.md .action-sheet-group:last-child .action-sheet-button {
margin-bottom: 8px; }
.md .action-sheet-cancel {
background-color: #fafafa;
border: none; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-alert {
position: absolute;
z-index: 1000;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.md ion-alert input {
width: 100%; }
.md .alert-wrapper {
z-index: 10;
min-width: 250px;
max-height: 90%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0; }
.md .alert-title {
margin: 0;
padding: 0; }
.md .alert-sub-title {
margin: 5px 0 0 0;
padding: 0;
font-weight: normal; }
.md .alert-body {
overflow: auto; }
.md .alert-body:empty {
padding: 0; }
.md .alert-input {
border: 0;
background: inherit;
padding: 10px 0; }
.md .alert-input::-moz-placeholder {
color: #999; }
.md .alert-input:-ms-input-placeholder {
color: #999; }
.md .alert-input::-webkit-input-placeholder {
color: #999;
text-indent: 0; }
.md .alert-buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.md .alert-button {
display: block;
margin: 0;
line-height: 20px;
font-size: 14px;
margin-right: 8px; }
.md .alert-wrapper {
max-width: 280px;
border-radius: 2px;
background-color: #fafafa;
box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.4); }
.md .alert-head {
text-align: left;
padding: 24px 24px 10px 24px; }
.md .alert-title {
font-size: 20px; }
.md .alert-sub-title {
font-size: 15px; }
.md .alert-body {
padding: 10px 24px 24px 24px;
color: rgba(0, 0, 0, 0.5); }
.md .alert-input {
border-bottom: 1px solid #dedede;
color: #000000;
margin: 5px 0 5px 0; }
.md .alert-input:focus {
border-bottom: 2px solid #387ef5;
margin-bottom: 4px; }
.md .alert-buttons {
padding: 8px 8px 8px 24px;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.md .alert-button {
position: relative;
overflow: hidden;
padding: 10px;
font-weight: 500;
color: #387ef5;
background-color: transparent; }
.md .alert-button.activated {
opacity: 1; }
.md ion-badge {
display: inline-block;
padding: 3px 8px;
min-width: 10px;
vertical-align: baseline;
text-align: center;
white-space: nowrap;
font-size: 1.3rem;
font-weight: bold;
line-height: 1;
background: #ccc; }
.md ion-badge:empty {
display: none; }
.md ion-badge[primary] {
background-color: #387ef5;
color: white; }
.md ion-badge[secondary] {
background-color: #32db64;
color: white; }
.md ion-badge[danger] {
background-color: #f53d3d;
color: white; }
.md ion-badge[light] {
background-color: #f4f4f4;
color: black; }
.md ion-badge[dark] {
background-color: #222;
color: white; }
.md ion-badge {
border-radius: 4px; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md .button {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: background-color, opacity 100ms linear;
transition: background-color, opacity 100ms linear;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: center;
text-transform: none;
vertical-align: top;
vertical-align: -webkit-baseline-middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none; }
.md a.button {
text-decoration: none; }
.md .button[disabled] {
opacity: 0.4;
cursor: default !important;
pointer-events: none; }
.md .button-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
clear: both;
width: 100%; }
.md .button-block:after {
clear: both; }
.md .button-full {
width: 100%; }
.md .button-round {
padding: 0 2.6rem;
border-radius: 64px; }
.md .button-full.button-outline {
border-left-width: 0;
border-right-width: 0; }
.md .button {
margin: 0.4rem 0.2rem;
padding: 0 1.1em;
min-height: 3.6rem;
border-radius: 2px;
font-weight: 500;
font-size: 1.4rem;
color: white;
background-color: #387ef5;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
text-transform: uppercase;
-webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.md .button:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1); }
.md .button.activated {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14), 0 3px 5px rgba(0, 0, 0, 0.21);
background-color: #3474e1; }
.md .button-large {
padding: 0 1em;
min-height: 2.8em;
font-size: 2rem; }
.md .button-small {
padding: 0 0.9em;
min-height: 2.1em;
font-size: 1.3rem; }
.md .button-small.button-icon-only icon {
font-size: 1.4em; }
.md .button-full {
border-radius: 0;
margin-right: 0;
margin-left: 0;
border-right-width: 0;
border-left-width: 0; }
.md .button-block {
margin-right: 0;
margin-left: 0; }
.md .button-outline {
border-width: 1px;
border-style: solid;
border-color: #387ef5;
background-color: transparent;
color: #387ef5;
box-shadow: none; }
.md .button-outline.activated {
opacity: 1;
color: #fff;
background-color: #387ef5;
box-shadow: none; }
.md .button-outline md-ripple {
background-color: rgba(56, 126, 245, 0.1); }
.md .button-clear {
border-color: transparent;
opacity: 1;
box-shadow: none;
background-color: transparent;
color: #3474e1; }
.md .button-clear.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none; }
.md .button-clear:hover:not(.disable-hover) {
color: #3474e1; }
.md .button-round {
padding: 0 2.6rem;
border-radius: 64px; }
.md .button-fab {
border-radius: 50%;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1); }
.md .button-fab.activated {
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4), 0 4px 7px 0 rgba(0, 0, 0, 0.1); }
.md .button-icon-only {
padding: 0; }
.md .button-primary {
color: white;
background-color: #387ef5; }
.md .button-primary.activated {
opacity: 1;
background-color: #3474e1; }
.md .button-outline-primary {
border-color: #3578e9;
background-color: transparent;
color: #3578e9; }
.md .button-outline-primary.activated {
color: #fff;
background-color: #3578e9; }
.md .button-clear-primary {
border-color: transparent;
background-color: transparent;
color: #3474e1; }
.md .button-clear-primary.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none; }
.md .button-clear-primary:hover:not(.disable-hover) {
color: #306bcf; }
.md .button-secondary {
color: white;
background-color: #32db64; }
.md .button-secondary.activated {
opacity: 1;
background-color: #2ec95c; }
.md .button-outline-secondary {
border-color: #30d05f;
background-color: transparent;
color: #30d05f; }
.md .button-outline-secondary.activated {
color: #fff;
background-color: #30d05f; }
.md .button-clear-secondary {
border-color: transparent;
background-color: transparent;
color: #2ec95c; }
.md .button-clear-secondary.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none; }
.md .button-clear-secondary:hover:not(.disable-hover) {
color: #3fcd69; }
.md .button-danger {
color: white;
background-color: #f53d3d; }
.md .button-danger.activated {
opacity: 1;
background-color: #e13838; }
.md .button-outline-danger {
border-color: #e93a3a;
background-color: transparent;
color: #e93a3a; }
.md .button-outline-danger.activated {
color: #fff;
background-color: #e93a3a; }
.md .button-clear-danger {
border-color: transparent;
background-color: transparent;
color: #e13838; }
.md .button-clear-danger.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none; }
.md .button-clear-danger:hover:not(.disable-hover) {
color: #cf3434; }
.md .button-light {
color: black;
background-color: #f4f4f4; }
.md .button-light.activated {
opacity: 1;
background-color: #e0e0e0; }
.md .button-outline-light {
border-color: #e8e8e8;
background-color: transparent;
color: #e8e8e8; }
.md .button-outline-light.activated {
color: #fff;
background-color: #e8e8e8; }
.md .button-clear-light {
border-color: transparent;
background-color: transparent;
color: #e0e0e0; }
.md .button-clear-light.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none; }
.md .button-clear-light:hover:not(.disable-hover) {
color: #cecece; }
.md .button-dark {
color: white;
background-color: #222; }
.md .button-dark.activated {
opacity: 1;
background-color: #343434; }
.md .button-outline-dark {
border-color: #2d2d2d;
background-color: transparent;
color: #2d2d2d; }
.md .button-outline-dark.activated {
color: #fff;
background-color: #2d2d2d; }
.md .button-clear-dark {
border-color: transparent;
background-color: transparent;
color: #343434; }
.md .button-clear-dark.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none; }
.md .button-clear-dark:hover:not(.disable-hover) {
color: #444444; }
.md .button-fab {
position: absolute;
width: 56px;
height: 56px;
line-height: 56px;
min-width: 0;
vertical-align: middle;
border-radius: 50%;
background-clip: padding-box;
overflow: hidden;
-webkit-transition: .2s linear;
transition: .2s linear;
-webkit-transition-property: background-color;
transition-property: background-color;
font-size: 14px; }
.md .button-fab icon {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 2.8rem; }
.md [fab-center] {
left: 50%;
margin-left: -28px; }
.md [fab-top] {
top: 16px; }
.md [fab-right] {
right: 16px; }
.md [fab-bottom] {
bottom: 16px; }
.md [fab-left] {
left: 16px; }
.md .button-icon-left icon {
padding-right: 0.3em;
font-size: 1.4em;
line-height: 0.67;
pointer-events: none; }
.md .button-icon-right icon {
padding-left: 0.4em;
font-size: 1.4em;
line-height: 0.67;
pointer-events: none; }
.md .button-icon-only {
padding: 0;
min-width: 0.9em; }
.md .button-icon-only icon {
padding: 0 0.5em;
font-size: 1.8em;
line-height: 0.67;
pointer-events: none; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-card {
display: block;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.md ion-card img {
display: block;
width: 100%; }
.md ion-card-header {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.md ion-card-content {
display: block; }
.md ion-card {
margin: 10px 10px 10px 10px;
font-size: 1.4rem;
background: #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
border-radius: 2px; }
.md ion-card ion-list {
margin-bottom: 0; }
.md ion-card ion-list ion-item-content {
padding: 0; }
.md ion-card ion-list .item-inner {
border-bottom: 1px solid #dedede; }
.md ion-card ion-list > .item:last-child,
.md ion-card ion-list > ion-item-sliding:last-child .item {
border-bottom: none; }
.md ion-card .item-inner {
border: none; }
.md ion-card ion-card-content {
padding: 13px 16px 13px 16px;
font-size: 1.4rem;
line-height: 1.5; }
.md ion-card ion-card-header {
padding: 16px;
font-size: 1.6rem;
color: #222; }
.md ion-card ion-card-header + ion-card-content,
.md ion-card .item + ion-card-content {
padding-top: 0; }
.md ion-card ion-note[item-left],
.md ion-card ion-note[item-right] {
font-size: 1.3rem; }
.md ion-card .card-title {
padding: 8px 0 8px 0;
font-size: 2.4rem;
color: #222; }
.md ion-card h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal;
color: #222; }
.md ion-card h2 {
margin: 2px 0 2px;
font-size: 1.6rem;
font-weight: normal;
color: #222; }
.md ion-card h3,
.md ion-card h4,
.md ion-card h5,
.md ion-card h6 {
margin: 2px 0 2px;
font-size: 1.4rem;
font-weight: normal;
color: #222; }
.md ion-card p {
font-size: 1.4rem;
margin: 0 0 2px;
line-height: 1.5;
font-weight: normal;
color: #222; }
.md ion-card + ion-card {
margin-top: 0; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-checkbox {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.md ion-checkbox.item .item-inner {
border: none;
padding-right: 0; }
.md ion-checkbox ion-item-content {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dedede;
margin: 0;
padding: 13px 8px 13px 0; }
.md ion-checkbox[aria-checked=true] .checkbox-icon {
background-color: #387ef5;
border-color: #387ef5; }
.md ion-checkbox[aria-checked=true] .checkbox-icon:after {
position: absolute;
border-width: 2px;
border-style: solid;
border-color: #fff;
top: 0;
left: 3px;
width: 4px;
height: 9px;
border-left: none;
border-top: none;
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.md ion-checkbox[aria-disabled=true] {
opacity: 0.5;
color: #666;
pointer-events: none; }
.md .checkbox-media {
margin: 9px 36px 9px 4px; }
.md .checkbox-icon {
position: relative;
width: 16px;
height: 16px;
border-radius: 2px;
border-width: 2px;
border-style: solid;
border-color: #787878;
background-color: #fff; }
.md ion-checkbox[primary][aria-checked=true] .checkbox-icon {
background-color: #387ef5;
border-color: #387ef5; }
.md ion-checkbox[primary][aria-checked=true] .checkbox-icon:after {
border-color: white; }
.md ion-checkbox[secondary][aria-checked=true] .checkbox-icon {
background-color: #32db64;
border-color: #32db64; }
.md ion-checkbox[secondary][aria-checked=true] .checkbox-icon:after {
border-color: white; }
.md ion-checkbox[danger][aria-checked=true] .checkbox-icon {
background-color: #f53d3d;
border-color: #f53d3d; }
.md ion-checkbox[danger][aria-checked=true] .checkbox-icon:after {
border-color: white; }
.md ion-checkbox[light][aria-checked=true] .checkbox-icon {
background-color: #f4f4f4;
border-color: #f4f4f4; }
.md ion-checkbox[light][aria-checked=true] .checkbox-icon:after {
border-color: black; }
.md ion-checkbox[dark][aria-checked=true] .checkbox-icon {
background-color: #222;
border-color: #222; }
.md ion-checkbox[dark][aria-checked=true] .checkbox-icon:after {
border-color: white; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-content {
background-color: #fff; }
.md [padding],
.md [padding] > scroll-content {
padding: 16px; }
.md [padding-top] {
padding-top: 16px; }
.md [padding-right] {
padding-right: 16px; }
.md [padding-bottom] {
padding-bottom: 16px; }
.md [padding-left] {
padding-left: 16px; }
.md [padding-vertical] {
padding-top: 16px;
padding-bottom: 16px; }
.md [padding-horizontal] {
padding-right: 16px;
padding-left: 16px; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
border: 0;
width: 100%;
min-height: 4.4rem;
overflow: hidden;
text-align: initial;
font-weight: normal;
line-height: normal;
text-decoration: none;
color: inherit; }
.md .item-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
-webkit-box-align: inherit;
-webkit-align-items: inherit;
-ms-flex-align: inherit;
align-items: inherit;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch; }
.md .item[no-lines],
.md .item[no-lines] .item-inner {
border: none; }
.md ion-item-group {
display: block; }
.md ion-item-divider {
display: block;
min-height: 30px;
width: 100%;
z-index: 1000;
font-weight: 500; }
.md ion-item-divider[sticky] {
position: -webkit-sticky;
position: sticky;
top: 0px; }
.md ion-item-content {
margin: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none; }
.md ion-item-content a,
.md ion-item-content button,
.md ion-item-content [tappable] {
pointer-events: auto; }
.md [text-wrap] ion-item-content {
white-space: normal; }
.md [vertical-align-top],
.md ion-input.item {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.md ion-item-content + ion-item-content[cnt] {
display: none; }
.md ion-item-divider[primary] {
background-color: #387ef5;
color: white; }
.md ion-item-divider[secondary] {
background-color: #32db64;
color: white; }
.md ion-item-divider[danger] {
background-color: #f53d3d;
color: white; }
.md ion-item-divider[light] {
background-color: #f4f4f4;
color: black; }
.md ion-item-divider[dark] {
background-color: #222;
color: white; }
.md .item > icon[small]:first-child,
.md .item-inner > icon[small]:first-child {
min-width: 18px; }
.md .item > icon:first-child,
.md .item-inner > icon:first-child {
min-width: 24px;
text-align: center; }
.md .item > icon,
.md .item-inner > icon {
line-height: 1;
font-size: 2.4rem;
min-height: 2.4rem; }
.md .item > icon[large],
.md .item-inner > icon[large] {
font-size: 3.2rem;
min-height: 3.2rem; }
.md .item > icon[small],
.md .item-inner > icon[small] {
font-size: 1.8rem;
min-height: 1.8rem; }
.md ion-avatar,
.md ion-thumbnail {
display: block;
line-height: 1; }
.md ion-avatar img,
.md ion-thumbnail img {
display: block; }
.md ion-item-sliding {
display: block;
position: relative;
overflow: hidden; }
.md ion-item-sliding .item {
position: static; }
.md ion-item-options {
display: none;
position: absolute;
top: 0;
right: 0;
z-index: 1;
height: 100%;
visibility: hidden; }
.md ion-item-options .button {
margin: 0;
border-radius: 0;
box-shadow: none;
height: 100%; }
.md ion-item-sliding.active-slide .item,
.md ion-item-sliding.active-slide .item.activated {
position: relative;
z-index: 2;
opacity: 1;
-webkit-transition: all 300ms cubic-bezier(0.36, 0.66, 0.04, 1);
transition: all 300ms cubic-bezier(0.36, 0.66, 0.04, 1);
pointer-events: none; }
.md ion-item-sliding.active-slide ion-item-options {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.md ion-item-sliding.active-slide.active-options ion-item-options {
visibility: visible; }
.md .item {
position: relative;
padding-right: 0;
padding-left: 16px;
font-size: 1.6rem;
text-transform: none;
font-weight: normal;
color: #000;
background-color: #fff;
box-shadow: none;
-webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 300ms;
transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms; }
.md .item h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal; }
.md .item h2 {
margin: 2px 0 2px;
font-size: 1.6rem;
font-weight: normal; }
.md .item h3,
.md .item h4,
.md .item h5,
.md .item h6 {
line-height: normal;
margin: 2px 0 2px;
font-size: 1.4rem;
font-weight: normal; }
.md .item p {
line-height: normal;
color: #666;
font-size: 1.4rem;
margin: 0 0 2px; }
.md .item.activated {
background-color: #f1f1f1; }
.md .item[no-lines] {
border-width: 0; }
.md .item-inner {
padding-right: 8px;
border-bottom: 1px solid #dedede; }
.md ion-item-content {
margin: 13px 8px 13px 0; }
.md [item-left],
.md [item-right] {
margin: 9px 8px 9px 0; }
.md icon[item-left],
.md icon[item-right] {
margin-top: 11px;
margin-bottom: 10px;
margin-left: 0; }
.md button[item-left],
.md button[item-right],
.md [button][item-left],
.md [button][item-right] {
padding: 0 0.6em;
min-height: 26px;
font-size: 1.2rem; }
.md [item-left].button-icon-only,
.md [item-right].button-icon-only,
.md [item-left].button-icon-only icon,
.md [item-right].button-icon-only icon {
padding: 0 1px; }
.md [item-left][clear],
.md [item-right][clear] {
padding: 0 8px; }
.md [item-left].icon-left icon,
.md [item-right].icon-left icon {
margin-bottom: 1px;
margin-left: 0;
padding-right: 0.3em; }
.md [item-left].icon-right icon,
.md [item-right].icon-right icon {
margin-right: 0;
margin-bottom: 1px; }
.md [text-wrap] ion-item-content {
font-size: 1.4rem;
line-height: 1.5; }
.md icon[item-left] + .item-inner,
.md icon[item-left] + .item-input {
margin-left: 24px; }
.md ion-avatar[item-left],
.md ion-thumbnail[item-left] {
margin: 8px 16px 8px 0; }
.md ion-avatar[item-right],
.md ion-thumbnail[item-right] {
margin: 8px; }
.md ion-avatar {
min-width: 4rem;
min-height: 4rem; }
.md ion-avatar img {
max-width: 4rem;
max-height: 4rem;
border-radius: 2rem; }
.md ion-thumbnail {
min-width: 8rem;
min-height: 8rem; }
.md ion-thumbnail img {
max-width: 8rem;
max-height: 8rem; }
.md ion-note {
color: #c5c5c5; }
.md ion-item-divider {
padding: 13px 16px 13px 16px;
background-color: #fff;
color: #222; }
.md ion-item-sliding {
background-color: #fff; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-label {
display: block;
max-width: 200px;
font-size: inherit;
white-space: nowrap;
pointer-events: none; }
.md .fixed-label {
width: 30%;
min-width: 100px;
max-width: 200px; }
.md [stacked-label],
.md [floating-label] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.md .stacked-label,
.md .floating-label {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
margin-bottom: 0;
max-width: 100%; }
.md .stacked-input,
.md .floating-input {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
width: auto; }
.md ion-label {
margin: 13px 8px 13px 8px;
color: #999; }
.md .stacked-label {
font-size: 1.2rem; }
.md .floating-label {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: translate3d(0, 27px, 0);
transform: translate3d(0, 27px, 0);
-webkit-transition: -webkit-transform 150ms ease-in-out;
transition: transform 150ms ease-in-out; }
.md .stacked-label,
.md .floating-label {
margin-left: 0;
margin-bottom: 0; }
.md .input-focused .stacked-label,
.md .input-focused .floating-label {
color: #387ef5; }
.md .input-focused .floating-label,
.md .input-has-value .floating-label {
-webkit-transform: translate3d(0, 0, 0) scale(0.8);
transform: translate3d(0, 0, 0) scale(0.8); }
.md ion-label[primary] {
color: #387ef5 !important; }
.md ion-label[secondary] {
color: #32db64 !important; }
.md ion-label[danger] {
color: #f53d3d !important; }
.md ion-label[light] {
color: #f4f4f4 !important; }
.md ion-label[dark] {
color: #222 !important; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-list-header {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.md ion-list {
display: block;
margin: 0;
padding: 0;
list-style-type: none; }
.md ion-list[inset] {
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.md ion-list-header,
.md ion-item-divider {
border-bottom: 1px solid #dedede;
margin-left: 0;
padding: 16px 16px 16px 16px;
font-size: 1.4rem;
color: #858585; }
.md ion-list {
margin: 0 0 16px 0; }
.md ion-list .item-inner {
border-bottom: 1px solid #dedede; }
.md ion-list > .item:first-child,
.md ion-list > ion-item-sliding:first-child .item {
border-top: 1px solid #dedede; }
.md ion-list > .item:last-child,
.md ion-list > ion-item-sliding:last-child .item {
border-bottom: 1px solid #dedede; }
.md ion-list > .item:last-child .item-inner,
.md ion-list > .item:last-child ion-item-content,
.md ion-list > ion-item-sliding:last-child .item .item-inner,
.md ion-list > ion-item-sliding:last-child .item ion-item-content {
border-bottom: none; }
.md ion-list > ion-input:last-child:after {
left: 0; }
.md ion-list ion-item-options button, .md ion-list ion-item-options [button] {
height: calc(100% - 2px);
margin: 1px 0 1px 0;
box-shadow: none;
border: none;
border-radius: 0;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box; }
.md ion-list ion-item-options button:before, .md ion-list ion-item-options [button]:before {
margin: 0 auto; }
.md ion-list .item[no-lines],
.md ion-list .item[no-lines] .item-inner {
border-width: 0; }
.md ion-list + ion-list {
margin-top: 32px; }
.md ion-list + ion-list ion-list-header {
margin-top: -16px;
padding-top: 0; }
.md ion-list[inset] {
margin: 16px 16px 16px 16px;
border-radius: 2px; }
.md ion-list[inset] .item:first-child {
border-top-width: 0;
border-top-right-radius: 2px;
border-top-left-radius: 2px; }
.md ion-list[inset] .item:last-child {
border-bottom-width: 0;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.md ion-list[inset] ion-input.item {
padding-right: 0;
padding-left: 0; }
.md ion-list[inset] ion-input.item:after {
left: 0; }
.md ion-list[inset] + ion-list[inset] {
margin-top: 0; }
.md ion-list[inset] ion-list-header {
background-color: #fff; }
.md ion-list[no-lines] .item,
.md ion-list[no-lines] .item .item-inner {
border-width: 0; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-menu {
background: #fff; }
.md .menu-content-reveal {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
.md .menu-content-push {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
.md ion-menu[type=overlay] {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-page.modal {
background-color: #fff; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-radio {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.md ion-radio[aria-checked=true] {
color: #387ef5; }
.md ion-radio[aria-checked=true] .radio-icon {
border-color: #387ef5; }
.md ion-radio[aria-checked=true] .radio-icon:after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
.md ion-radio[aria-disabled=true] {
color: #666;
opacity: 0.5;
pointer-events: none; }
.md .radio-icon {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
margin: 0;
border-width: 2px;
border-style: solid;
border-color: #787878;
border-radius: 50%; }
.md .radio-icon:after {
position: absolute;
top: 2px;
left: 2px;
width: 8px;
height: 8px;
background-color: #387ef5;
border-radius: 50%;
content: '';
-webkit-transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0); }
.md .radio-media {
display: block;
margin: 9px 8px 9px 8px; }
.md ion-radio[primary][aria-checked=true] {
color: #387ef5; }
.md ion-radio[primary][aria-checked=true] .radio-icon {
border-color: #387ef5; }
.md ion-radio[primary][aria-checked=true] .radio-icon:after {
background-color: #387ef5; }
.md ion-radio[secondary][aria-checked=true] {
color: #32db64; }
.md ion-radio[secondary][aria-checked=true] .radio-icon {
border-color: #32db64; }
.md ion-radio[secondary][aria-checked=true] .radio-icon:after {
background-color: #32db64; }
.md ion-radio[danger][aria-checked=true] {
color: #f53d3d; }
.md ion-radio[danger][aria-checked=true] .radio-icon {
border-color: #f53d3d; }
.md ion-radio[danger][aria-checked=true] .radio-icon:after {
background-color: #f53d3d; }
.md ion-radio[light][aria-checked=true] {
color: #f4f4f4; }
.md ion-radio[light][aria-checked=true] .radio-icon {
border-color: #f4f4f4; }
.md ion-radio[light][aria-checked=true] .radio-icon:after {
background-color: #f4f4f4; }
.md ion-radio[dark][aria-checked=true] {
color: #222; }
.md ion-radio[dark][aria-checked=true] .radio-icon {
border-color: #222; }
.md ion-radio[dark][aria-checked=true] .radio-icon:after {
background-color: #222; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md md-ripple {
position: absolute;
z-index: 0;
display: block;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.1);
overflow: hidden;
pointer-events: none;
-webkit-transform: scale(0.001) translateZ(0);
transform: scale(0.001) translateZ(0); }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-searchbar {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%; }
.md .searchbar-icon {
pointer-events: none; }
.md .searchbar-input-container {
position: relative;
display: block;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
width: 100%; }
.md .searchbar-input {
display: block;
width: 100%;
border: none;
font-family: inherit;
line-height: 3rem;
-webkit-appearance: none;
-moz-appearance: none; }
.md .searchbar-clear-icon {
min-height: 0;
padding: 0;
margin: 0; }
.md ion-searchbar {
padding: 8px;
background: inherit; }
.md .searchbar-search-icon {
width: 21px;
height: 21px;
top: 11px;
left: 16px;
background-image: url("data:image/svg+xml;charset=utf-8,"); }
.md .searchbar-md-cancel {
display: none;
width: 21px;
height: 100%;
margin: 0;
top: 0;
left: 10px; }
.md .searchbar-search-icon,
.md .searchbar-md-cancel {
background-size: 20px;
background-repeat: no-repeat;
position: absolute; }
.md .searchbar-search-icon.activated,
.md .searchbar-md-cancel.activated {
background-color: transparent; }
.md .searchbar-input {
padding: 6px 55px;
height: 100%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
font-size: 1.6rem;
font-weight: 400;
border-radius: 2px;
color: #141414;
background-color: #FFFFFF;
background-position: 8px center; }
.md .searchbar-input::-moz-placeholder {
color: #AEAEAE; }
.md .searchbar-input:-ms-input-placeholder {
color: #AEAEAE; }
.md .searchbar-input::-webkit-input-placeholder {
color: #AEAEAE;
text-indent: 0; }
.md .searchbar-clear-icon {
width: 22px;
height: 100%;
padding: 0;
background-image: url("data:image/svg+xml;charset=utf-8,");
background-size: 22px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 13px;
top: 0; }
.md .searchbar-clear-icon.activated {
background-color: transparent; }
.md .searchbar-focused .searchbar-search-icon {
display: none; }
.md .searchbar-focused .searchbar-md-cancel {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.md .toolbar ion-searchbar {
padding: 3px; }
.md .toolbar .searchbar-md-cancel {
left: 14px; }
.md .searchbar-ios-cancel {
display: none; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-segment {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%; }
.md .segment-button {
position: relative;
display: block;
margin-left: 0;
margin-right: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer; }
.md .segment-button {
padding: 0 6px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: rgba(0, 0, 0, 0.1);
min-height: 4rem;
line-height: 4rem;
font-size: 1.2rem;
text-transform: uppercase;
font-weight: 500;
opacity: 0.7;
color: #387ef5;
background-color: transparent;
-webkit-transition: 100ms all linear;
transition: 100ms all linear; }
.md .segment-button.activated,
.md .segment-button.segment-activated {
border-color: #387ef5; }
.md .toolbar ion-segment {
margin: 0 auto; }
.md .toolbar .segment-button.activated,
.md .toolbar .segment-button.segment-activated {
opacity: 1; }
.md ion-segment[primary] .segment-button {
color: #387ef5; }
.md ion-segment[primary] .segment-button.activated,
.md ion-segment[primary] .segment-button.segment-activated {
opacity: 1;
border-color: #387ef5;
color: #387ef5; }
.md ion-segment[secondary] .segment-button {
color: #32db64; }
.md ion-segment[secondary] .segment-button.activated,
.md ion-segment[secondary] .segment-button.segment-activated {
opacity: 1;
border-color: #32db64;
color: #32db64; }
.md ion-segment[danger] .segment-button {
color: #f53d3d; }
.md ion-segment[danger] .segment-button.activated,
.md ion-segment[danger] .segment-button.segment-activated {
opacity: 1;
border-color: #f53d3d;
color: #f53d3d; }
.md ion-segment[light] .segment-button {
color: #f4f4f4; }
.md ion-segment[light] .segment-button.activated,
.md ion-segment[light] .segment-button.segment-activated {
opacity: 1;
border-color: #f4f4f4;
color: #f4f4f4; }
.md ion-segment[dark] .segment-button {
color: #222; }
.md ion-segment[dark] .segment-button.activated,
.md ion-segment[dark] .segment-button.segment-activated {
opacity: 1;
border-color: #222;
color: #222; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-tabs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
margin: 0;
padding: 0; }
.md ion-tab {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: none; }
.md ion-tab.show-tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.md ion-tabs > ion-navbar-section {
-webkit-box-ordinal-group: -29;
-webkit-order: -30;
-ms-flex-order: -30;
order: -30; }
.md ion-tabbar-section {
position: relative;
-webkit-box-ordinal-group: 21;
-webkit-order: 20;
-ms-flex-order: 20;
order: 20; }
.md [tabbarPlacement=top] ion-tabbar-section {
-webkit-box-ordinal-group: -19;
-webkit-order: -20;
-ms-flex-order: -20;
order: -20; }
.md tabbar {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden; }
.md .tab-button {
position: relative;
z-index: 0;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 0;
border-radius: 0;
background: none; }
.md .tab-button-text {
margin-top: 3px;
margin-bottom: 2px; }
.md .tab-button-text,
.md .tab-button-icon {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
min-width: 26px;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: none; }
.md .has-icon .tab-button-icon,
.md .has-title .tab-button-text {
display: block; }
.md .has-title-only .tab-button-text {
white-space: normal; }
.md tab-highlight {
display: none; }
.md [tabbarIcons=bottom] .tab-button .tab-button-icon {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.md [tabbarIcons=left] .tab-button {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.md [tabbarIcons=left] .tab-button .tab-button-icon {
text-align: right;
padding-right: 8px; }
.md [tabbarIcons=right] .tab-button {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.md [tabbarIcons=right] .tab-button .tab-button-icon {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
text-align: left;
padding-left: 8px; }
.md [tabbarIcons=hide] .tab-button-icon {
display: none; }
.md tabbar {
background: #f8f8f8; }
.md .tab-button {
padding: 12px 10px 5px 10px;
min-height: 4.8rem;
font-size: 1.4rem;
font-weight: 500;
opacity: 0.7;
box-shadow: none;
border-radius: 0;
border-bottom: 2px solid transparent;
color: #8c8c8c; }
.md .tab-button[aria-selected=true] {
opacity: 1.0;
color: #387ef5; }
.md .tab-button-text {
margin-top: 5px;
margin-bottom: 5px;
text-transform: uppercase; }
.md .tab-button-icon {
font-size: 2.4rem;
min-width: 7.4rem; }
.md [tabbarIcons=bottom] .tab-button {
padding-top: 8px;
padding-bottom: 8px; }
.md [tabbarIcons=right] .tab-button,
.md [tabbarIcons=left] .tab-button {
padding-bottom: 10px; }
.md [tabbarIcons=right] .tab-button icon,
.md [tabbarIcons=left] .tab-button icon {
min-width: 24px; }
.md .tab-button.icon-only,
.md .tab-button.has-title-only {
padding: 6px 10px 6px 10px; }
.md tab-highlight {
position: absolute;
display: block;
height: 2px;
width: 1px;
bottom: 0;
left: 0;
background: #387ef5;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.md tab-highlight.animate {
-webkit-transition-duration: 300ms;
transition-duration: 300ms; }
.md [tabbarPlacement=bottom] tab-highlight {
top: 0; }
.md ion-tabs[primary] tabbar {
background-color: #387ef5; }
.md ion-tabs[primary] tabbar .tab-button {
color: white; }
.md ion-tabs[primary] tabbar .tab-button:hover:not(.disable-hover),
.md ion-tabs[primary] tabbar .tab-button[aria-selected=true] {
color: white; }
.md ion-tabs[primary] tabbar tab-highlight {
background: white; }
.md ion-tabs[secondary] tabbar {
background-color: #32db64; }
.md ion-tabs[secondary] tabbar .tab-button {
color: white; }
.md ion-tabs[secondary] tabbar .tab-button:hover:not(.disable-hover),
.md ion-tabs[secondary] tabbar .tab-button[aria-selected=true] {
color: white; }
.md ion-tabs[secondary] tabbar tab-highlight {
background: white; }
.md ion-tabs[danger] tabbar {
background-color: #f53d3d; }
.md ion-tabs[danger] tabbar .tab-button {
color: white; }
.md ion-tabs[danger] tabbar .tab-button:hover:not(.disable-hover),
.md ion-tabs[danger] tabbar .tab-button[aria-selected=true] {
color: white; }
.md ion-tabs[danger] tabbar tab-highlight {
background: white; }
.md ion-tabs[light] tabbar {
background-color: #f4f4f4; }
.md ion-tabs[light] tabbar .tab-button {
color: black; }
.md ion-tabs[light] tabbar .tab-button:hover:not(.disable-hover),
.md ion-tabs[light] tabbar .tab-button[aria-selected=true] {
color: black; }
.md ion-tabs[light] tabbar tab-highlight {
background: black; }
.md ion-tabs[dark] tabbar {
background-color: #222; }
.md ion-tabs[dark] tabbar .tab-button {
color: white; }
.md ion-tabs[dark] tabbar .tab-button:hover:not(.disable-hover),
.md ion-tabs[dark] tabbar .tab-button[aria-selected=true] {
color: white; }
.md ion-tabs[dark] tabbar tab-highlight {
background: white; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md .item-input {
display: block;
background: transparent;
border: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
pointer-events: none; }
.md input.item-input:-webkit-autofill {
background-color: transparent; }
.md [scroll-assist] {
width: 1px;
height: 1px;
padding: 0;
background: transparent;
border: 0;
pointer-events: none; }
.md .input-focused .item-input {
pointer-events: auto; }
.md textarea {
height: auto;
overflow: auto;
font: inherit;
color: inherit; }
.md .platform-mobile textarea {
resize: none; }
.md input::-moz-placeholder,
.md textarea::-moz-placeholder {
color: #999; }
.md input:-ms-input-placeholder,
.md textarea:-ms-input-placeholder {
color: #999; }
.md input::-webkit-input-placeholder,
.md textarea::-webkit-input-placeholder {
color: #999;
text-indent: 0; }
.md .text-input-clear-icon {
margin: 0;
padding: 0;
background-repeat: no-repeat;
background-position: center;
position: absolute; }
.md .item-input {
margin: 13px 8px 13px 8px;
padding: 0;
background-color: #fff; }
.md .inset-input {
margin: 6.5px 16px 6.5px 16px;
padding: 6.5px 8px 6.5px 8px; }
.md ion-input:after {
position: absolute;
bottom: 0;
right: 0;
left: 16px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: transparent;
content: ''; }
.md .input-focused:after {
border-bottom-color: #387ef5; }
.md ion-input.ng-valid.input-has-value:after {
border-bottom-color: #32db64; }
.md ion-input.ng-invalid.ng-touched:after {
border-bottom-color: #f53d3d; }
.md .stacked-input,
.md .floating-input {
margin-left: 0;
margin-top: 8px;
margin-bottom: 8px; }
.md ion-input[clearInput] {
position: relative; }
.md ion-input[clearInput] .text-input {
padding-right: 30px; }
.md .text-input-clear-icon {
width: 30px;
background-image: url("data:image/svg+xml;charset=utf-8,");
background-size: 22px;
right: 8px;
bottom: 2px; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md ion-toggle {
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.md .toggle-media {
margin: 0;
padding: 12px 8px 12px 16px;
cursor: pointer; }
.md .toggle-icon {
position: relative;
display: block;
width: 36px;
height: 14px;
pointer-events: none;
border-radius: 14px;
background-color: #dedede;
-webkit-transition: background-color 300ms;
transition: background-color 300ms; }
.md .toggle-icon:after {
content: '';
position: absolute;
top: -3px;
left: 0;
width: 20px;
height: 20px;
border-radius: 50%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
background-color: #fff;
-webkit-transition-property: -webkit-transform, background-color;
transition-property: transform, background-color;
-webkit-transition-duration: 300ms;
transition-duration: 300ms; }
.md ion-toggle[aria-checked=true] .toggle-icon {
background-color: #b1cdfb; }
.md ion-toggle[aria-checked=true] .toggle-icon:after {
background-color: #387ef5;
-webkit-transform: translate3d(16px, 0, 0);
transform: translate3d(16px, 0, 0); }
.md ion-toggle[aria-disabled=true] {
opacity: 0.5;
color: #666;
pointer-events: none; }
.md ion-toggle[primary][aria-checked=true] .toggle-icon {
background-color: #b1cdfb; }
.md ion-toggle[primary][aria-checked=true] .toggle-icon:after {
background-color: #387ef5; }
.md ion-toggle[secondary][aria-checked=true] .toggle-icon {
background-color: #9eeeb6; }
.md ion-toggle[secondary][aria-checked=true] .toggle-icon:after {
background-color: #32db64; }
.md ion-toggle[danger][aria-checked=true] .toggle-icon {
background-color: #fbb6b6; }
.md ion-toggle[danger][aria-checked=true] .toggle-icon:after {
background-color: #f53d3d; }
.md ion-toggle[light][aria-checked=true] .toggle-icon {
background-color: white; }
.md ion-toggle[light][aria-checked=true] .toggle-icon:after {
background-color: #f4f4f4; }
.md ion-toggle[dark][aria-checked=true] .toggle-icon {
background-color: #626262; }
.md ion-toggle[dark][aria-checked=true] .toggle-icon:after {
background-color: #222; }
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff") format("woff"); }
.md .toolbar {
position: relative;
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-ordinal-group: -9;
-webkit-order: -10;
-ms-flex-order: -10;
order: -10;
-webkit-box-flex: 0;
-webkit-flex: 0;
-ms-flex: 0;
flex: 0;
width: 100%;
overflow: hidden; }
.md .toolbar-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
border: 0;
pointer-events: none;
-webkit-transform: translateZ(0px);
transform: translateZ(0px); }
.md .toolbar[position=bottom] {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.md ion-title {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateZ(0px);
transform: translateZ(0px); }
.md .toolbar-title {
display: block;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.md ion-buttons {
display: block;
margin: 0 0.2rem;
pointer-events: none;
-webkit-transform: translateZ(0px);
transform: translateZ(0px); }
.md ion-buttons button,
.md ion-buttons a,
.md ion-buttons input,
.md ion-buttons textarea,
.md ion-buttons div {
pointer-events: auto; }
.md .toolbar[transparent] .toolbar-background {
background: transparent;
border-color: transparent; }
.md ion-buttons,
.md .bar-button-menutoggle {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
z-index: 99; }
.md ion-navbar.toolbar {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
opacity: 0; }
.md ion-navbar.toolbar.show-navbar {
opacity: 1; }
.md .bar-button {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: center;
text-transform: none;
vertical-align: top;
vertical-align: -webkit-baseline-middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none; }
.md .bar-button-menutoggle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.md .back-button {
display: none; }
.md .back-button.show-back-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.md .back-button-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.md .toolbar {
padding: 4px;
min-height: 5.6rem; }
.md ion-navbar-section {
min-height: 5.6rem; }
.md .toolbar-background {
border-color: #b2b2b2;
background: #f8f8f8; }
.md .toolbar-content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.md .toolbar-title {
color: #424242; }
.md ion-title {
padding: 0 12px;
font-size: 2rem;
font-weight: 500; }
.md ion-buttons {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
-webkit-transform: translateZ(0px);
transform: translateZ(0px); }
.md ion-buttons[left] {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.md ion-buttons[left] .bar-button:first-child {
margin-left: 0; }
.md ion-buttons[end] {
text-align: right;
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.md ion-buttons[right] {
text-align: right;
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.md .bar-button {
margin-top: 0;
margin-bottom: 0;
margin-left: 0.2rem;
margin-right: 0.2rem;
padding: 0 5px;
min-height: 32px;
border: 0;
font-size: 1.4rem;
border-radius: 2px;
text-transform: uppercase;
font-weight: 500; }
.md .bar-button-outline {
border-width: 1px;
border-style: solid;
border-color: #424242;
color: #424242;
background-color: transparent; }
.md .bar-button-outline:hover:not(.disable-hover) {
opacity: 0.4; }
.md .bar-button-outline.activated {
color: white;
background-color: #424242; }
.md .bar-button-solid {
color: white;
background-color: #424242; }
.md .bar-button-solid:hover:not(.disable-hover) {
color: white; }
.md .bar-button-solid.activated {
color: white;
background-color: #515151; }
.md .bar-button-icon-left icon {
margin-left: -0.1em;
padding-right: 0.3em;
font-size: 1.4em;
line-height: 0.67;
pointer-events: none; }
.md .bar-button-icon-right icon {
padding-left: 0.4em;
font-size: 1.4em;
line-height: 0.67;
pointer-events: none; }
.md .bar-button-icon-only {
padding: 0; }
.md .bar-button-icon-only icon {
padding: 0 0.1em;
font-size: 1.8em;
line-height: 0.67;
min-width: 28px;
pointer-events: none; }
.md .back-button {
margin: 0 0 0 12px;
box-shadow: none; }
.md .back-button-icon {
margin: 0;
min-width: 44px;
font-size: 2.4rem;
font-weight: normal;
text-align: left; }
.md .bar-button-menutoggle {
margin: 0 6px;
padding: 0 2px;
min-width: 44px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.md .bar-button-menutoggle icon {
padding: 0 6px;
font-size: 2.4rem; }
.md .bar-button-menutoggle[end],
.md .bar-button-menutoggle[right] {
margin: 0 2px;
min-width: 28px;
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.md .bar-button-default {
color: #515151;
background-color: transparent; }
.md .bar-button-default:hover:not(.disable-hover) {
color: #5f5f5f; }
.md .bar-button-default.activated {
opacity: 0.4; }
.md .toolbar[primary] .toolbar-background {
background: #387ef5; }
.md .toolbar[primary] .toolbar-title,
.md .toolbar[primary] .bar-button-default,
.md .toolbar[primary] .bar-button-outline {
color: white; }
.md .toolbar[primary] .bar-button-outline {
border-color: white; }
.md .toolbar[primary] .bar-button-primary {
color: #3474e1;
background-color: transparent; }
.md .toolbar[primary] .bar-button-primary:hover:not(.disable-hover) {
color: #306bcf; }
.md .toolbar[primary] .bar-button-primary.activated {
opacity: 0.4; }
.md .toolbar[primary] .bar-button-outline-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent; }
.md .toolbar[primary] .bar-button-outline-primary.activated {
color: white;
background-color: #3474e1; }
.md .toolbar[primary] .bar-button-solid-primary {
color: white;
background-color: #387ef5; }
.md .toolbar[primary] .bar-button-solid-primary.activated {
background-color: #3474e1; }
.md .toolbar[primary] .bar-button-secondary {
color: #2ec95c;
background-color: transparent; }
.md .toolbar[primary] .bar-button-secondary:hover:not(.disable-hover) {
color: #3fcd69; }
.md .toolbar[primary] .bar-button-secondary.activated {
opacity: 0.4; }
.md .toolbar[primary] .bar-button-outline-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.md .toolbar[primary] .bar-button-outline-secondary.activated {
color: white;
background-color: #2ec95c; }
.md .toolbar[primary] .bar-button-solid-secondary {
color: white;
background-color: #32db64; }
.md .toolbar[primary] .bar-button-solid-secondary.activated {
background-color: #2ec95c; }
.md .toolbar[primary] .bar-button-danger {
color: #e13838;
background-color: transparent; }
.md .toolbar[primary] .bar-button-danger:hover:not(.disable-hover) {
color: #cf3434; }
.md .toolbar[primary] .bar-button-danger.activated {
opacity: 0.4; }
.md .toolbar[primary] .bar-button-outline-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.md .toolbar[primary] .bar-button-outline-danger.activated {
color: white;
background-color: #e13838; }
.md .toolbar[primary] .bar-button-solid-danger {
color: white;
background-color: #f53d3d; }
.md .toolbar[primary] .bar-button-solid-danger.activated {
background-color: #e13838; }
.md .toolbar[primary] .bar-button-light {
color: #e0e0e0;
background-color: transparent; }
.md .toolbar[primary] .bar-button-light:hover:not(.disable-hover) {
color: #cecece; }
.md .toolbar[primary] .bar-button-light.activated {
opacity: 0.4; }
.md .toolbar[primary] .bar-button-outline-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.md .toolbar[primary] .bar-button-outline-light.activated {
color: black;
background-color: #e0e0e0; }
.md .toolbar[primary] .bar-button-solid-light {
color: black;
background-color: #f4f4f4; }
.md .toolbar[primary] .bar-button-solid-light.activated {
background-color: #e0e0e0; }
.md .toolbar[primary] .bar-button-dark {
color: #343434;
background-color: transparent; }
.md .toolbar[primary] .bar-button-dark:hover:not(.disable-hover) {
color: #444444; }
.md .toolbar[primary] .bar-button-dark.activated {
opacity: 0.4; }
.md .toolbar[primary] .bar-button-outline-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.md .toolbar[primary] .bar-button-outline-dark.activated {
color: white;
background-color: #343434; }
.md .toolbar[primary] .bar-button-solid-dark {
color: white;
background-color: #222; }
.md .toolbar[primary] .bar-button-solid-dark.activated {
background-color: #343434; }
.md .bar-button-primary {
color: #3474e1;
background-color: transparent; }
.md .bar-button-primary:hover:not(.disable-hover) {
color: #306bcf; }
.md .bar-button-primary.activated {
opacity: 0.4; }
.md .bar-button-outline-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent; }
.md .bar-button-outline-primary.activated {
color: white;
background-color: #3474e1; }
.md .bar-button-solid-primary {
color: white;
background-color: #387ef5; }
.md .bar-button-solid-primary.activated {
background-color: #3474e1; }
.md .toolbar[secondary] .toolbar-background {
background: #32db64; }
.md .toolbar[secondary] .toolbar-title,
.md .toolbar[secondary] .bar-button-default,
.md .toolbar[secondary] .bar-button-outline {
color: white; }
.md .toolbar[secondary] .bar-button-outline {
border-color: white; }
.md .toolbar[secondary] .bar-button-primary {
color: #3474e1;
background-color: transparent; }
.md .toolbar[secondary] .bar-button-primary:hover:not(.disable-hover) {
color: #306bcf; }
.md .toolbar[secondary] .bar-button-primary.activated {
opacity: 0.4; }
.md .toolbar[secondary] .bar-button-outline-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent; }
.md .toolbar[secondary] .bar-button-outline-primary.activated {
color: white;
background-color: #3474e1; }
.md .toolbar[secondary] .bar-button-solid-primary {
color: white;
background-color: #387ef5; }
.md .toolbar[secondary] .bar-button-solid-primary.activated {
background-color: #3474e1; }
.md .toolbar[secondary] .bar-button-secondary {
color: #2ec95c;
background-color: transparent; }
.md .toolbar[secondary] .bar-button-secondary:hover:not(.disable-hover) {
color: #3fcd69; }
.md .toolbar[secondary] .bar-button-secondary.activated {
opacity: 0.4; }
.md .toolbar[secondary] .bar-button-outline-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.md .toolbar[secondary] .bar-button-outline-secondary.activated {
color: white;
background-color: #2ec95c; }
.md .toolbar[secondary] .bar-button-solid-secondary {
color: white;
background-color: #32db64; }
.md .toolbar[secondary] .bar-button-solid-secondary.activated {
background-color: #2ec95c; }
.md .toolbar[secondary] .bar-button-danger {
color: #e13838;
background-color: transparent; }
.md .toolbar[secondary] .bar-button-danger:hover:not(.disable-hover) {
color: #cf3434; }
.md .toolbar[secondary] .bar-button-danger.activated {
opacity: 0.4; }
.md .toolbar[secondary] .bar-button-outline-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.md .toolbar[secondary] .bar-button-outline-danger.activated {
color: white;
background-color: #e13838; }
.md .toolbar[secondary] .bar-button-solid-danger {
color: white;
background-color: #f53d3d; }
.md .toolbar[secondary] .bar-button-solid-danger.activated {
background-color: #e13838; }
.md .toolbar[secondary] .bar-button-light {
color: #e0e0e0;
background-color: transparent; }
.md .toolbar[secondary] .bar-button-light:hover:not(.disable-hover) {
color: #cecece; }
.md .toolbar[secondary] .bar-button-light.activated {
opacity: 0.4; }
.md .toolbar[secondary] .bar-button-outline-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.md .toolbar[secondary] .bar-button-outline-light.activated {
color: black;
background-color: #e0e0e0; }
.md .toolbar[secondary] .bar-button-solid-light {
color: black;
background-color: #f4f4f4; }
.md .toolbar[secondary] .bar-button-solid-light.activated {
background-color: #e0e0e0; }
.md .toolbar[secondary] .bar-button-dark {
color: #343434;
background-color: transparent; }
.md .toolbar[secondary] .bar-button-dark:hover:not(.disable-hover) {
color: #444444; }
.md .toolbar[secondary] .bar-button-dark.activated {
opacity: 0.4; }
.md .toolbar[secondary] .bar-button-outline-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.md .toolbar[secondary] .bar-button-outline-dark.activated {
color: white;
background-color: #343434; }
.md .toolbar[secondary] .bar-button-solid-dark {
color: white;
background-color: #222; }
.md .toolbar[secondary] .bar-button-solid-dark.activated {
background-color: #343434; }
.md .bar-button-secondary {
color: #2ec95c;
background-color: transparent; }
.md .bar-button-secondary:hover:not(.disable-hover) {
color: #3fcd69; }
.md .bar-button-secondary.activated {
opacity: 0.4; }
.md .bar-button-outline-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.md .bar-button-outline-secondary.activated {
color: white;
background-color: #2ec95c; }
.md .bar-button-solid-secondary {
color: white;
background-color: #32db64; }
.md .bar-button-solid-secondary.activated {
background-color: #2ec95c; }
.md .toolbar[danger] .toolbar-background {
background: #f53d3d; }
.md .toolbar[danger] .toolbar-title,
.md .toolbar[danger] .bar-button-default,
.md .toolbar[danger] .bar-button-outline {
color: white; }
.md .toolbar[danger] .bar-button-outline {
border-color: white; }
.md .toolbar[danger] .bar-button-primary {
color: #3474e1;
background-color: transparent; }
.md .toolbar[danger] .bar-button-primary:hover:not(.disable-hover) {
color: #306bcf; }
.md .toolbar[danger] .bar-button-primary.activated {
opacity: 0.4; }
.md .toolbar[danger] .bar-button-outline-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent; }
.md .toolbar[danger] .bar-button-outline-primary.activated {
color: white;
background-color: #3474e1; }
.md .toolbar[danger] .bar-button-solid-primary {
color: white;
background-color: #387ef5; }
.md .toolbar[danger] .bar-button-solid-primary.activated {
background-color: #3474e1; }
.md .toolbar[danger] .bar-button-secondary {
color: #2ec95c;
background-color: transparent; }
.md .toolbar[danger] .bar-button-secondary:hover:not(.disable-hover) {
color: #3fcd69; }
.md .toolbar[danger] .bar-button-secondary.activated {
opacity: 0.4; }
.md .toolbar[danger] .bar-button-outline-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.md .toolbar[danger] .bar-button-outline-secondary.activated {
color: white;
background-color: #2ec95c; }
.md .toolbar[danger] .bar-button-solid-secondary {
color: white;
background-color: #32db64; }
.md .toolbar[danger] .bar-button-solid-secondary.activated {
background-color: #2ec95c; }
.md .toolbar[danger] .bar-button-danger {
color: #e13838;
background-color: transparent; }
.md .toolbar[danger] .bar-button-danger:hover:not(.disable-hover) {
color: #cf3434; }
.md .toolbar[danger] .bar-button-danger.activated {
opacity: 0.4; }
.md .toolbar[danger] .bar-button-outline-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.md .toolbar[danger] .bar-button-outline-danger.activated {
color: white;
background-color: #e13838; }
.md .toolbar[danger] .bar-button-solid-danger {
color: white;
background-color: #f53d3d; }
.md .toolbar[danger] .bar-button-solid-danger.activated {
background-color: #e13838; }
.md .toolbar[danger] .bar-button-light {
color: #e0e0e0;
background-color: transparent; }
.md .toolbar[danger] .bar-button-light:hover:not(.disable-hover) {
color: #cecece; }
.md .toolbar[danger] .bar-button-light.activated {
opacity: 0.4; }
.md .toolbar[danger] .bar-button-outline-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.md .toolbar[danger] .bar-button-outline-light.activated {
color: black;
background-color: #e0e0e0; }
.md .toolbar[danger] .bar-button-solid-light {
color: black;
background-color: #f4f4f4; }
.md .toolbar[danger] .bar-button-solid-light.activated {
background-color: #e0e0e0; }
.md .toolbar[danger] .bar-button-dark {
color: #343434;
background-color: transparent; }
.md .toolbar[danger] .bar-button-dark:hover:not(.disable-hover) {
color: #444444; }
.md .toolbar[danger] .bar-button-dark.activated {
opacity: 0.4; }
.md .toolbar[danger] .bar-button-outline-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.md .toolbar[danger] .bar-button-outline-dark.activated {
color: white;
background-color: #343434; }
.md .toolbar[danger] .bar-button-solid-dark {
color: white;
background-color: #222; }
.md .toolbar[danger] .bar-button-solid-dark.activated {
background-color: #343434; }
.md .bar-button-danger {
color: #e13838;
background-color: transparent; }
.md .bar-button-danger:hover:not(.disable-hover) {
color: #cf3434; }
.md .bar-button-danger.activated {
opacity: 0.4; }
.md .bar-button-outline-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.md .bar-button-outline-danger.activated {
color: white;
background-color: #e13838; }
.md .bar-button-solid-danger {
color: white;
background-color: #f53d3d; }
.md .bar-button-solid-danger.activated {
background-color: #e13838; }
.md .toolbar[light] .toolbar-background {
background: #f4f4f4; }
.md .toolbar[light] .toolbar-title,
.md .toolbar[light] .bar-button-default,
.md .toolbar[light] .bar-button-outline {
color: #424242; }
.md .toolbar[light] .bar-button-outline {
border-color: #424242; }
.md .toolbar[light] .bar-button-primary {
color: #3474e1;
background-color: transparent; }
.md .toolbar[light] .bar-button-primary:hover:not(.disable-hover) {
color: #306bcf; }
.md .toolbar[light] .bar-button-primary.activated {
opacity: 0.4; }
.md .toolbar[light] .bar-button-outline-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent; }
.md .toolbar[light] .bar-button-outline-primary.activated {
color: white;
background-color: #3474e1; }
.md .toolbar[light] .bar-button-solid-primary {
color: white;
background-color: #387ef5; }
.md .toolbar[light] .bar-button-solid-primary.activated {
background-color: #3474e1; }
.md .toolbar[light] .bar-button-secondary {
color: #2ec95c;
background-color: transparent; }
.md .toolbar[light] .bar-button-secondary:hover:not(.disable-hover) {
color: #3fcd69; }
.md .toolbar[light] .bar-button-secondary.activated {
opacity: 0.4; }
.md .toolbar[light] .bar-button-outline-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.md .toolbar[light] .bar-button-outline-secondary.activated {
color: white;
background-color: #2ec95c; }
.md .toolbar[light] .bar-button-solid-secondary {
color: white;
background-color: #32db64; }
.md .toolbar[light] .bar-button-solid-secondary.activated {
background-color: #2ec95c; }
.md .toolbar[light] .bar-button-danger {
color: #e13838;
background-color: transparent; }
.md .toolbar[light] .bar-button-danger:hover:not(.disable-hover) {
color: #cf3434; }
.md .toolbar[light] .bar-button-danger.activated {
opacity: 0.4; }
.md .toolbar[light] .bar-button-outline-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.md .toolbar[light] .bar-button-outline-danger.activated {
color: white;
background-color: #e13838; }
.md .toolbar[light] .bar-button-solid-danger {
color: white;
background-color: #f53d3d; }
.md .toolbar[light] .bar-button-solid-danger.activated {
background-color: #e13838; }
.md .toolbar[light] .bar-button-light {
color: #e0e0e0;
background-color: transparent; }
.md .toolbar[light] .bar-button-light:hover:not(.disable-hover) {
color: #cecece; }
.md .toolbar[light] .bar-button-light.activated {
opacity: 0.4; }
.md .toolbar[light] .bar-button-outline-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.md .toolbar[light] .bar-button-outline-light.activated {
color: black;
background-color: #e0e0e0; }
.md .toolbar[light] .bar-button-solid-light {
color: black;
background-color: #f4f4f4; }
.md .toolbar[light] .bar-button-solid-light.activated {
background-color: #e0e0e0; }
.md .toolbar[light] .bar-button-dark {
color: #343434;
background-color: transparent; }
.md .toolbar[light] .bar-button-dark:hover:not(.disable-hover) {
color: #444444; }
.md .toolbar[light] .bar-button-dark.activated {
opacity: 0.4; }
.md .toolbar[light] .bar-button-outline-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.md .toolbar[light] .bar-button-outline-dark.activated {
color: white;
background-color: #343434; }
.md .toolbar[light] .bar-button-solid-dark {
color: white;
background-color: #222; }
.md .toolbar[light] .bar-button-solid-dark.activated {
background-color: #343434; }
.md .bar-button-light {
color: #e0e0e0;
background-color: transparent; }
.md .bar-button-light:hover:not(.disable-hover) {
color: #cecece; }
.md .bar-button-light.activated {
opacity: 0.4; }
.md .bar-button-outline-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.md .bar-button-outline-light.activated {
color: black;
background-color: #e0e0e0; }
.md .bar-button-solid-light {
color: black;
background-color: #f4f4f4; }
.md .bar-button-solid-light.activated {
background-color: #e0e0e0; }
.md .toolbar[dark] .toolbar-background {
background: #222; }
.md .toolbar[dark] .toolbar-title,
.md .toolbar[dark] .bar-button-default,
.md .toolbar[dark] .bar-button-outline {
color: white; }
.md .toolbar[dark] .bar-button-outline {
border-color: white; }
.md .toolbar[dark] .bar-button-primary {
color: #3474e1;
background-color: transparent; }
.md .toolbar[dark] .bar-button-primary:hover:not(.disable-hover) {
color: #306bcf; }
.md .toolbar[dark] .bar-button-primary.activated {
opacity: 0.4; }
.md .toolbar[dark] .bar-button-outline-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent; }
.md .toolbar[dark] .bar-button-outline-primary.activated {
color: white;
background-color: #3474e1; }
.md .toolbar[dark] .bar-button-solid-primary {
color: white;
background-color: #387ef5; }
.md .toolbar[dark] .bar-button-solid-primary.activated {
background-color: #3474e1; }
.md .toolbar[dark] .bar-button-secondary {
color: #2ec95c;
background-color: transparent; }
.md .toolbar[dark] .bar-button-secondary:hover:not(.disable-hover) {
color: #3fcd69; }
.md .toolbar[dark] .bar-button-secondary.activated {
opacity: 0.4; }
.md .toolbar[dark] .bar-button-outline-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.md .toolbar[dark] .bar-button-outline-secondary.activated {
color: white;
background-color: #2ec95c; }
.md .toolbar[dark] .bar-button-solid-secondary {
color: white;
background-color: #32db64; }
.md .toolbar[dark] .bar-button-solid-secondary.activated {
background-color: #2ec95c; }
.md .toolbar[dark] .bar-button-danger {
color: #e13838;
background-color: transparent; }
.md .toolbar[dark] .bar-button-danger:hover:not(.disable-hover) {
color: #cf3434; }
.md .toolbar[dark] .bar-button-danger.activated {
opacity: 0.4; }
.md .toolbar[dark] .bar-button-outline-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.md .toolbar[dark] .bar-button-outline-danger.activated {
color: white;
background-color: #e13838; }
.md .toolbar[dark] .bar-button-solid-danger {
color: white;
background-color: #f53d3d; }
.md .toolbar[dark] .bar-button-solid-danger.activated {
background-color: #e13838; }
.md .toolbar[dark] .bar-button-light {
color: #e0e0e0;
background-color: transparent; }
.md .toolbar[dark] .bar-button-light:hover:not(.disable-hover) {
color: #cecece; }
.md .toolbar[dark] .bar-button-light.activated {
opacity: 0.4; }
.md .toolbar[dark] .bar-button-outline-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.md .toolbar[dark] .bar-button-outline-light.activated {
color: black;
background-color: #e0e0e0; }
.md .toolbar[dark] .bar-button-solid-light {
color: black;
background-color: #f4f4f4; }
.md .toolbar[dark] .bar-button-solid-light.activated {
background-color: #e0e0e0; }
.md .toolbar[dark] .bar-button-dark {
color: #343434;
background-color: transparent; }
.md .toolbar[dark] .bar-button-dark:hover:not(.disable-hover) {
color: #444444; }
.md .toolbar[dark] .bar-button-dark.activated {
opacity: 0.4; }
.md .toolbar[dark] .bar-button-outline-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.md .toolbar[dark] .bar-button-outline-dark.activated {
color: white;
background-color: #343434; }
.md .toolbar[dark] .bar-button-solid-dark {
color: white;
background-color: #222; }
.md .toolbar[dark] .bar-button-solid-dark.activated {
background-color: #343434; }
.md .bar-button-dark {
color: #343434;
background-color: transparent; }
.md .bar-button-dark:hover:not(.disable-hover) {
color: #444444; }
.md .bar-button-dark.activated {
opacity: 0.4; }
.md .bar-button-outline-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.md .bar-button-outline-dark.activated {
color: white;
background-color: #343434; }
.md .bar-button-solid-dark {
color: white;
background-color: #222; }
.md .bar-button-solid-dark.activated {
background-color: #343434; }