/*!
* Ionic Framework
* A powerful framework for building mobile and progressive web apps.
* http://ionicframework.com/
*
* v3.9.1-201711081929, Default Theme
*
* Licensed under the MIT license. Please see LICENSE for more information.
*/
ion-action-sheet {
left: 0;
top: 0;
position: absolute;
z-index: 1000;
display: block;
width: 100%;
height: 100%; }
.action-sheet-wrapper {
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
position: absolute;
z-index: 10;
display: block;
width: 100%;
max-width: 500px;
pointer-events: none; }
.action-sheet-button {
width: 100%; }
.action-sheet-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%;
max-height: 100%; }
.action-sheet-group {
overflow: scroll;
-webkit-flex-shrink: 2;
-ms-flex-negative: 2;
flex-shrink: 2;
pointer-events: all; }
.action-sheet-group-cancel {
overflow: hidden;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0; }
.action-sheet-ios {
text-align: center; }
.action-sheet-ios .action-sheet-wrapper {
margin: constant(safe-area-inset-top) auto constant(safe-area-inset-bottom);
margin: env(safe-area-inset-top) auto env(safe-area-inset-bottom); }
.action-sheet-ios .action-sheet-container {
padding: 0 10px; }
.action-sheet-ios .action-sheet-group {
border-radius: 13px;
margin-bottom: 8px;
background: #f9f9f9; }
.action-sheet-ios .action-sheet-group:first-child {
margin-top: 10px; }
.action-sheet-ios .action-sheet-group:last-child {
margin-bottom: 10px; }
.action-sheet-ios .action-sheet-title {
padding: 1.5rem;
text-align: center;
border-radius: 0;
border-bottom: 0.55px solid #d6d6da;
font-size: 1.3rem;
font-weight: 400;
color: #8f8f8f; }
.action-sheet-ios .action-sheet-button {
margin: 0;
padding: 18px;
min-height: 5.6rem;
border-bottom: 0.55px solid #d6d6da;
font-size: 2rem;
color: #007aff;
background: transparent; }
.action-sheet-ios .action-sheet-button:last-child {
border-bottom-color: transparent; }
.action-sheet-ios .action-sheet-button.activated {
margin-top: -0.55px;
border-top: 0.55px solid #ebebeb;
border-bottom-color: #ebebeb;
background: #ebebeb; }
.action-sheet-ios .action-sheet-selected {
font-weight: bold;
background: #fff; }
.action-sheet-ios .action-sheet-destructive {
color: #f53d3d; }
.action-sheet-ios .action-sheet-cancel {
font-weight: 600;
background: #fff; }
.action-sheet-md .action-sheet-title {
text-align: left;
text-align: start;
font-size: 1.6rem;
color: #757575;
padding: 11px 16px 17px; }
.action-sheet-md .action-sheet-button {
text-align: left;
text-align: start;
position: relative;
overflow: hidden;
min-height: 4.8rem;
font-size: 1.6rem;
color: #222;
background: transparent;
padding: 0 16px; }
.action-sheet-md .action-sheet-button.activated {
background: #f1f1f1; }
.action-sheet-md .action-sheet-icon {
padding: 0;
text-align: center;
width: 2.3rem;
font-size: 2.4rem;
vertical-align: middle;
margin: 0 32px 0 0; }
.action-sheet-md .action-sheet-group {
background: #fafafa; }
.action-sheet-md .action-sheet-group:first-child {
padding-top: 0.8rem; }
.action-sheet-md .action-sheet-group:last-child {
padding-bottom: 0.8rem; }
.action-sheet-md .action-sheet-group .button-inner {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.action-sheet-md .action-sheet-selected {
font-weight: bold; }
.action-sheet-wp .action-sheet-title {
text-align: left;
text-align: start;
font-size: 2rem;
color: #4d4d4d;
padding: 11px 16px 17px; }
.action-sheet-wp .action-sheet-button {
text-align: left;
text-align: start;
min-height: 4.8rem;
font-size: 1.5rem;
color: #4d4d4d;
background: transparent;
padding: 0 16px; }
.action-sheet-wp .action-sheet-button.activated {
background: #aaa; }
.action-sheet-wp .action-sheet-icon {
padding: 0;
text-align: center;
width: 2.3rem;
font-size: 2.4rem;
vertical-align: middle;
margin: 0 20px 0 0; }
.action-sheet-wp .action-sheet-group {
background: #fff; }
.action-sheet-wp .action-sheet-group:first-child {
padding-top: 0.8rem;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); }
.action-sheet-wp .action-sheet-group:last-child {
padding-bottom: 0.8rem; }
.action-sheet-wp .action-sheet-group .button-inner {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.action-sheet-wp .action-sheet-selected {
font-weight: bold; }
.action-sheet-wp .action-sheet-cancel {
background: transparent; }
ion-alert {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
contain: strict; }
ion-alert.alert-top {
padding-top: 50px;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
ion-alert input {
width: 100%; }
.alert-wrapper {
z-index: 10;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-width: 250px;
max-height: 90%;
opacity: 0;
contain: content; }
.alert-title {
margin: 0;
padding: 0; }
.alert-sub-title {
margin: 5px 0 0;
padding: 0;
font-weight: normal; }
.alert-message {
overflow-y: scroll;
-webkit-overflow-scrolling: touch; }
.alert-input {
padding: 10px 0;
border: 0;
background: inherit; }
.alert-input::-moz-placeholder {
color: #999; }
.alert-input:-ms-input-placeholder {
color: #999; }
.alert-input::-webkit-input-placeholder {
text-indent: 0;
color: #999; }
.alert-button-group {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.alert-button-group-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.alert-button {
margin: 0;
z-index: 0;
display: block;
font-size: 14px;
line-height: 20px; }
.alert-tappable {
text-align: left;
text-align: start;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
margin: 0;
padding: 0;
width: 100%;
font-size: inherit;
line-height: initial;
background: transparent; }
.alert-ios .alert-wrapper {
border-radius: 13px;
overflow: hidden;
max-width: 270px;
background-color: #f8f8f8;
box-shadow: none; }
.alert-ios .alert-head {
text-align: center;
padding: 12px 16px 7px; }
.alert-ios .alert-title {
margin-top: 8px;
font-size: 17px;
font-weight: 600; }
.alert-ios .alert-sub-title {
font-size: 14px;
color: #666; }
.alert-ios .alert-message,
.alert-ios .alert-input-group {
text-align: center;
font-size: 13px;
color: inherit;
padding: 0 16px 21px; }
.alert-ios .alert-message {
max-height: 240px; }
.alert-ios .alert-message:empty {
padding: 0 0 12px; }
.alert-ios .alert-input {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
margin-top: 10px;
border-radius: 4px;
border: 0.55px solid #ccc;
background-color: #fff;
padding: 6px; }
.alert-ios .alert-radio-group,
.alert-ios .alert-checkbox-group {
overflow: scroll;
max-height: 240px;
border-top: 0.55px solid #dbdbdf;
-webkit-overflow-scrolling: touch; }
.alert-ios .alert-tappable {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 44px; }
.alert-ios .alert-radio-label {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
text-overflow: ellipsis;
white-space: nowrap;
color: initial;
padding: 13px; }
.alert-ios [aria-checked=true] .alert-radio-label {
color: #327eff; }
.alert-ios .alert-radio-icon {
position: relative;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
min-width: 30px; }
.alert-ios [aria-checked=true] .alert-radio-inner {
left: 7px;
top: -7px;
position: absolute;
width: 6px;
height: 12px;
border-width: 2px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #327eff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.alert-ios .alert-checkbox-label {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-overflow: ellipsis;
white-space: nowrap;
color: initial;
padding: 13px; }
.alert-ios [aria-checked=true] .alert-checkbox-label {
color: initial; }
.alert-ios .alert-checkbox-icon {
border-radius: 50%;
position: relative;
width: 21px;
height: 21px;
border-width: 0.55px;
border-style: solid;
border-color: #c8c7cc;
background-color: #fff;
margin: 10px 6px 10px 16px; }
.alert-ios [aria-checked=true] .alert-checkbox-icon {
border-color: #327eff;
background-color: #327eff; }
.alert-ios [aria-checked=true] .alert-checkbox-inner {
left: 7px;
top: 4px;
position: absolute;
width: 4px;
height: 9px;
border-width: 0.55px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.alert-ios .alert-button-group {
margin-right: -0.55px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.alert-ios .alert-button {
margin: 0;
border-radius: 0;
overflow: hidden;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 50%;
height: 44px;
border-top: 0.55px solid #dbdbdf;
border-right: 0.55px solid #dbdbdf;
font-size: 17px;
color: #327eff;
background-color: transparent; }
.alert-ios .alert-button:last-child {
border-right: 0;
font-weight: bold; }
.alert-ios .alert-button.activated {
background-color: #e9e9e9; }
.alert-md .alert-wrapper {
border-radius: 2px;
max-width: 280px;
background-color: #fafafa;
box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4); }
.alert-md .alert-head {
text-align: left;
text-align: start;
padding: 24px 24px 20px; }
.alert-md .alert-title {
font-size: 22px; }
.alert-md .alert-sub-title {
font-size: 16px; }
.alert-md .alert-message,
.alert-md .alert-input-group {
color: rgba(0, 0, 0, 0.5);
padding: 0 24px 24px; }
.alert-md .alert-message {
max-height: 240px;
font-size: 15px; }
.alert-md .alert-message:empty {
padding: 0; }
.alert-md .alert-input {
margin: 5px 0;
border-bottom: 1px solid #dedede;
color: #000; }
.alert-md .alert-input:focus {
margin-bottom: 4px;
border-bottom: 2px solid #327eff; }
.alert-md .alert-radio-group,
.alert-md .alert-checkbox-group {
position: relative;
overflow: auto;
max-height: 240px;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede; }
.alert-md .alert-tappable {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
min-height: 4.4rem; }
.alert-md .alert-radio-label {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-overflow: ellipsis;
white-space: nowrap;
color: initial;
padding: 13px 26px; }
.alert-md .alert-radio-icon {
left: 13px;
top: 0;
border-radius: 50%;
position: relative;
display: block;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-color: #787878; }
.alert-md .alert-radio-inner {
left: 2px;
top: 2px;
border-radius: 50%;
position: absolute;
width: 8px;
height: 8px;
background-color: #327eff;
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1); }
.alert-md [aria-checked=true] .alert-radio-label {
color: #327eff; }
.alert-md [aria-checked=true] .alert-radio-icon {
border-color: #327eff; }
.alert-md [aria-checked=true] .alert-radio-inner {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
.alert-md .alert-checkbox-label {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-overflow: ellipsis;
white-space: nowrap;
color: initial;
padding: 13px 26px; }
.alert-md [aria-checked=true] .alert-checkbox-label {
color: initial; }
.alert-md .alert-checkbox-icon {
left: 13px;
top: 0;
border-radius: 2px;
position: relative;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-color: #787878; }
.alert-md [aria-checked=true] .alert-checkbox-icon {
border-color: #327eff;
background-color: #327eff; }
.alert-md [aria-checked=true] .alert-checkbox-inner {
left: 3px;
top: 0;
position: absolute;
width: 6px;
height: 10px;
border-width: 2px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.alert-md .alert-button-group {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 8px 8px 8px 24px; }
.alert-md .alert-button {
text-align: right;
text-align: end;
border-radius: 2px;
position: relative;
overflow: hidden;
font-weight: 500;
text-transform: uppercase;
color: #327eff;
background-color: transparent;
margin: 0 8px 0 0;
padding: 10px; }
.alert-md .alert-button.activated {
background-color: rgba(158, 158, 158, 0.2); }
.alert-md .alert-button .button-inner {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.alert-wp ion-backdrop {
background: #fff; }
.alert-wp .alert-wrapper {
border-radius: 0;
width: 100%;
max-width: 520px;
border: 1px solid #327eff;
background: #e6e6e6; }
.alert-wp .alert-head {
text-align: left;
text-align: start;
padding: 20px 22px 5px; }
.alert-wp .alert-title {
font-size: 20px;
font-weight: 400; }
.alert-wp .alert-sub-title {
font-size: 16px; }
.alert-wp .alert-message,
.alert-wp .alert-input-group {
color: #000;
padding: 0 22px 8px; }
.alert-wp .alert-message {
max-height: 240px;
font-size: 13px; }
.alert-wp .alert-message:empty {
padding: 0; }
.alert-wp .alert-input {
border: 2px solid rgba(0, 0, 0, 0.5);
line-height: 3rem;
color: #000;
margin: 5px 0;
padding: 0 8px; }
.alert-wp .alert-input:focus {
border-color: #327eff; }
.alert-wp .alert-radio-group,
.alert-wp .alert-checkbox-group {
position: relative;
overflow: auto;
max-height: 240px; }
.alert-wp .alert-tappable {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
min-height: 4.4rem; }
.alert-wp .alert-radio-label {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-overflow: ellipsis;
white-space: nowrap;
color: initial;
padding: 13px 26px; }
.alert-wp .alert-radio-icon {
left: 13px;
top: 0;
margin: 0;
border-radius: 50%;
position: relative;
display: block;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.5); }
.alert-wp .alert-radio-inner {
left: 2px;
top: 2px;
border-radius: 50%;
position: absolute;
display: none;
width: 8px;
height: 8px;
background: #327eff; }
.alert-wp [aria-checked=true] .alert-radio-label {
color: #000; }
.alert-wp [aria-checked=true] .alert-radio-icon {
border-color: rgba(0, 0, 0, 0.5); }
.alert-wp [aria-checked=true] .alert-radio-inner {
display: block; }
.alert-wp .alert-checkbox-label {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-overflow: ellipsis;
white-space: nowrap;
color: initial;
padding: 13px 26px; }
.alert-wp [aria-checked=true] .alert-checkbox-label {
color: initial; }
.alert-wp .alert-checkbox-icon {
left: 13px;
top: 0;
border-radius: 0;
position: relative;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.5);
background: transparent; }
.alert-wp [aria-checked=true] .alert-checkbox-icon {
border-color: #327eff;
background: #327eff; }
.alert-wp [aria-checked=true] .alert-checkbox-inner {
left: 3px;
top: -2px;
position: absolute;
width: 6px;
height: 12px;
border-width: 1px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.alert-wp .alert-button-group {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 20px 22px; }
.alert-wp .alert-button-group-vertical .alert-button {
margin-top: 5px;
width: 100%; }
.alert-wp .alert-button-group-vertical .alert-button:first-child:not(:only-child) {
margin-right: 0;
margin-top: 0; }
.alert-wp .alert-button {
border-radius: 0;
width: 49.5%;
font-weight: 400;
color: #000;
background: #b8b8b8;
padding: 5px; }
.alert-wp .alert-button:first-child:not(:only-child) {
margin-right: 1%; }
.alert-wp .alert-button.activated {
background: darkgray; }
audio,
canvas,
progress,
video {
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
b,
strong {
font-weight: bold; }
img {
max-width: 100%;
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
height: 1px;
border-width: 0;
box-sizing: content-box; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
label,
input,
select,
textarea {
font-family: inherit;
line-height: normal; }
textarea {
overflow: auto;
height: auto;
font: inherit;
color: inherit; }
textarea::-webkit-input-placeholder {
padding-left: 2px; }
textarea:-ms-input-placeholder {
padding-left: 2px; }
textarea::placeholder {
padding-left: 2px; }
form,
input,
optgroup,
select {
margin: 0;
font: inherit;
color: inherit; }
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button; }
a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation; }
a ion-label,
button ion-label {
pointer-events: none; }
button {
border: 0;
font-family: inherit;
font-style: inherit;
font-variant: inherit;
line-height: 1;
text-transform: none;
cursor: pointer;
-webkit-appearance: button; }
[tappable] {
cursor: pointer; }
a[disabled],
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0; }
input[type="checkbox"],
input[type="radio"] {
padding: 0;
box-sizing: border-box; }
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; }
.hide,
[hidden],
template {
display: none !important; }
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0; }
:focus,
:active {
outline: none; }
.focus-outline :focus {
outline: thin dotted;
outline-offset: -1px; }
.focus-outline button:focus,
.focus-outline [ion-button]:focus {
border-color: #51a7e8;
outline: 2px solid #51a7e8;
box-shadow: 0 0 8px 1px #51a7e8; }
ion-input :focus {
outline: none; }
.click-block {
display: none; }
.click-block-enabled {
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-transform: translate3d(0, -100%, 0) translateY(1px);
transform: translate3d(0, -100%, 0) translateY(1px);
position: absolute;
z-index: 99999;
display: block;
opacity: 0;
contain: strict; }
.click-block-active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
html {
width: 100%;
height: 100%;
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%; }
body {
margin: 0;
padding: 0;
position: fixed;
overflow: hidden;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-user-drag: none;
-ms-content-zooming: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
word-wrap: break-word;
-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; }
a {
background-color: transparent; }
.enable-hover a:hover {
opacity: .7; }
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 1.6rem;
margin-bottom: 1rem;
font-weight: 500;
line-height: 1.2; }
[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 {
margin-top: 2rem;
font-size: 2.6rem; }
h2 {
margin-top: 1.8rem;
font-size: 2.4rem; }
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 {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; }
sup {
top: -.5em; }
sub {
bottom: -.25em; }
ion-app,
ion-nav,
ion-tab,
ion-tabs,
.app-root {
left: 0;
top: 0;
position: absolute;
z-index: 0;
display: block;
width: 100%;
height: 100%; }
ion-nav,
ion-tab,
ion-tabs {
overflow: hidden; }
ion-tab {
display: none; }
ion-tab.show-tab {
display: block; }
ion-app,
ion-nav,
ion-tab,
ion-tabs,
.app-root,
.ion-page {
contain: strict; }
.ion-page {
left: 0;
top: 0;
position: absolute;
display: block;
width: 100%;
height: 100%;
opacity: 0; }
.ion-page.show-page {
opacity: 1; }
ion-header {
left: 0;
top: 0;
position: absolute;
z-index: 10;
display: block;
width: 100%; }
ion-footer {
left: 0;
bottom: 0;
position: absolute;
z-index: 10;
display: block;
width: 100%; }
[app-viewport],
[overlay-portal],
[nav-viewport],
[tab-portal],
.nav-decor {
display: none; }
[text-center] {
text-align: center !important; }
[text-justify] {
text-align: justify !important; }
[text-start] {
text-align: left;
text-align: start !important; }
[text-end] {
text-align: right;
text-align: end !important; }
[text-left] {
text-align: left !important; }
[text-right] {
text-align: right !important; }
[text-nowrap] {
white-space: nowrap !important; }
[text-wrap] {
white-space: normal !important; }
@media (min-width: 576px) {
[text-sm-center] {
text-align: center !important; }
[text-sm-justify] {
text-align: justify !important; }
[text-sm-start] {
text-align: left;
text-align: start !important; }
[text-sm-end] {
text-align: right;
text-align: end !important; }
[text-sm-left] {
text-align: left !important; }
[text-sm-right] {
text-align: right !important; }
[text-sm-nowrap] {
white-space: nowrap !important; }
[text-sm-wrap] {
white-space: normal !important; } }
@media (min-width: 768px) {
[text-md-center] {
text-align: center !important; }
[text-md-justify] {
text-align: justify !important; }
[text-md-start] {
text-align: left;
text-align: start !important; }
[text-md-end] {
text-align: right;
text-align: end !important; }
[text-md-left] {
text-align: left !important; }
[text-md-right] {
text-align: right !important; }
[text-md-nowrap] {
white-space: nowrap !important; }
[text-md-wrap] {
white-space: normal !important; } }
@media (min-width: 992px) {
[text-lg-center] {
text-align: center !important; }
[text-lg-justify] {
text-align: justify !important; }
[text-lg-start] {
text-align: left;
text-align: start !important; }
[text-lg-end] {
text-align: right;
text-align: end !important; }
[text-lg-left] {
text-align: left !important; }
[text-lg-right] {
text-align: right !important; }
[text-lg-nowrap] {
white-space: nowrap !important; }
[text-lg-wrap] {
white-space: normal !important; } }
@media (min-width: 1200px) {
[text-xl-center] {
text-align: center !important; }
[text-xl-justify] {
text-align: justify !important; }
[text-xl-start] {
text-align: left;
text-align: start !important; }
[text-xl-end] {
text-align: right;
text-align: end !important; }
[text-xl-left] {
text-align: left !important; }
[text-xl-right] {
text-align: right !important; }
[text-xl-nowrap] {
white-space: nowrap !important; }
[text-xl-wrap] {
white-space: normal !important; } }
[text-uppercase] {
text-transform: uppercase !important; }
[text-lowercase] {
text-transform: lowercase !important; }
[text-capitalize] {
text-transform: capitalize !important; }
@media (min-width: 576px) {
[text-sm-uppercase] {
text-transform: uppercase !important; }
[text-sm-lowercase] {
text-transform: lowercase !important; }
[text-sm-capitalize] {
text-transform: capitalize !important; } }
@media (min-width: 768px) {
[text-md-uppercase] {
text-transform: uppercase !important; }
[text-md-lowercase] {
text-transform: lowercase !important; }
[text-md-capitalize] {
text-transform: capitalize !important; } }
@media (min-width: 992px) {
[text-lg-uppercase] {
text-transform: uppercase !important; }
[text-lg-lowercase] {
text-transform: lowercase !important; }
[text-lg-capitalize] {
text-transform: capitalize !important; } }
@media (min-width: 1200px) {
[text-xl-uppercase] {
text-transform: uppercase !important; }
[text-xl-lowercase] {
text-transform: lowercase !important; }
[text-xl-capitalize] {
text-transform: capitalize !important; } }
[float-left] {
float: left !important; }
[float-right] {
float: right !important; }
[float-start] {
float: left !important; }
[float-end] {
float: right !important; }
@media (min-width: 576px) {
[float-sm-left] {
float: left !important; }
[float-sm-right] {
float: right !important; }
[float-sm-start] {
float: left !important; }
[float-sm-end] {
float: right !important; } }
@media (min-width: 768px) {
[float-md-left] {
float: left !important; }
[float-md-right] {
float: right !important; }
[float-md-start] {
float: left !important; }
[float-md-end] {
float: right !important; } }
@media (min-width: 992px) {
[float-lg-left] {
float: left !important; }
[float-lg-right] {
float: right !important; }
[float-lg-start] {
float: left !important; }
[float-lg-end] {
float: right !important; } }
@media (min-width: 1200px) {
[float-xl-left] {
float: left !important; }
[float-xl-right] {
float: right !important; }
[float-xl-start] {
float: left !important; }
[float-xl-end] {
float: right !important; } }
ion-app.ios {
font-family: -apple-system, "Helvetica Neue", "Roboto", sans-serif;
font-size: 1.4rem;
background-color: #fff; }
ion-app.md {
font-family: "Roboto", "Helvetica Neue", sans-serif;
font-size: 1.4rem;
background-color: #fff; }
ion-app.wp {
font-family: "Segoe UI", "Noto Sans", sans-serif;
font-size: 1.4rem;
background-color: #fff; }
ion-backdrop {
left: 0;
top: 0;
position: absolute;
z-index: 2;
display: block;
width: 100%;
height: 100%;
background-color: #000;
opacity: .01;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
ion-backdrop.backdrop-no-tappable {
cursor: auto; }
ion-badge {
padding: 3px 8px;
text-align: center;
display: inline-block;
min-width: 10px;
font-size: 1.3rem;
font-weight: bold;
line-height: 1;
white-space: nowrap;
vertical-align: baseline; }
ion-badge:empty {
display: none; }
.badge-ios {
border-radius: 10px;
color: #fff;
background-color: #327eff; }
.badge-ios-primary {
color: #fff;
background-color: #327eff; }
.badge-ios-secondary {
color: #fff;
background-color: #32db64; }
.badge-ios-danger {
color: #fff;
background-color: #f53d3d; }
.badge-ios-light {
color: #000;
background-color: #f4f4f4; }
.badge-ios-dark {
color: #fff;
background-color: #222; }
.badge-md {
border-radius: 4px;
color: #fff;
background-color: #327eff; }
.badge-md-primary {
color: #fff;
background-color: #327eff; }
.badge-md-secondary {
color: #fff;
background-color: #32db64; }
.badge-md-danger {
color: #fff;
background-color: #f53d3d; }
.badge-md-light {
color: #000;
background-color: #f4f4f4; }
.badge-md-dark {
color: #fff;
background-color: #222; }
.badge-wp {
border-radius: 0;
color: #fff;
background-color: #327eff; }
.badge-wp-primary {
color: #fff;
background-color: #327eff; }
.badge-wp-secondary {
color: #fff;
background-color: #32db64; }
.badge-wp-danger {
color: #fff;
background-color: #f53d3d; }
.badge-wp-light {
color: #000;
background-color: #f4f4f4; }
.badge-wp-dark {
color: #fff;
background-color: #222; }
.button {
text-align: center;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
position: relative;
z-index: 0;
display: inline-block;
text-overflow: ellipsis;
text-transform: none;
white-space: nowrap;
cursor: pointer;
vertical-align: top;
vertical-align: -webkit-baseline-middle;
transition: background-color, opacity 100ms linear;
-webkit-font-kerning: none;
font-kerning: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
contain: content; }
.button-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%; }
[ion-button] {
text-decoration: none; }
a[disabled],
button[disabled],
[ion-button][disabled] {
cursor: default;
opacity: .4;
pointer-events: none; }
.button-block {
display: block;
clear: both;
width: 100%;
contain: strict; }
.button-block::after {
clear: both; }
.button-full {
display: block;
width: 100%;
contain: strict; }
.button-full.button-outline {
border-radius: 0;
border-right-width: 0;
border-left-width: 0; }
[icon-left] ion-icon,
[icon-start] ion-icon {
font-size: 1.4em;
line-height: .67;
pointer-events: none;
padding-right: 0.3em; }
[icon-right] ion-icon,
[icon-end] ion-icon {
font-size: 1.4em;
line-height: .67;
pointer-events: none;
padding-left: 0.4em; }
.button[icon-only] {
padding: 0;
min-width: .9em; }
[icon-only] ion-icon {
padding: 0 0.5em;
font-size: 1.8em;
line-height: .67;
pointer-events: none; }
.button-ios {
border-radius: 4px;
height: 2.8em;
font-size: 1.6rem;
color: #fff;
background-color: #327eff;
margin: 0.4rem 0.2rem;
padding: 0 1em; }
.button-ios.activated {
background-color: #2e74eb;
opacity: 1; }
.button-ios:hover:not(.disable-hover) {
opacity: 0.8; }
.button-large-ios {
height: 2.8em;
font-size: 2rem;
padding: 0 1em; }
.button-small-ios {
height: 2.1em;
font-size: 1.3rem;
padding: 0 0.9em; }
.button-small-ios[icon-only] ion-icon {
font-size: 1.3em; }
.button-block-ios {
margin-left: 0;
margin-right: 0; }
.button-full-ios {
margin-left: 0;
margin-right: 0;
border-radius: 0;
border-right-width: 0;
border-left-width: 0; }
.button-outline-ios {
border-radius: 4px;
border-width: 1px;
border-style: solid;
border-color: #327eff;
color: #327eff;
background-color: transparent; }
.button-outline-ios.activated {
color: #fff;
background-color: #327eff;
opacity: 1; }
.button-clear-ios {
border-color: transparent;
color: #327eff;
background-color: transparent; }
.button-clear-ios.activated {
background-color: transparent;
opacity: 0.4; }
.button-clear-ios:hover:not(.disable-hover) {
color: #327eff;
opacity: 0.6; }
.button-round-ios {
border-radius: 64px;
padding: 0 2.6rem; }
.button-ios-primary {
color: #fff;
background-color: #327eff; }
.button-ios-primary.activated {
background-color: #2e74eb; }
.button-outline-ios-primary {
border-color: #327eff;
color: #327eff;
background-color: transparent; }
.button-outline-ios-primary.activated {
color: #fff;
background-color: #327eff; }
.button-clear-ios-primary {
border-color: transparent;
color: #327eff;
background-color: transparent; }
.button-clear-ios-primary.activated {
opacity: 0.4; }
.button-clear-ios-primary:hover:not(.disable-hover) {
color: #327eff; }
.button-ios-secondary {
color: #fff;
background-color: #32db64; }
.button-ios-secondary.activated {
background-color: #2ec95c; }
.button-outline-ios-secondary {
border-color: #32db64;
color: #32db64;
background-color: transparent; }
.button-outline-ios-secondary.activated {
color: #fff;
background-color: #32db64; }
.button-clear-ios-secondary {
border-color: transparent;
color: #32db64;
background-color: transparent; }
.button-clear-ios-secondary.activated {
opacity: 0.4; }
.button-clear-ios-secondary:hover:not(.disable-hover) {
color: #32db64; }
.button-ios-danger {
color: #fff;
background-color: #f53d3d; }
.button-ios-danger.activated {
background-color: #e13838; }
.button-outline-ios-danger {
border-color: #f53d3d;
color: #f53d3d;
background-color: transparent; }
.button-outline-ios-danger.activated {
color: #fff;
background-color: #f53d3d; }
.button-clear-ios-danger {
border-color: transparent;
color: #f53d3d;
background-color: transparent; }
.button-clear-ios-danger.activated {
opacity: 0.4; }
.button-clear-ios-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.button-ios-light {
color: #000;
background-color: #f4f4f4; }
.button-ios-light.activated {
background-color: #e0e0e0; }
.button-outline-ios-light {
border-color: #f4f4f4;
color: #f4f4f4;
background-color: transparent; }
.button-outline-ios-light.activated {
color: #000;
background-color: #f4f4f4; }
.button-clear-ios-light {
border-color: transparent;
color: #f4f4f4;
background-color: transparent; }
.button-clear-ios-light.activated {
opacity: 0.4; }
.button-clear-ios-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.button-ios-dark {
color: #fff;
background-color: #222; }
.button-ios-dark.activated {
background-color: #343434; }
.button-outline-ios-dark {
border-color: #222;
color: #222;
background-color: transparent; }
.button-outline-ios-dark.activated {
color: #fff;
background-color: #222; }
.button-clear-ios-dark {
border-color: transparent;
color: #222;
background-color: transparent; }
.button-clear-ios-dark.activated {
opacity: 0.4; }
.button-clear-ios-dark:hover:not(.disable-hover) {
color: #222; }
.button-strong-ios {
font-weight: 600; }
.button-md {
border-radius: 2px;
overflow: hidden;
height: 3.6rem;
font-size: 1.4rem;
font-weight: 500;
text-transform: uppercase;
color: #fff;
background-color: #327eff;
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);
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);
margin: 0.4rem 0.2rem;
padding: 0 1.1em; }
.button-md:hover:not(.disable-hover) {
background-color: #327eff; }
.button-md.activated {
background-color: #2e74eb;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14), 0 3px 5px rgba(0, 0, 0, 0.21), 0 0 0 0 transparent; }
.button-md .button-effect {
background-color: #fff; }
.button-large-md {
height: 2.8em;
font-size: 2rem;
padding: 0 1em; }
.button-small-md {
height: 2.1em;
font-size: 1.3rem;
padding: 0 0.9em; }
.button-small-md[icon-only] ion-icon {
font-size: 1.4em; }
.button-block-md {
margin-left: 0;
margin-right: 0; }
.button-full-md {
margin-left: 0;
margin-right: 0;
border-radius: 0;
border-right-width: 0;
border-left-width: 0; }
.button-outline-md {
border-width: 1px;
border-style: solid;
border-color: #327eff;
color: #327eff;
background-color: transparent;
box-shadow: none; }
.button-outline-md:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1); }
.button-outline-md.activated {
background-color: transparent;
box-shadow: none;
opacity: 1; }
.button-outline-md .button-effect {
background-color: #327eff; }
.button-clear-md {
border-color: transparent;
color: #327eff;
background-color: transparent;
box-shadow: none;
opacity: 1; }
.button-clear-md.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none; }
.button-clear-md:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1); }
.button-clear-md .button-effect {
background-color: #999; }
.button-round-md {
border-radius: 64px;
padding: 0 2.6rem; }
.button-md [icon-only] {
padding: 0; }
.button-effect {
border-radius: 50%;
-webkit-transform-origin: center center;
transform-origin: center center;
position: absolute;
z-index: 0;
display: none;
background-color: #555;
opacity: .2;
transition-timing-function: ease-in-out;
pointer-events: none;
top: 0;
left: 0; }
.md button .button-effect {
display: block; }
.button-md-primary {
color: #fff;
background-color: #327eff; }
.button-md-primary:hover:not(.disable-hover) {
background-color: #327eff; }
.button-md-primary.activated {
background-color: #2e74eb;
opacity: 1; }
.button-md-primary .button-effect {
background-color: #fff; }
.button-outline-md-primary {
border-color: #3078f2;
color: #3078f2;
background-color: transparent; }
.button-outline-md-primary:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1); }
.button-outline-md-primary.activated {
background-color: transparent; }
.button-outline-md-primary .button-effect {
background-color: #3078f2; }
.button-clear-md-primary {
border-color: transparent;
color: #327eff;
background-color: transparent; }
.button-clear-md-primary.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none; }
.button-clear-md-primary:hover:not(.disable-hover) {
color: #327eff; }
.button-md-secondary {
color: #fff;
background-color: #32db64; }
.button-md-secondary:hover:not(.disable-hover) {
background-color: #32db64; }
.button-md-secondary.activated {
background-color: #2ec95c;
opacity: 1; }
.button-md-secondary .button-effect {
background-color: #fff; }
.button-outline-md-secondary {
border-color: #30d05f;
color: #30d05f;
background-color: transparent; }
.button-outline-md-secondary:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1); }
.button-outline-md-secondary.activated {
background-color: transparent; }
.button-outline-md-secondary .button-effect {
background-color: #30d05f; }
.button-clear-md-secondary {
border-color: transparent;
color: #32db64;
background-color: transparent; }
.button-clear-md-secondary.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none; }
.button-clear-md-secondary:hover:not(.disable-hover) {
color: #32db64; }
.button-md-danger {
color: #fff;
background-color: #f53d3d; }
.button-md-danger:hover:not(.disable-hover) {
background-color: #f53d3d; }
.button-md-danger.activated {
background-color: #e13838;
opacity: 1; }
.button-md-danger .button-effect {
background-color: #fff; }
.button-outline-md-danger {
border-color: #e93a3a;
color: #e93a3a;
background-color: transparent; }
.button-outline-md-danger:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1); }
.button-outline-md-danger.activated {
background-color: transparent; }
.button-outline-md-danger .button-effect {
background-color: #e93a3a; }
.button-clear-md-danger {
border-color: transparent;
color: #f53d3d;
background-color: transparent; }
.button-clear-md-danger.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none; }
.button-clear-md-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.button-md-light {
color: #000;
background-color: #f4f4f4; }
.button-md-light:hover:not(.disable-hover) {
background-color: #f4f4f4; }
.button-md-light.activated {
background-color: #e0e0e0;
opacity: 1; }
.button-md-light .button-effect {
background-color: #000; }
.button-outline-md-light {
border-color: #e8e8e8;
color: #e8e8e8;
background-color: transparent; }
.button-outline-md-light:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1); }
.button-outline-md-light.activated {
background-color: transparent; }
.button-outline-md-light .button-effect {
background-color: #e8e8e8; }
.button-clear-md-light {
border-color: transparent;
color: #f4f4f4;
background-color: transparent; }
.button-clear-md-light.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none; }
.button-clear-md-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.button-md-dark {
color: #fff;
background-color: #222; }
.button-md-dark:hover:not(.disable-hover) {
background-color: #222; }
.button-md-dark.activated {
background-color: #343434;
opacity: 1; }
.button-md-dark .button-effect {
background-color: #fff; }
.button-outline-md-dark {
border-color: #2d2d2d;
color: #2d2d2d;
background-color: transparent; }
.button-outline-md-dark:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1); }
.button-outline-md-dark.activated {
background-color: transparent; }
.button-outline-md-dark .button-effect {
background-color: #2d2d2d; }
.button-clear-md-dark {
border-color: transparent;
color: #222;
background-color: transparent; }
.button-clear-md-dark.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none; }
.button-clear-md-dark:hover:not(.disable-hover) {
color: #222; }
.button-strong-md {
font-weight: bold; }
.button-wp {
border-radius: 0;
height: 3.6rem;
border: 3px solid transparent;
font-size: 1.4rem;
color: #fff;
background-color: #327eff;
margin: 0.4rem 0.2rem;
padding: 0 1.1em; }
.button-wp:hover:not(.disable-hover) {
border-color: #2e74eb;
background-color: #327eff; }
.button-wp.activated {
background-color: #2e74eb; }
.button-large-wp {
height: 2.8em;
font-size: 2rem;
padding: 0 1em; }
.button-small-wp {
height: 2.1em;
font-size: 1.3rem;
padding: 0 0.9em; }
.button-small-wp[icon-only] ion-icon {
font-size: 1.4em; }
.button-block-wp {
margin-left: 0;
margin-right: 0; }
.button-full-wp {
margin-left: 0;
margin-right: 0;
border-radius: 0;
border-right-width: 0;
border-left-width: 0; }
.button-outline-wp {
border-width: 1px;
border-style: solid;
border-color: #327eff;
color: #327eff;
background-color: transparent; }
.button-outline-wp:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1); }
.button-outline-wp.activated {
background-color: rgba(50, 126, 255, 0.16); }
.button-clear-wp {
color: #327eff;
background-color: transparent; }
.button-clear-wp.activated {
background-color: rgba(158, 158, 158, 0.2); }
.button-clear-wp:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1); }
.button-round-wp {
border-radius: 64px;
padding: 0 2.6rem; }
.button-wp [icon-only] {
padding: 0; }
.button-wp-primary {
color: #fff;
background-color: #327eff; }
.button-wp-primary:hover:not(.disable-hover) {
border-color: #2e74eb;
background-color: #327eff; }
.button-wp-primary.activated {
background-color: #2e74eb; }
.button-outline-wp-primary {
border-color: #3078f2;
color: #3078f2;
background-color: transparent; }
.button-outline-wp-primary:hover:not(.disable-hover) {
border-color: #3078f2;
background-color: rgba(158, 158, 158, 0.1); }
.button-outline-wp-primary.activated {
background-color: rgba(48, 120, 242, 0.16); }
.button-clear-wp-primary {
color: #327eff;
background-color: transparent; }
.button-clear-wp-primary.activated {
background-color: rgba(158, 158, 158, 0.2); }
.button-clear-wp-primary:hover:not(.disable-hover) {
color: #327eff; }
.button-wp-secondary {
color: #fff;
background-color: #32db64; }
.button-wp-secondary:hover:not(.disable-hover) {
border-color: #2ec95c;
background-color: #32db64; }
.button-wp-secondary.activated {
background-color: #2ec95c; }
.button-outline-wp-secondary {
border-color: #30d05f;
color: #30d05f;
background-color: transparent; }
.button-outline-wp-secondary:hover:not(.disable-hover) {
border-color: #30d05f;
background-color: rgba(158, 158, 158, 0.1); }
.button-outline-wp-secondary.activated {
background-color: rgba(48, 208, 95, 0.16); }
.button-clear-wp-secondary {
color: #32db64;
background-color: transparent; }
.button-clear-wp-secondary.activated {
background-color: rgba(158, 158, 158, 0.2); }
.button-clear-wp-secondary:hover:not(.disable-hover) {
color: #32db64; }
.button-wp-danger {
color: #fff;
background-color: #f53d3d; }
.button-wp-danger:hover:not(.disable-hover) {
border-color: #e13838;
background-color: #f53d3d; }
.button-wp-danger.activated {
background-color: #e13838; }
.button-outline-wp-danger {
border-color: #e93a3a;
color: #e93a3a;
background-color: transparent; }
.button-outline-wp-danger:hover:not(.disable-hover) {
border-color: #e93a3a;
background-color: rgba(158, 158, 158, 0.1); }
.button-outline-wp-danger.activated {
background-color: rgba(233, 58, 58, 0.16); }
.button-clear-wp-danger {
color: #f53d3d;
background-color: transparent; }
.button-clear-wp-danger.activated {
background-color: rgba(158, 158, 158, 0.2); }
.button-clear-wp-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.button-wp-light {
color: #000;
background-color: #f4f4f4; }
.button-wp-light:hover:not(.disable-hover) {
border-color: #e0e0e0;
background-color: #f4f4f4; }
.button-wp-light.activated {
background-color: #e0e0e0; }
.button-outline-wp-light {
border-color: #e8e8e8;
color: #e8e8e8;
background-color: transparent; }
.button-outline-wp-light:hover:not(.disable-hover) {
border-color: #e8e8e8;
background-color: rgba(158, 158, 158, 0.1); }
.button-outline-wp-light.activated {
background-color: rgba(232, 232, 232, 0.16); }
.button-clear-wp-light {
color: #f4f4f4;
background-color: transparent; }
.button-clear-wp-light.activated {
background-color: rgba(158, 158, 158, 0.2); }
.button-clear-wp-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.button-wp-dark {
color: #fff;
background-color: #222; }
.button-wp-dark:hover:not(.disable-hover) {
border-color: #343434;
background-color: #222; }
.button-wp-dark.activated {
background-color: #343434; }
.button-outline-wp-dark {
border-color: #2d2d2d;
color: #2d2d2d;
background-color: transparent; }
.button-outline-wp-dark:hover:not(.disable-hover) {
border-color: #2d2d2d;
background-color: rgba(158, 158, 158, 0.1); }
.button-outline-wp-dark.activated {
background-color: rgba(45, 45, 45, 0.16); }
.button-clear-wp-dark {
color: #222;
background-color: transparent; }
.button-clear-wp-dark.activated {
background-color: rgba(158, 158, 158, 0.2); }
.button-clear-wp-dark:hover:not(.disable-hover) {
color: #222; }
.button-strong-wp {
font-weight: bold; }
ion-card {
display: block;
overflow: hidden; }
ion-card img {
display: block;
width: 100%; }
ion-card-header {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
ion-card-content {
display: block; }
.card-ios {
margin: 12px;
border-radius: 2px;
width: calc(100% - 24px);
font-size: 1.4rem;
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.card-ios ion-list {
margin-bottom: 0; }
.card-ios > .item:last-child,
.card-ios > .item:last-child .item-inner,
.card-ios > .item-wrapper:last-child .item {
border-bottom: 0; }
.card-ios .item-ios.item-block .item-inner {
border: 0; }
.card-content-ios {
padding: 13px 16px 14px;
font-size: 1.4rem;
line-height: 1.4; }
.card-header-ios {
font-size: 1.6rem;
font-weight: 500;
color: #333;
padding: 16px; }
.card-header-ios + .card-content-ios,
.card-ios .item + .card-content-ios {
padding-top: 0; }
.card .note-ios {
font-size: 1.3rem; }
.card-title-ios {
display: block;
font-size: 1.8rem;
line-height: 1.2;
color: #222;
margin: 2px 0;
padding: 8px 0; }
.card-ios h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal; }
.card-ios h2 {
margin: 2px 0;
font-size: 1.6rem;
font-weight: normal; }
.card-ios h3,
.card-ios h4,
.card-ios h5,
.card-ios h6 {
margin: 2px 0;
font-size: 1.4rem;
font-weight: normal; }
.card-ios p {
margin: 0 0 2px;
font-size: 1.4rem;
color: #666; }
.card-ios + ion-card {
margin-top: 0; }
.card-ios .text-ios-primary {
color: #327eff; }
.card-ios-primary {
color: #fff;
background-color: #327eff; }
.card-ios-primary .card-header-ios,
.card-ios-primary .card-title-ios,
.card-ios-primary .card-content-ios,
.card-ios-primary p {
color: #fff; }
.card-ios-primary .text-ios-primary,
.card-ios-primary .card-header-ios-primary,
.card-ios-primary .card-title-ios-primary,
.card-ios-primary .card-content-ios-primary {
color: #327eff; }
.card-ios-primary .text-ios-secondary,
.card-ios-primary .card-header-ios-secondary,
.card-ios-primary .card-title-ios-secondary,
.card-ios-primary .card-content-ios-secondary {
color: #32db64; }
.card-ios-primary .text-ios-danger,
.card-ios-primary .card-header-ios-danger,
.card-ios-primary .card-title-ios-danger,
.card-ios-primary .card-content-ios-danger {
color: #f53d3d; }
.card-ios-primary .text-ios-light,
.card-ios-primary .card-header-ios-light,
.card-ios-primary .card-title-ios-light,
.card-ios-primary .card-content-ios-light {
color: #f4f4f4; }
.card-ios-primary .text-ios-dark,
.card-ios-primary .card-header-ios-dark,
.card-ios-primary .card-title-ios-dark,
.card-ios-primary .card-content-ios-dark {
color: #222; }
.card-header-ios-primary,
.card-title-ios-primary,
.card-content-ios-primary {
color: #327eff; }
.card-ios .text-ios-secondary {
color: #32db64; }
.card-ios-secondary {
color: #fff;
background-color: #32db64; }
.card-ios-secondary .card-header-ios,
.card-ios-secondary .card-title-ios,
.card-ios-secondary .card-content-ios,
.card-ios-secondary p {
color: #fff; }
.card-ios-secondary .text-ios-primary,
.card-ios-secondary .card-header-ios-primary,
.card-ios-secondary .card-title-ios-primary,
.card-ios-secondary .card-content-ios-primary {
color: #327eff; }
.card-ios-secondary .text-ios-secondary,
.card-ios-secondary .card-header-ios-secondary,
.card-ios-secondary .card-title-ios-secondary,
.card-ios-secondary .card-content-ios-secondary {
color: #32db64; }
.card-ios-secondary .text-ios-danger,
.card-ios-secondary .card-header-ios-danger,
.card-ios-secondary .card-title-ios-danger,
.card-ios-secondary .card-content-ios-danger {
color: #f53d3d; }
.card-ios-secondary .text-ios-light,
.card-ios-secondary .card-header-ios-light,
.card-ios-secondary .card-title-ios-light,
.card-ios-secondary .card-content-ios-light {
color: #f4f4f4; }
.card-ios-secondary .text-ios-dark,
.card-ios-secondary .card-header-ios-dark,
.card-ios-secondary .card-title-ios-dark,
.card-ios-secondary .card-content-ios-dark {
color: #222; }
.card-header-ios-secondary,
.card-title-ios-secondary,
.card-content-ios-secondary {
color: #32db64; }
.card-ios .text-ios-danger {
color: #f53d3d; }
.card-ios-danger {
color: #fff;
background-color: #f53d3d; }
.card-ios-danger .card-header-ios,
.card-ios-danger .card-title-ios,
.card-ios-danger .card-content-ios,
.card-ios-danger p {
color: #fff; }
.card-ios-danger .text-ios-primary,
.card-ios-danger .card-header-ios-primary,
.card-ios-danger .card-title-ios-primary,
.card-ios-danger .card-content-ios-primary {
color: #327eff; }
.card-ios-danger .text-ios-secondary,
.card-ios-danger .card-header-ios-secondary,
.card-ios-danger .card-title-ios-secondary,
.card-ios-danger .card-content-ios-secondary {
color: #32db64; }
.card-ios-danger .text-ios-danger,
.card-ios-danger .card-header-ios-danger,
.card-ios-danger .card-title-ios-danger,
.card-ios-danger .card-content-ios-danger {
color: #f53d3d; }
.card-ios-danger .text-ios-light,
.card-ios-danger .card-header-ios-light,
.card-ios-danger .card-title-ios-light,
.card-ios-danger .card-content-ios-light {
color: #f4f4f4; }
.card-ios-danger .text-ios-dark,
.card-ios-danger .card-header-ios-dark,
.card-ios-danger .card-title-ios-dark,
.card-ios-danger .card-content-ios-dark {
color: #222; }
.card-header-ios-danger,
.card-title-ios-danger,
.card-content-ios-danger {
color: #f53d3d; }
.card-ios .text-ios-light {
color: #f4f4f4; }
.card-ios-light {
color: #000;
background-color: #f4f4f4; }
.card-ios-light .card-header-ios,
.card-ios-light .card-title-ios,
.card-ios-light .card-content-ios,
.card-ios-light p {
color: #000; }
.card-ios-light .text-ios-primary,
.card-ios-light .card-header-ios-primary,
.card-ios-light .card-title-ios-primary,
.card-ios-light .card-content-ios-primary {
color: #327eff; }
.card-ios-light .text-ios-secondary,
.card-ios-light .card-header-ios-secondary,
.card-ios-light .card-title-ios-secondary,
.card-ios-light .card-content-ios-secondary {
color: #32db64; }
.card-ios-light .text-ios-danger,
.card-ios-light .card-header-ios-danger,
.card-ios-light .card-title-ios-danger,
.card-ios-light .card-content-ios-danger {
color: #f53d3d; }
.card-ios-light .text-ios-light,
.card-ios-light .card-header-ios-light,
.card-ios-light .card-title-ios-light,
.card-ios-light .card-content-ios-light {
color: #f4f4f4; }
.card-ios-light .text-ios-dark,
.card-ios-light .card-header-ios-dark,
.card-ios-light .card-title-ios-dark,
.card-ios-light .card-content-ios-dark {
color: #222; }
.card-header-ios-light,
.card-title-ios-light,
.card-content-ios-light {
color: #f4f4f4; }
.card-ios .text-ios-dark {
color: #222; }
.card-ios-dark {
color: #fff;
background-color: #222; }
.card-ios-dark .card-header-ios,
.card-ios-dark .card-title-ios,
.card-ios-dark .card-content-ios,
.card-ios-dark p {
color: #fff; }
.card-ios-dark .text-ios-primary,
.card-ios-dark .card-header-ios-primary,
.card-ios-dark .card-title-ios-primary,
.card-ios-dark .card-content-ios-primary {
color: #327eff; }
.card-ios-dark .text-ios-secondary,
.card-ios-dark .card-header-ios-secondary,
.card-ios-dark .card-title-ios-secondary,
.card-ios-dark .card-content-ios-secondary {
color: #32db64; }
.card-ios-dark .text-ios-danger,
.card-ios-dark .card-header-ios-danger,
.card-ios-dark .card-title-ios-danger,
.card-ios-dark .card-content-ios-danger {
color: #f53d3d; }
.card-ios-dark .text-ios-light,
.card-ios-dark .card-header-ios-light,
.card-ios-dark .card-title-ios-light,
.card-ios-dark .card-content-ios-light {
color: #f4f4f4; }
.card-ios-dark .text-ios-dark,
.card-ios-dark .card-header-ios-dark,
.card-ios-dark .card-title-ios-dark,
.card-ios-dark .card-content-ios-dark {
color: #222; }
.card-header-ios-dark,
.card-title-ios-dark,
.card-content-ios-dark {
color: #222; }
.card-md {
margin: 10px;
border-radius: 2px;
width: calc(100% - 20px);
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); }
.card-md ion-list {
margin-bottom: 0; }
.card-md > .item:last-child,
.card-md > .item:last-child .item-inner,
.card-md > .item-wrapper:last-child .item {
border-bottom: 0; }
.card-md .item-md.item-block .item-inner {
border: 0; }
.card-content-md {
padding: 13px 16px;
font-size: 1.4rem;
line-height: 1.5; }
.card-header-md {
font-size: 1.6rem;
color: #222;
padding: 16px; }
.card-header-md + .card-content-md,
.card-md .item + .card-content-md {
padding-top: 0; }
.card .note-md {
font-size: 1.3rem; }
.card-title-md {
display: block;
font-size: 2.4rem;
line-height: 1.2;
color: #222;
margin: 2px 0;
padding: 8px 0; }
.card-md h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal;
color: #222; }
.card-md h2 {
margin: 2px 0;
font-size: 1.6rem;
font-weight: normal;
color: #222; }
.card-md h3,
.card-md h4,
.card-md h5,
.card-md h6 {
margin: 2px 0;
font-size: 1.4rem;
font-weight: normal;
color: #222; }
.card-md p {
margin: 0 0 2px;
font-size: 1.4rem;
font-weight: normal;
line-height: 1.5;
color: #222; }
.card-md + ion-card {
margin-top: 0; }
.card-md .text-md-primary {
color: #327eff; }
.card-md-primary {
color: #fff;
background-color: #327eff; }
.card-md-primary .card-header-md,
.card-md-primary .card-title-md,
.card-md-primary .card-content-md,
.card-md-primary h1,
.card-md-primary h2,
.card-md-primary h3,
.card-md-primary h4,
.card-md-primary h5,
.card-md-primary h6,
.card-md-primary p {
color: #fff; }
.card-md-primary .text-md-primary,
.card-md-primary .card-header-md-primary,
.card-md-primary .card-title-md-primary,
.card-md-primary .card-content-md-primary {
color: #327eff; }
.card-md-primary .text-md-secondary,
.card-md-primary .card-header-md-secondary,
.card-md-primary .card-title-md-secondary,
.card-md-primary .card-content-md-secondary {
color: #32db64; }
.card-md-primary .text-md-danger,
.card-md-primary .card-header-md-danger,
.card-md-primary .card-title-md-danger,
.card-md-primary .card-content-md-danger {
color: #f53d3d; }
.card-md-primary .text-md-light,
.card-md-primary .card-header-md-light,
.card-md-primary .card-title-md-light,
.card-md-primary .card-content-md-light {
color: #f4f4f4; }
.card-md-primary .text-md-dark,
.card-md-primary .card-header-md-dark,
.card-md-primary .card-title-md-dark,
.card-md-primary .card-content-md-dark {
color: #222; }
.card-header-md-primary,
.card-title-md-primary,
.card-content-md-primary {
color: #327eff; }
.card-md .text-md-secondary {
color: #32db64; }
.card-md-secondary {
color: #fff;
background-color: #32db64; }
.card-md-secondary .card-header-md,
.card-md-secondary .card-title-md,
.card-md-secondary .card-content-md,
.card-md-secondary h1,
.card-md-secondary h2,
.card-md-secondary h3,
.card-md-secondary h4,
.card-md-secondary h5,
.card-md-secondary h6,
.card-md-secondary p {
color: #fff; }
.card-md-secondary .text-md-primary,
.card-md-secondary .card-header-md-primary,
.card-md-secondary .card-title-md-primary,
.card-md-secondary .card-content-md-primary {
color: #327eff; }
.card-md-secondary .text-md-secondary,
.card-md-secondary .card-header-md-secondary,
.card-md-secondary .card-title-md-secondary,
.card-md-secondary .card-content-md-secondary {
color: #32db64; }
.card-md-secondary .text-md-danger,
.card-md-secondary .card-header-md-danger,
.card-md-secondary .card-title-md-danger,
.card-md-secondary .card-content-md-danger {
color: #f53d3d; }
.card-md-secondary .text-md-light,
.card-md-secondary .card-header-md-light,
.card-md-secondary .card-title-md-light,
.card-md-secondary .card-content-md-light {
color: #f4f4f4; }
.card-md-secondary .text-md-dark,
.card-md-secondary .card-header-md-dark,
.card-md-secondary .card-title-md-dark,
.card-md-secondary .card-content-md-dark {
color: #222; }
.card-header-md-secondary,
.card-title-md-secondary,
.card-content-md-secondary {
color: #32db64; }
.card-md .text-md-danger {
color: #f53d3d; }
.card-md-danger {
color: #fff;
background-color: #f53d3d; }
.card-md-danger .card-header-md,
.card-md-danger .card-title-md,
.card-md-danger .card-content-md,
.card-md-danger h1,
.card-md-danger h2,
.card-md-danger h3,
.card-md-danger h4,
.card-md-danger h5,
.card-md-danger h6,
.card-md-danger p {
color: #fff; }
.card-md-danger .text-md-primary,
.card-md-danger .card-header-md-primary,
.card-md-danger .card-title-md-primary,
.card-md-danger .card-content-md-primary {
color: #327eff; }
.card-md-danger .text-md-secondary,
.card-md-danger .card-header-md-secondary,
.card-md-danger .card-title-md-secondary,
.card-md-danger .card-content-md-secondary {
color: #32db64; }
.card-md-danger .text-md-danger,
.card-md-danger .card-header-md-danger,
.card-md-danger .card-title-md-danger,
.card-md-danger .card-content-md-danger {
color: #f53d3d; }
.card-md-danger .text-md-light,
.card-md-danger .card-header-md-light,
.card-md-danger .card-title-md-light,
.card-md-danger .card-content-md-light {
color: #f4f4f4; }
.card-md-danger .text-md-dark,
.card-md-danger .card-header-md-dark,
.card-md-danger .card-title-md-dark,
.card-md-danger .card-content-md-dark {
color: #222; }
.card-header-md-danger,
.card-title-md-danger,
.card-content-md-danger {
color: #f53d3d; }
.card-md .text-md-light {
color: #f4f4f4; }
.card-md-light {
color: #000;
background-color: #f4f4f4; }
.card-md-light .card-header-md,
.card-md-light .card-title-md,
.card-md-light .card-content-md,
.card-md-light h1,
.card-md-light h2,
.card-md-light h3,
.card-md-light h4,
.card-md-light h5,
.card-md-light h6,
.card-md-light p {
color: #000; }
.card-md-light .text-md-primary,
.card-md-light .card-header-md-primary,
.card-md-light .card-title-md-primary,
.card-md-light .card-content-md-primary {
color: #327eff; }
.card-md-light .text-md-secondary,
.card-md-light .card-header-md-secondary,
.card-md-light .card-title-md-secondary,
.card-md-light .card-content-md-secondary {
color: #32db64; }
.card-md-light .text-md-danger,
.card-md-light .card-header-md-danger,
.card-md-light .card-title-md-danger,
.card-md-light .card-content-md-danger {
color: #f53d3d; }
.card-md-light .text-md-light,
.card-md-light .card-header-md-light,
.card-md-light .card-title-md-light,
.card-md-light .card-content-md-light {
color: #f4f4f4; }
.card-md-light .text-md-dark,
.card-md-light .card-header-md-dark,
.card-md-light .card-title-md-dark,
.card-md-light .card-content-md-dark {
color: #222; }
.card-header-md-light,
.card-title-md-light,
.card-content-md-light {
color: #f4f4f4; }
.card-md .text-md-dark {
color: #222; }
.card-md-dark {
color: #fff;
background-color: #222; }
.card-md-dark .card-header-md,
.card-md-dark .card-title-md,
.card-md-dark .card-content-md,
.card-md-dark h1,
.card-md-dark h2,
.card-md-dark h3,
.card-md-dark h4,
.card-md-dark h5,
.card-md-dark h6,
.card-md-dark p {
color: #fff; }
.card-md-dark .text-md-primary,
.card-md-dark .card-header-md-primary,
.card-md-dark .card-title-md-primary,
.card-md-dark .card-content-md-primary {
color: #327eff; }
.card-md-dark .text-md-secondary,
.card-md-dark .card-header-md-secondary,
.card-md-dark .card-title-md-secondary,
.card-md-dark .card-content-md-secondary {
color: #32db64; }
.card-md-dark .text-md-danger,
.card-md-dark .card-header-md-danger,
.card-md-dark .card-title-md-danger,
.card-md-dark .card-content-md-danger {
color: #f53d3d; }
.card-md-dark .text-md-light,
.card-md-dark .card-header-md-light,
.card-md-dark .card-title-md-light,
.card-md-dark .card-content-md-light {
color: #f4f4f4; }
.card-md-dark .text-md-dark,
.card-md-dark .card-header-md-dark,
.card-md-dark .card-title-md-dark,
.card-md-dark .card-content-md-dark {
color: #222; }
.card-header-md-dark,
.card-title-md-dark,
.card-content-md-dark {
color: #222; }
.card-wp {
margin: 8px;
border-radius: 1px;
width: calc(100% - 16px);
font-size: 1.4rem;
background: #fff;
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2); }
.card-wp ion-list {
margin-bottom: 0; }
.card-wp > .item:last-child,
.card-wp > .item:last-child .item-inner,
.card-wp > .item-wrapper:last-child .item {
border-bottom: 0; }
.card-wp .item-wp.item-block .item-inner {
border: 0; }
.card-content-wp {
padding: 13px 16px;
font-size: 1.4rem;
line-height: 1.5; }
.card-header-wp {
font-size: 1.6rem;
color: #222;
padding: 16px; }
.card-header-wp + .card-content-wp,
.card-wp .item + .card-content-wp {
padding-top: 0; }
.card .note-wp {
font-size: 1.3rem; }
.card-title-wp {
display: block;
font-size: 2.4rem;
line-height: 1.2;
color: #222;
margin: 2px 0;
padding: 8px 0; }
.card-wp h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal;
color: #222; }
.card-wp h2 {
margin: 2px 0;
font-size: 1.6rem;
font-weight: normal;
color: #222; }
.card-wp h3,
.card-wp h4,
.card-wp h5,
.card-wp h6 {
margin: 2px 0;
font-size: 1.4rem;
font-weight: normal;
color: #222; }
.card-wp p {
margin: 0 0 2px;
font-size: 1.4rem;
font-weight: normal;
line-height: 1.5;
color: #222; }
.card-wp + ion-card {
margin-top: 0; }
.card-wp .text-wp-primary {
color: #327eff; }
.card-wp-primary {
color: #fff;
background-color: #327eff; }
.card-wp-primary .card-header-wp,
.card-wp-primary .card-title-wp,
.card-wp-primary .card-content-wp,
.card-wp-primary h1,
.card-wp-primary h2,
.card-wp-primary h3,
.card-wp-primary h4,
.card-wp-primary h5,
.card-wp-primary h6,
.card-wp-primary p {
color: #fff; }
.card-wp-primary .text-wp-primary,
.card-wp-primary .card-header-wp-primary,
.card-wp-primary .card-title-wp-primary,
.card-wp-primary .card-content-wp-primary {
color: #327eff; }
.card-wp-primary .text-wp-secondary,
.card-wp-primary .card-header-wp-secondary,
.card-wp-primary .card-title-wp-secondary,
.card-wp-primary .card-content-wp-secondary {
color: #32db64; }
.card-wp-primary .text-wp-danger,
.card-wp-primary .card-header-wp-danger,
.card-wp-primary .card-title-wp-danger,
.card-wp-primary .card-content-wp-danger {
color: #f53d3d; }
.card-wp-primary .text-wp-light,
.card-wp-primary .card-header-wp-light,
.card-wp-primary .card-title-wp-light,
.card-wp-primary .card-content-wp-light {
color: #f4f4f4; }
.card-wp-primary .text-wp-dark,
.card-wp-primary .card-header-wp-dark,
.card-wp-primary .card-title-wp-dark,
.card-wp-primary .card-content-wp-dark {
color: #222; }
.card-header-wp-primary,
.card-title-wp-primary,
.card-content-wp-primary {
color: #327eff; }
.card-wp .text-wp-secondary {
color: #32db64; }
.card-wp-secondary {
color: #fff;
background-color: #32db64; }
.card-wp-secondary .card-header-wp,
.card-wp-secondary .card-title-wp,
.card-wp-secondary .card-content-wp,
.card-wp-secondary h1,
.card-wp-secondary h2,
.card-wp-secondary h3,
.card-wp-secondary h4,
.card-wp-secondary h5,
.card-wp-secondary h6,
.card-wp-secondary p {
color: #fff; }
.card-wp-secondary .text-wp-primary,
.card-wp-secondary .card-header-wp-primary,
.card-wp-secondary .card-title-wp-primary,
.card-wp-secondary .card-content-wp-primary {
color: #327eff; }
.card-wp-secondary .text-wp-secondary,
.card-wp-secondary .card-header-wp-secondary,
.card-wp-secondary .card-title-wp-secondary,
.card-wp-secondary .card-content-wp-secondary {
color: #32db64; }
.card-wp-secondary .text-wp-danger,
.card-wp-secondary .card-header-wp-danger,
.card-wp-secondary .card-title-wp-danger,
.card-wp-secondary .card-content-wp-danger {
color: #f53d3d; }
.card-wp-secondary .text-wp-light,
.card-wp-secondary .card-header-wp-light,
.card-wp-secondary .card-title-wp-light,
.card-wp-secondary .card-content-wp-light {
color: #f4f4f4; }
.card-wp-secondary .text-wp-dark,
.card-wp-secondary .card-header-wp-dark,
.card-wp-secondary .card-title-wp-dark,
.card-wp-secondary .card-content-wp-dark {
color: #222; }
.card-header-wp-secondary,
.card-title-wp-secondary,
.card-content-wp-secondary {
color: #32db64; }
.card-wp .text-wp-danger {
color: #f53d3d; }
.card-wp-danger {
color: #fff;
background-color: #f53d3d; }
.card-wp-danger .card-header-wp,
.card-wp-danger .card-title-wp,
.card-wp-danger .card-content-wp,
.card-wp-danger h1,
.card-wp-danger h2,
.card-wp-danger h3,
.card-wp-danger h4,
.card-wp-danger h5,
.card-wp-danger h6,
.card-wp-danger p {
color: #fff; }
.card-wp-danger .text-wp-primary,
.card-wp-danger .card-header-wp-primary,
.card-wp-danger .card-title-wp-primary,
.card-wp-danger .card-content-wp-primary {
color: #327eff; }
.card-wp-danger .text-wp-secondary,
.card-wp-danger .card-header-wp-secondary,
.card-wp-danger .card-title-wp-secondary,
.card-wp-danger .card-content-wp-secondary {
color: #32db64; }
.card-wp-danger .text-wp-danger,
.card-wp-danger .card-header-wp-danger,
.card-wp-danger .card-title-wp-danger,
.card-wp-danger .card-content-wp-danger {
color: #f53d3d; }
.card-wp-danger .text-wp-light,
.card-wp-danger .card-header-wp-light,
.card-wp-danger .card-title-wp-light,
.card-wp-danger .card-content-wp-light {
color: #f4f4f4; }
.card-wp-danger .text-wp-dark,
.card-wp-danger .card-header-wp-dark,
.card-wp-danger .card-title-wp-dark,
.card-wp-danger .card-content-wp-dark {
color: #222; }
.card-header-wp-danger,
.card-title-wp-danger,
.card-content-wp-danger {
color: #f53d3d; }
.card-wp .text-wp-light {
color: #f4f4f4; }
.card-wp-light {
color: #000;
background-color: #f4f4f4; }
.card-wp-light .card-header-wp,
.card-wp-light .card-title-wp,
.card-wp-light .card-content-wp,
.card-wp-light h1,
.card-wp-light h2,
.card-wp-light h3,
.card-wp-light h4,
.card-wp-light h5,
.card-wp-light h6,
.card-wp-light p {
color: #000; }
.card-wp-light .text-wp-primary,
.card-wp-light .card-header-wp-primary,
.card-wp-light .card-title-wp-primary,
.card-wp-light .card-content-wp-primary {
color: #327eff; }
.card-wp-light .text-wp-secondary,
.card-wp-light .card-header-wp-secondary,
.card-wp-light .card-title-wp-secondary,
.card-wp-light .card-content-wp-secondary {
color: #32db64; }
.card-wp-light .text-wp-danger,
.card-wp-light .card-header-wp-danger,
.card-wp-light .card-title-wp-danger,
.card-wp-light .card-content-wp-danger {
color: #f53d3d; }
.card-wp-light .text-wp-light,
.card-wp-light .card-header-wp-light,
.card-wp-light .card-title-wp-light,
.card-wp-light .card-content-wp-light {
color: #f4f4f4; }
.card-wp-light .text-wp-dark,
.card-wp-light .card-header-wp-dark,
.card-wp-light .card-title-wp-dark,
.card-wp-light .card-content-wp-dark {
color: #222; }
.card-header-wp-light,
.card-title-wp-light,
.card-content-wp-light {
color: #f4f4f4; }
.card-wp .text-wp-dark {
color: #222; }
.card-wp-dark {
color: #fff;
background-color: #222; }
.card-wp-dark .card-header-wp,
.card-wp-dark .card-title-wp,
.card-wp-dark .card-content-wp,
.card-wp-dark h1,
.card-wp-dark h2,
.card-wp-dark h3,
.card-wp-dark h4,
.card-wp-dark h5,
.card-wp-dark h6,
.card-wp-dark p {
color: #fff; }
.card-wp-dark .text-wp-primary,
.card-wp-dark .card-header-wp-primary,
.card-wp-dark .card-title-wp-primary,
.card-wp-dark .card-content-wp-primary {
color: #327eff; }
.card-wp-dark .text-wp-secondary,
.card-wp-dark .card-header-wp-secondary,
.card-wp-dark .card-title-wp-secondary,
.card-wp-dark .card-content-wp-secondary {
color: #32db64; }
.card-wp-dark .text-wp-danger,
.card-wp-dark .card-header-wp-danger,
.card-wp-dark .card-title-wp-danger,
.card-wp-dark .card-content-wp-danger {
color: #f53d3d; }
.card-wp-dark .text-wp-light,
.card-wp-dark .card-header-wp-light,
.card-wp-dark .card-title-wp-light,
.card-wp-dark .card-content-wp-light {
color: #f4f4f4; }
.card-wp-dark .text-wp-dark,
.card-wp-dark .card-header-wp-dark,
.card-wp-dark .card-title-wp-dark,
.card-wp-dark .card-content-wp-dark {
color: #222; }
.card-header-wp-dark,
.card-title-wp-dark,
.card-content-wp-dark {
color: #222; }
.checkbox-ios {
position: relative;
display: inline-block; }
.checkbox-ios .checkbox-icon {
border-radius: 50%;
position: relative;
width: 21px;
height: 21px;
border-width: 1px;
border-style: solid;
border-color: #c8c7cc;
background-color: #fff; }
.checkbox-ios .checkbox-checked {
border-color: #327eff;
background-color: #327eff; }
.checkbox-ios .checkbox-checked .checkbox-inner {
left: 7px;
top: 4px;
position: absolute;
width: 4px;
height: 9px;
border-width: 1px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.checkbox-ios.checkbox-disabled,
.item-ios.item-checkbox-disabled ion-label {
opacity: 0.3;
pointer-events: none; }
.item.item-ios .checkbox-ios {
position: static;
display: block;
margin: 8px 16px 8px 2px; }
.item.item-ios .checkbox-ios[item-right],
.item.item-ios .checkbox-ios[item-end] {
margin: 10px 8px 9px 0; }
.checkbox-ios-primary .checkbox-checked {
border-color: #327eff;
background-color: #327eff; }
.checkbox-ios-primary .checkbox-checked .checkbox-inner {
border-color: #fff; }
.checkbox-ios-secondary .checkbox-checked {
border-color: #32db64;
background-color: #32db64; }
.checkbox-ios-secondary .checkbox-checked .checkbox-inner {
border-color: #fff; }
.checkbox-ios-danger .checkbox-checked {
border-color: #f53d3d;
background-color: #f53d3d; }
.checkbox-ios-danger .checkbox-checked .checkbox-inner {
border-color: #fff; }
.checkbox-ios-light .checkbox-checked {
border-color: #f4f4f4;
background-color: #f4f4f4; }
.checkbox-ios-light .checkbox-checked .checkbox-inner {
border-color: #000; }
.checkbox-ios-dark .checkbox-checked {
border-color: #222;
background-color: #222; }
.checkbox-ios-dark .checkbox-checked .checkbox-inner {
border-color: #fff; }
.checkbox-md {
position: relative;
display: inline-block; }
.checkbox-md .checkbox-icon {
border-radius: 2px;
position: relative;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-color: #787878;
background-color: #fff;
transition-duration: 280ms;
transition-property: background;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.checkbox-md .checkbox-checked {
border-color: #327eff;
background-color: #327eff; }
.checkbox-md .checkbox-checked .checkbox-inner {
left: 4px;
top: 0;
position: absolute;
width: 5px;
height: 10px;
border-width: 2px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.checkbox-md.checkbox-disabled,
.item-md.item-checkbox-disabled ion-label {
opacity: 0.3;
pointer-events: none; }
.item.item-md .checkbox-md {
position: static;
display: block;
margin: 9px 36px 9px 4px; }
.item.item-md .checkbox-md[item-right],
.item.item-md .checkbox-md[item-end] {
margin: 11px 10px 10px 0; }
.checkbox-md + .item-inner ion-label {
margin-left: 0; }
.checkbox-md-primary .checkbox-checked {
border-color: #327eff;
background-color: #327eff; }
.checkbox-md-primary .checkbox-checked .checkbox-inner {
border-color: #fff; }
.checkbox-md-secondary .checkbox-checked {
border-color: #32db64;
background-color: #32db64; }
.checkbox-md-secondary .checkbox-checked .checkbox-inner {
border-color: #fff; }
.checkbox-md-danger .checkbox-checked {
border-color: #f53d3d;
background-color: #f53d3d; }
.checkbox-md-danger .checkbox-checked .checkbox-inner {
border-color: #fff; }
.checkbox-md-light .checkbox-checked {
border-color: #f4f4f4;
background-color: #f4f4f4; }
.checkbox-md-light .checkbox-checked .checkbox-inner {
border-color: #000; }
.checkbox-md-dark .checkbox-checked {
border-color: #222;
background-color: #222; }
.checkbox-md-dark .checkbox-checked .checkbox-inner {
border-color: #fff; }
.checkbox-wp {
position: relative;
display: inline-block; }
.checkbox-wp .checkbox-icon {
border-radius: 0;
position: relative;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-color: #333;
background-color: #fff; }
.checkbox-wp .checkbox-checked {
border-color: #327eff;
background-color: #327eff; }
.checkbox-wp .checkbox-checked .checkbox-inner {
left: 3px;
top: -2px;
position: absolute;
width: 6px;
height: 12px;
border-width: 1px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.checkbox-wp.checkbox-disabled,
.item-wp.item-checkbox-disabled ion-label {
opacity: 0.3;
pointer-events: none; }
.item.item-wp .checkbox-wp {
position: static;
display: block;
margin: 9px 16px 9px 4px; }
.item.item-wp .checkbox-wp[item-right],
.item.item-wp .checkbox-wp[item-end] {
margin: 11px 10px 10px 0; }
.checkbox-wp + .item-inner ion-label {
margin-left: 0; }
.checkbox-wp-primary .checkbox-checked {
border-color: #327eff;
background-color: #327eff; }
.checkbox-wp-primary .checkbox-checked .checkbox-inner {
border-color: #fff; }
.checkbox-wp-secondary .checkbox-checked {
border-color: #32db64;
background-color: #32db64; }
.checkbox-wp-secondary .checkbox-checked .checkbox-inner {
border-color: #fff; }
.checkbox-wp-danger .checkbox-checked {
border-color: #f53d3d;
background-color: #f53d3d; }
.checkbox-wp-danger .checkbox-checked .checkbox-inner {
border-color: #fff; }
.checkbox-wp-light .checkbox-checked {
border-color: #f4f4f4;
background-color: #f4f4f4; }
.checkbox-wp-light .checkbox-checked .checkbox-inner {
border-color: #000; }
.checkbox-wp-dark .checkbox-checked {
border-color: #222;
background-color: #222; }
.checkbox-wp-dark .checkbox-checked .checkbox-inner {
border-color: #fff; }
ion-chip {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
font-weight: normal;
vertical-align: middle;
box-sizing: border-box; }
ion-chip .button {
border-radius: 50%;
width: 32px;
height: 32px;
margin: 0; }
ion-chip ion-icon {
text-align: center;
border-radius: 50%;
width: 32px;
height: 32px;
font-size: 18px;
line-height: 32px; }
ion-chip ion-avatar {
border-radius: 50%;
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px; }
ion-chip ion-avatar img {
border-radius: 50%;
display: block;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%; }
.chip-ios {
border-radius: 16px;
height: 32px;
font-size: 13px;
line-height: 32px;
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.12);
margin: 2px 0; }
.chip-ios > ion-label {
margin: 0 10px; }
.chip-ios > ion-icon {
color: #fff;
background-color: #327eff; }
.chip-ios-primary,
.chip-ios .icon-ios-primary {
color: #fff;
background-color: #327eff; }
.chip-ios-secondary,
.chip-ios .icon-ios-secondary {
color: #fff;
background-color: #32db64; }
.chip-ios-danger,
.chip-ios .icon-ios-danger {
color: #fff;
background-color: #f53d3d; }
.chip-ios-light,
.chip-ios .icon-ios-light {
color: #000;
background-color: #f4f4f4; }
.chip-ios-dark,
.chip-ios .icon-ios-dark {
color: #fff;
background-color: #222; }
.chip-md {
border-radius: 16px;
height: 32px;
font-size: 13px;
line-height: 32px;
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.12);
margin: 2px 0; }
.chip-md > ion-label {
margin: 0 10px; }
.chip-md > ion-icon {
color: #fff;
background-color: #327eff; }
.chip-md-primary,
.chip-md .icon-md-primary {
color: #fff;
background-color: #327eff; }
.chip-md-secondary,
.chip-md .icon-md-secondary {
color: #fff;
background-color: #32db64; }
.chip-md-danger,
.chip-md .icon-md-danger {
color: #fff;
background-color: #f53d3d; }
.chip-md-light,
.chip-md .icon-md-light {
color: #000;
background-color: #f4f4f4; }
.chip-md-dark,
.chip-md .icon-md-dark {
color: #fff;
background-color: #222; }
.chip-wp {
border-radius: 16px;
height: 32px;
font-size: 13px;
line-height: 32px;
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.12);
margin: 2px 0; }
.chip-wp > ion-label {
margin: 0 10px; }
.chip-wp > ion-icon {
color: #fff;
background-color: #327eff; }
.chip-wp .button {
border: 0; }
.chip-wp-primary,
.chip-wp .icon-wp-primary {
color: #fff;
background-color: #327eff; }
.chip-wp-secondary,
.chip-wp .icon-wp-secondary {
color: #fff;
background-color: #32db64; }
.chip-wp-danger,
.chip-wp .icon-wp-danger {
color: #fff;
background-color: #f53d3d; }
.chip-wp-light,
.chip-wp .icon-wp-light {
color: #000;
background-color: #f4f4f4; }
.chip-wp-dark,
.chip-wp .icon-wp-dark {
color: #fff;
background-color: #222; }
ion-content {
left: 0;
top: 0;
position: relative;
display: block;
width: 100%;
height: 100%;
contain: layout size style; }
.ion-page > ion-content {
position: absolute; }
a {
color: #327eff; }
.scroll-content {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
display: block;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
will-change: scroll-position;
contain: size style layout; }
ion-content.js-scroll > .scroll-content {
position: relative;
min-height: 100%;
overflow-x: initial;
overflow-y: initial;
-webkit-overflow-scrolling: auto;
will-change: initial; }
.disable-scroll .ion-page {
pointer-events: none;
-ms-touch-action: none;
touch-action: none; }
ion-content.has-refresher > .scroll-content {
background-color: inherit; }
.fixed-content {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
display: block; }
[ion-fixed] {
position: absolute;
z-index: 999;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
ion-app [no-padding],
ion-app [no-padding] .scroll-content {
padding: 0; }
ion-app [no-margin],
ion-app [no-margin] .scroll-content {
margin: 0; }
.content-ios {
color: #000;
background-color: #fff; }
.content-ios.outer-content {
background: #efeff4; }
.content-ios hr {
height: 0.55px;
background-color: rgba(0, 0, 0, 0.12); }
.ios .ion-page.show-page ~ .nav-decor {
left: 0;
top: 0;
position: absolute;
z-index: 0;
display: block;
width: 100%;
height: 100%;
background: #000;
pointer-events: none; }
ion-app.ios [padding] {
padding: 16px; }
ion-app.ios [padding-top] {
padding-top: 16px; }
ion-app.ios [padding-left] {
padding-left: 16px; }
ion-app.ios [padding-right] {
padding-right: 16px; }
ion-app.ios [padding-bottom] {
padding-bottom: 16px; }
ion-app.ios [padding-vertical] {
padding-top: 16px;
padding-bottom: 16px; }
ion-app.ios [padding-horizontal] {
padding-left: 16px;
padding-right: 16px; }
ion-app.ios [padding] .scroll-content {
padding: 16px; }
@media screen and (orientation: landscape) {
ion-app.ios [padding] .scroll-content {
padding-left: calc(constant(safe-area-inset-left) + 16px);
padding-top: 16px;
padding-bottom: 16px;
padding: 16px calc(env(safe-area-inset-right) + 16px) 16px calc(env(safe-area-inset-left) + 16px); } }
ion-app.ios [padding-top] .scroll-content {
padding-top: 16px; }
@media screen and (orientation: landscape) {
ion-app.ios [padding-top] .scroll-content {
padding-top: 16px;
padding-top: 16px; } }
ion-app.ios [padding-left] .scroll-content {
padding-left: 16px; }
@media screen and (orientation: landscape) {
ion-app.ios [padding-left] .scroll-content {
padding-left: calc(constant(safe-area-inset-left) + 16px);
padding-left: calc(env(safe-area-inset-left) + 16px); } }
ion-app.ios [padding-right] .scroll-content {
padding-right: 16px; }
@media screen and (orientation: landscape) {
ion-app.ios [padding-right] .scroll-content {
padding-right: calc(constant(safe-area-inset-right) + 16px);
padding-right: calc(env(safe-area-inset-right) + 16px); } }
ion-app.ios [padding-bottom] .scroll-content {
padding-bottom: 16px; }
@media screen and (orientation: landscape) {
ion-app.ios [padding-bottom] .scroll-content {
padding-bottom: 16px;
padding-bottom: 16px; } }
ion-app.ios [padding-vertical] .scroll-content {
padding-top: 16px;
padding-bottom: 16px; }
@media screen and (orientation: landscape) {
ion-app.ios [padding-vertical] .scroll-content {
padding-top: 16px;
padding-bottom: 16px;
padding-top: 16px;
padding-bottom: 16px; } }
ion-app.ios [padding-horizontal] .scroll-content {
padding-left: 16px;
padding-right: 16px; }
@media screen and (orientation: landscape) {
ion-app.ios [padding-horizontal] .scroll-content {
padding-left: calc(constant(safe-area-inset-left) + 16px);
padding-right: calc(constant(safe-area-inset-right) + 16px);
padding-left: calc(env(safe-area-inset-left) + 16px);
padding-right: calc(env(safe-area-inset-right) + 16px); } }
ion-app.ios [margin],
ion-app.ios [margin] .scroll-content {
margin: 16px; }
ion-app.ios [margin-top],
ion-app.ios [margin-top] .scroll-content {
margin-top: 16px; }
ion-app.ios [margin-left],
ion-app.ios [margin-left] .scroll-content {
margin-left: 16px; }
ion-app.ios [margin-start],
ion-app.ios [margin-start] .scroll-content {
margin-left: 16px; }
ion-app.ios [margin-right],
ion-app.ios [margin-right] .scroll-content {
margin-right: 16px; }
ion-app.ios [margin-end],
ion-app.ios [margin-end] .scroll-content {
margin-right: 16px; }
ion-app.ios [margin-bottom],
ion-app.ios [margin-bottom] .scroll-content {
margin-bottom: 16px; }
ion-app.ios [margin-vertical],
ion-app.ios [margin-vertical] .scroll-content {
margin-top: 16px;
margin-bottom: 16px; }
ion-app.ios [margin-horizontal],
ion-app.ios [margin-horizontal] .scroll-content {
margin-left: 16px;
margin-right: 16px; }
.content-ios:not([no-bounce]) > .scroll-content::before,
.content-ios:not([no-bounce]) > .scroll-content::after {
position: absolute;
width: 1px;
height: 1px;
content: ""; }
.content-ios:not([no-bounce]) > .scroll-content::before {
bottom: -1px; }
.content-ios:not([no-bounce]) > .scroll-content::after {
top: -1px; }
.platform-core .content-ios .scroll-content::after,
.platform-core .content-ios .scroll-content::before {
position: initial;
top: initial;
bottom: initial;
width: initial;
height: initial; }
.content-md {
color: #000;
background-color: #fff; }
.content-md hr {
background-color: rgba(0, 0, 0, 0.08); }
ion-app.md [padding] {
padding: 16px; }
ion-app.md [padding-top] {
padding-top: 16px; }
ion-app.md [padding-left] {
padding-left: 16px; }
ion-app.md [padding-right] {
padding-right: 16px; }
ion-app.md [padding-bottom] {
padding-bottom: 16px; }
ion-app.md [padding-vertical] {
padding-top: 16px;
padding-bottom: 16px; }
ion-app.md [padding-horizontal] {
padding-left: 16px;
padding-right: 16px; }
ion-app.md [padding] .scroll-content {
padding: 16px; }
@media screen and (orientation: landscape) {
ion-app.md [padding] .scroll-content {
padding-left: calc(constant(safe-area-inset-left) + 16px);
padding-top: 16px;
padding-bottom: 16px;
padding: 16px calc(env(safe-area-inset-right) + 16px) 16px calc(env(safe-area-inset-left) + 16px); } }
ion-app.md [padding-top] .scroll-content {
padding-top: 16px; }
@media screen and (orientation: landscape) {
ion-app.md [padding-top] .scroll-content {
padding-top: 16px;
padding-top: 16px; } }
ion-app.md [padding-left] .scroll-content {
padding-left: 16px; }
@media screen and (orientation: landscape) {
ion-app.md [padding-left] .scroll-content {
padding-left: calc(constant(safe-area-inset-left) + 16px);
padding-left: calc(env(safe-area-inset-left) + 16px); } }
ion-app.md [padding-right] .scroll-content {
padding-right: 16px; }
@media screen and (orientation: landscape) {
ion-app.md [padding-right] .scroll-content {
padding-right: calc(constant(safe-area-inset-right) + 16px);
padding-right: calc(env(safe-area-inset-right) + 16px); } }
ion-app.md [padding-bottom] .scroll-content {
padding-bottom: 16px; }
@media screen and (orientation: landscape) {
ion-app.md [padding-bottom] .scroll-content {
padding-bottom: 16px;
padding-bottom: 16px; } }
ion-app.md [padding-vertical] .scroll-content {
padding-top: 16px;
padding-bottom: 16px; }
@media screen and (orientation: landscape) {
ion-app.md [padding-vertical] .scroll-content {
padding-top: 16px;
padding-bottom: 16px;
padding-top: 16px;
padding-bottom: 16px; } }
ion-app.md [padding-horizontal] .scroll-content {
padding-left: 16px;
padding-right: 16px; }
@media screen and (orientation: landscape) {
ion-app.md [padding-horizontal] .scroll-content {
padding-left: calc(constant(safe-area-inset-left) + 16px);
padding-right: calc(constant(safe-area-inset-right) + 16px);
padding-left: calc(env(safe-area-inset-left) + 16px);
padding-right: calc(env(safe-area-inset-right) + 16px); } }
ion-app.md [margin],
ion-app.md [margin] .scroll-content {
margin: 16px; }
ion-app.md [margin-top],
ion-app.md [margin-top] .scroll-content {
margin-top: 16px; }
ion-app.md [margin-left],
ion-app.md [margin-left] .scroll-content {
margin-left: 16px; }
ion-app.md [margin-start],
ion-app.md [margin-start] .scroll-content {
margin-left: 16px; }
ion-app.md [margin-right],
ion-app.md [margin-right] .scroll-content {
margin-right: 16px; }
ion-app.md [margin-end],
ion-app.md [margin-end] .scroll-content {
margin-right: 16px; }
ion-app.md [margin-bottom],
ion-app.md [margin-bottom] .scroll-content {
margin-bottom: 16px; }
ion-app.md [margin-vertical],
ion-app.md [margin-vertical] .scroll-content {
margin-top: 16px;
margin-bottom: 16px; }
ion-app.md [margin-horizontal],
ion-app.md [margin-horizontal] .scroll-content {
margin-left: 16px;
margin-right: 16px; }
.content-wp {
color: #000;
background-color: #fff; }
.content-wp hr {
background-color: rgba(0, 0, 0, 0.08); }
ion-app.wp [padding] {
padding: 16px; }
ion-app.wp [padding-top] {
padding-top: 16px; }
ion-app.wp [padding-left] {
padding-left: 16px; }
ion-app.wp [padding-right] {
padding-right: 16px; }
ion-app.wp [padding-bottom] {
padding-bottom: 16px; }
ion-app.wp [padding-vertical] {
padding-top: 16px;
padding-bottom: 16px; }
ion-app.wp [padding-horizontal] {
padding-left: 16px;
padding-right: 16px; }
ion-app.wp [padding] .scroll-content {
padding: 16px; }
@media screen and (orientation: landscape) {
ion-app.wp [padding] .scroll-content {
padding-left: calc(constant(safe-area-inset-left) + 16px);
padding-top: 16px;
padding-bottom: 16px;
padding: 16px calc(env(safe-area-inset-right) + 16px) 16px calc(env(safe-area-inset-left) + 16px); } }
ion-app.wp [padding-top] .scroll-content {
padding-top: 16px; }
@media screen and (orientation: landscape) {
ion-app.wp [padding-top] .scroll-content {
padding-top: 16px;
padding-top: 16px; } }
ion-app.wp [padding-left] .scroll-content {
padding-left: 16px; }
@media screen and (orientation: landscape) {
ion-app.wp [padding-left] .scroll-content {
padding-left: calc(constant(safe-area-inset-left) + 16px);
padding-left: calc(env(safe-area-inset-left) + 16px); } }
ion-app.wp [padding-right] .scroll-content {
padding-right: 16px; }
@media screen and (orientation: landscape) {
ion-app.wp [padding-right] .scroll-content {
padding-right: calc(constant(safe-area-inset-right) + 16px);
padding-right: calc(env(safe-area-inset-right) + 16px); } }
ion-app.wp [padding-bottom] .scroll-content {
padding-bottom: 16px; }
@media screen and (orientation: landscape) {
ion-app.wp [padding-bottom] .scroll-content {
padding-bottom: 16px;
padding-bottom: 16px; } }
ion-app.wp [padding-vertical] .scroll-content {
padding-top: 16px;
padding-bottom: 16px; }
@media screen and (orientation: landscape) {
ion-app.wp [padding-vertical] .scroll-content {
padding-top: 16px;
padding-bottom: 16px;
padding-top: 16px;
padding-bottom: 16px; } }
ion-app.wp [padding-horizontal] .scroll-content {
padding-left: 16px;
padding-right: 16px; }
@media screen and (orientation: landscape) {
ion-app.wp [padding-horizontal] .scroll-content {
padding-left: calc(constant(safe-area-inset-left) + 16px);
padding-right: calc(constant(safe-area-inset-right) + 16px);
padding-left: calc(env(safe-area-inset-left) + 16px);
padding-right: calc(env(safe-area-inset-right) + 16px); } }
ion-app.wp [margin],
ion-app.wp [margin] .scroll-content {
margin: 16px; }
ion-app.wp [margin-top],
ion-app.wp [margin-top] .scroll-content {
margin-top: 16px; }
ion-app.wp [margin-left],
ion-app.wp [margin-left] .scroll-content {
margin-left: 16px; }
ion-app.wp [margin-start],
ion-app.wp [margin-start] .scroll-content {
margin-left: 16px; }
ion-app.wp [margin-right],
ion-app.wp [margin-right] .scroll-content {
margin-right: 16px; }
ion-app.wp [margin-end],
ion-app.wp [margin-end] .scroll-content {
margin-right: 16px; }
ion-app.wp [margin-bottom],
ion-app.wp [margin-bottom] .scroll-content {
margin-bottom: 16px; }
ion-app.wp [margin-vertical],
ion-app.wp [margin-vertical] .scroll-content {
margin-top: 16px;
margin-bottom: 16px; }
ion-app.wp [margin-horizontal],
ion-app.wp [margin-horizontal] .scroll-content {
margin-left: 16px;
margin-right: 16px; }
ion-datetime {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden; }
.datetime-text {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 16px;
min-height: 1.2em;
font-size: inherit;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap; }
.datetime-disabled,
.item-datetime-disabled ion-label {
opacity: .4;
pointer-events: none; }
.item-label-stacked ion-datetime,
.item-label-floating ion-datetime {
padding-left: 0;
width: 100%; }
.datetime-ios {
padding: 11px 8px 11px 16px; }
.datetime-ios .datetime-placeholder {
color: #999; }
.datetime-md {
padding: 13px 8px 13px 16px; }
.datetime-md .datetime-placeholder {
color: #999; }
.datetime-wp {
padding: 13px 8px 13px 16px;
min-width: 45%; }
.datetime-wp .datetime-text {
padding: 0 8px;
min-height: 3.4rem;
border: 2px solid rgba(0, 0, 0, 0.5);
line-height: 3rem; }
.item-datetime .datetime-wp ion-label[floating] {
-webkit-transform: translate3d(8px, 41px, 0);
transform: translate3d(8px, 41px, 0); }
.datetime-wp .datetime-placeholder {
color: rgba(0, 0, 0, 0.5); }
.fab {
text-align: center;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 50%;
position: relative;
z-index: 0;
display: block;
overflow: hidden;
width: 56px;
height: 56px;
font-size: 14px;
line-height: 56px;
text-overflow: ellipsis;
text-transform: none;
white-space: nowrap;
cursor: pointer;
transition: background-color, opacity 100ms linear;
background-clip: padding-box;
-webkit-font-kerning: none;
font-kerning: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
contain: strict; }
.fab ion-icon {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 2.4rem; }
.fab[mini] {
margin: 8px;
width: 40px;
height: 40px;
line-height: 40px; }
.fab[mini] .fab-close-icon {
line-height: 40px; }
ion-fab {
position: absolute;
z-index: 999; }
ion-fab[center] {
left: 50%;
margin-left: -28px; }
ion-fab[middle] {
margin-top: -28px;
top: 50%; }
ion-fab[top] {
top: 10px; }
ion-fab[right] {
right: 10px;
right: calc(10px + constant(safe-area-inset-right));
right: calc(10px + env(safe-area-inset-right)); }
ion-fab[end] {
right: 10px;
right: calc(constant(safe-area-inset-right) + 10px);
right: calc(env(safe-area-inset-right) + 10px); }
ion-fab[bottom] {
bottom: 10px; }
ion-fab[left] {
left: 10px;
left: calc(10px + constant(safe-area-inset-left));
left: calc(10px + env(safe-area-inset-left)); }
ion-fab[start] {
left: 10px;
left: calc(constant(safe-area-inset-left) + 10px);
left: calc(env(safe-area-inset-left) + 10px); }
ion-fab[top][edge] {
top: -28px; }
ion-fab[bottom][edge] {
bottom: -28px; }
ion-fab-list {
margin: 66px 0;
position: absolute;
top: 0;
display: none;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-width: 56px;
min-height: 56px; }
.fab-in-list {
margin: 8px 0;
width: 40px;
height: 40px;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0); }
.fab-in-list.show {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1); }
ion-fab-list[side=left] .fab-in-list,
ion-fab-list[side=right] .fab-in-list {
margin: 0 8px; }
ion-fab-list[side=top] {
top: auto;
bottom: 0;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
ion-fab-list[side=left] {
margin: 0 66px;
right: 0;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
ion-fab-list[side=right] {
margin: 0 66px;
left: 0;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.fab-list-active {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.fab-close-icon {
left: 0;
right: 0;
top: 0;
position: absolute;
line-height: 56px;
opacity: 0;
-webkit-transform: scale(0.4) rotateZ(-45deg);
transform: scale(0.4) rotateZ(-45deg);
transition: all ease-in-out 300ms;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform; }
.fab .button-inner {
transition: all ease-in-out 300ms;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform; }
.fab-close-active .fab-close-icon {
opacity: 1;
-webkit-transform: scale(1) rotateZ(0deg);
transform: scale(1) rotateZ(0deg); }
.fab-close-active .button-inner {
opacity: 0;
-webkit-transform: scale(0.4) rotateZ(45deg);
transform: scale(0.4) rotateZ(45deg); }
.fab-ios {
color: #fff;
background-color: #327eff; }
.fab-ios.activated {
background-color: #2e74eb; }
.fab-ios-in-list {
color: #000;
background-color: #f4f4f4;
transition: opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
transition: transform 200ms ease 10ms, opacity 200ms ease 10ms;
transition: transform 200ms ease 10ms, opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms; }
.fab-ios-in-list.activated {
background-color: #e0e0e0; }
.fab-ios-primary {
color: #fff;
background-color: #327eff; }
.fab-ios-primary.activated {
background-color: #2e74eb; }
.fab-ios-secondary {
color: #fff;
background-color: #32db64; }
.fab-ios-secondary.activated {
background-color: #2ec95c; }
.fab-ios-danger {
color: #fff;
background-color: #f53d3d; }
.fab-ios-danger.activated {
background-color: #e13838; }
.fab-ios-light {
color: #000;
background-color: #f4f4f4; }
.fab-ios-light.activated {
background-color: #e0e0e0; }
.fab-ios-dark {
color: #fff;
background-color: #222; }
.fab-ios-dark.activated {
background-color: #343434; }
.fab-md {
color: #fff;
background-color: #327eff;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.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); }
.fab-md.activated {
background-color: #2e74eb;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4), 0 4px 7px 0 rgba(0, 0, 0, 0.1); }
.fab-md-in-list {
color: #000;
background-color: #f4f4f4;
transition: opacity 200ms ease 10ms, 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), -webkit-transform 200ms ease 10ms;
transition: transform 200ms ease 10ms, opacity 200ms ease 10ms, 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: transform 200ms ease 10ms, opacity 200ms ease 10ms, 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), -webkit-transform 200ms ease 10ms; }
.fab-md-in-list.activated {
background-color: #e0e0e0; }
.fab-md .button-effect {
background-color: #fff; }
.fab-md-primary {
color: #fff;
background-color: #327eff; }
.fab-md-primary.activated {
background-color: #2e74eb; }
.fab-md-primary .button-effect {
background-color: #fff; }
.fab-md-secondary {
color: #fff;
background-color: #32db64; }
.fab-md-secondary.activated {
background-color: #2ec95c; }
.fab-md-secondary .button-effect {
background-color: #fff; }
.fab-md-danger {
color: #fff;
background-color: #f53d3d; }
.fab-md-danger.activated {
background-color: #e13838; }
.fab-md-danger .button-effect {
background-color: #fff; }
.fab-md-light {
color: #000;
background-color: #f4f4f4; }
.fab-md-light.activated {
background-color: #e0e0e0; }
.fab-md-light .button-effect {
background-color: #000; }
.fab-md-dark {
color: #fff;
background-color: #222; }
.fab-md-dark.activated {
background-color: #343434; }
.fab-md-dark .button-effect {
background-color: #fff; }
.fab-wp {
color: #fff;
background-color: #327eff; }
.fab-wp.activated {
background-color: #2e74eb; }
.fab-wp-in-list {
color: #000;
background-color: #f4f4f4;
transition: opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
transition: transform 200ms ease 10ms, opacity 200ms ease 10ms;
transition: transform 200ms ease 10ms, opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms; }
.fab-wp-in-list.activated {
background-color: #e0e0e0; }
.fab-wp-primary {
color: #fff;
background-color: #327eff; }
.fab-wp-primary.activated {
background-color: #2e74eb; }
.fab-wp-secondary {
color: #fff;
background-color: #32db64; }
.fab-wp-secondary.activated {
background-color: #2ec95c; }
.fab-wp-danger {
color: #fff;
background-color: #f53d3d; }
.fab-wp-danger.activated {
background-color: #e13838; }
.fab-wp-light {
color: #000;
background-color: #f4f4f4; }
.fab-wp-light.activated {
background-color: #e0e0e0; }
.fab-wp-dark {
color: #fff;
background-color: #222; }
.fab-wp-dark.activated {
background-color: #343434; }
.grid {
padding: 5px;
margin-left: auto;
margin-right: auto;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.grid[no-padding] {
padding: 0; }
.grid[no-padding] > .row > .col {
padding: 0; }
@media (min-width: 576px) {
.grid[fixed] {
width: 540px;
max-width: 100%; } }
@media (min-width: 768px) {
.grid[fixed] {
width: 720px;
max-width: 100%; } }
@media (min-width: 992px) {
.grid[fixed] {
width: 960px;
max-width: 100%; } }
@media (min-width: 1200px) {
.grid[fixed] {
width: 1140px;
max-width: 100%; } }
.row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.row[nowrap] {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.row[wrap-reverse] {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse; }
.row[align-items-start] {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.row[align-items-center] {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.row[align-items-end] {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.row[align-items-stretch] {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.row[align-items-baseline] {
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.row[justify-content-start] {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.row[justify-content-center] {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.row[justify-content-end] {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.row[justify-content-around] {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.row[justify-content-between] {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.col {
padding: 5px;
position: relative;
width: 100%;
margin: 0;
min-height: 1px;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col[align-self-start] {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
.col[align-self-end] {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
.col[align-self-center] {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center; }
.col[align-self-stretch] {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch; }
.col[align-self-baseline] {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline; }
[col-1] {
padding: 5px; }
@media (min-width: 576px) {
[col-1] {
padding: 5px; } }
@media (min-width: 768px) {
[col-1] {
padding: 5px; } }
@media (min-width: 992px) {
[col-1] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-1] {
padding: 5px; } }
[col-2] {
padding: 5px; }
@media (min-width: 576px) {
[col-2] {
padding: 5px; } }
@media (min-width: 768px) {
[col-2] {
padding: 5px; } }
@media (min-width: 992px) {
[col-2] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-2] {
padding: 5px; } }
[col-3] {
padding: 5px; }
@media (min-width: 576px) {
[col-3] {
padding: 5px; } }
@media (min-width: 768px) {
[col-3] {
padding: 5px; } }
@media (min-width: 992px) {
[col-3] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-3] {
padding: 5px; } }
[col-4] {
padding: 5px; }
@media (min-width: 576px) {
[col-4] {
padding: 5px; } }
@media (min-width: 768px) {
[col-4] {
padding: 5px; } }
@media (min-width: 992px) {
[col-4] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-4] {
padding: 5px; } }
[col-5] {
padding: 5px; }
@media (min-width: 576px) {
[col-5] {
padding: 5px; } }
@media (min-width: 768px) {
[col-5] {
padding: 5px; } }
@media (min-width: 992px) {
[col-5] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-5] {
padding: 5px; } }
[col-6] {
padding: 5px; }
@media (min-width: 576px) {
[col-6] {
padding: 5px; } }
@media (min-width: 768px) {
[col-6] {
padding: 5px; } }
@media (min-width: 992px) {
[col-6] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-6] {
padding: 5px; } }
[col-7] {
padding: 5px; }
@media (min-width: 576px) {
[col-7] {
padding: 5px; } }
@media (min-width: 768px) {
[col-7] {
padding: 5px; } }
@media (min-width: 992px) {
[col-7] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-7] {
padding: 5px; } }
[col-8] {
padding: 5px; }
@media (min-width: 576px) {
[col-8] {
padding: 5px; } }
@media (min-width: 768px) {
[col-8] {
padding: 5px; } }
@media (min-width: 992px) {
[col-8] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-8] {
padding: 5px; } }
[col-9] {
padding: 5px; }
@media (min-width: 576px) {
[col-9] {
padding: 5px; } }
@media (min-width: 768px) {
[col-9] {
padding: 5px; } }
@media (min-width: 992px) {
[col-9] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-9] {
padding: 5px; } }
[col-10] {
padding: 5px; }
@media (min-width: 576px) {
[col-10] {
padding: 5px; } }
@media (min-width: 768px) {
[col-10] {
padding: 5px; } }
@media (min-width: 992px) {
[col-10] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-10] {
padding: 5px; } }
[col-11] {
padding: 5px; }
@media (min-width: 576px) {
[col-11] {
padding: 5px; } }
@media (min-width: 768px) {
[col-11] {
padding: 5px; } }
@media (min-width: 992px) {
[col-11] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-11] {
padding: 5px; } }
[col-12] {
padding: 5px; }
@media (min-width: 576px) {
[col-12] {
padding: 5px; } }
@media (min-width: 768px) {
[col-12] {
padding: 5px; } }
@media (min-width: 992px) {
[col-12] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-12] {
padding: 5px; } }
[col] {
padding: 5px; }
@media (min-width: 576px) {
[col] {
padding: 5px; } }
@media (min-width: 768px) {
[col] {
padding: 5px; } }
@media (min-width: 992px) {
[col] {
padding: 5px; } }
@media (min-width: 1200px) {
[col] {
padding: 5px; } }
[col] {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
[col-auto] {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
[col-1] {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
width: 8.33333%;
max-width: 8.33333%; }
[col-2] {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
width: 16.66667%;
max-width: 16.66667%; }
[col-3] {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
width: 25%;
max-width: 25%; }
[col-4] {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
width: 33.33333%;
max-width: 33.33333%; }
[col-5] {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
width: 41.66667%;
max-width: 41.66667%; }
[col-6] {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
max-width: 50%; }
[col-7] {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
width: 58.33333%;
max-width: 58.33333%; }
[col-8] {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
width: 66.66667%;
max-width: 66.66667%; }
[col-9] {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
width: 75%;
max-width: 75%; }
[col-10] {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
width: 83.33333%;
max-width: 83.33333%; }
[col-11] {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
width: 91.66667%;
max-width: 91.66667%; }
[col-12] {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
max-width: 100%; }
[pull-0] {
right: auto; }
[pull-1] {
right: 8.33333%; }
[pull-2] {
right: 16.66667%; }
[pull-3] {
right: 25%; }
[pull-4] {
right: 33.33333%; }
[pull-5] {
right: 41.66667%; }
[pull-6] {
right: 50%; }
[pull-7] {
right: 58.33333%; }
[pull-8] {
right: 66.66667%; }
[pull-9] {
right: 75%; }
[pull-10] {
right: 83.33333%; }
[pull-11] {
right: 91.66667%; }
[pull-12] {
right: 100%; }
[push-0] {
left: auto; }
[push-1] {
left: 8.33333%; }
[push-2] {
left: 16.66667%; }
[push-3] {
left: 25%; }
[push-4] {
left: 33.33333%; }
[push-5] {
left: 41.66667%; }
[push-6] {
left: 50%; }
[push-7] {
left: 58.33333%; }
[push-8] {
left: 66.66667%; }
[push-9] {
left: 75%; }
[push-10] {
left: 83.33333%; }
[push-11] {
left: 91.66667%; }
[push-12] {
left: 100%; }
[offset-1] {
margin-left: 8.33333%; }
[offset-2] {
margin-left: 16.66667%; }
[offset-3] {
margin-left: 25%; }
[offset-4] {
margin-left: 33.33333%; }
[offset-5] {
margin-left: 41.66667%; }
[offset-6] {
margin-left: 50%; }
[offset-7] {
margin-left: 58.33333%; }
[offset-8] {
margin-left: 66.66667%; }
[offset-9] {
margin-left: 75%; }
[offset-10] {
margin-left: 83.33333%; }
[offset-11] {
margin-left: 91.66667%; }
[col-sm-1] {
padding: 5px; }
@media (min-width: 576px) {
[col-sm-1] {
padding: 5px; } }
@media (min-width: 768px) {
[col-sm-1] {
padding: 5px; } }
@media (min-width: 992px) {
[col-sm-1] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-sm-1] {
padding: 5px; } }
[col-sm-2] {
padding: 5px; }
@media (min-width: 576px) {
[col-sm-2] {
padding: 5px; } }
@media (min-width: 768px) {
[col-sm-2] {
padding: 5px; } }
@media (min-width: 992px) {
[col-sm-2] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-sm-2] {
padding: 5px; } }
[col-sm-3] {
padding: 5px; }
@media (min-width: 576px) {
[col-sm-3] {
padding: 5px; } }
@media (min-width: 768px) {
[col-sm-3] {
padding: 5px; } }
@media (min-width: 992px) {
[col-sm-3] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-sm-3] {
padding: 5px; } }
[col-sm-4] {
padding: 5px; }
@media (min-width: 576px) {
[col-sm-4] {
padding: 5px; } }
@media (min-width: 768px) {
[col-sm-4] {
padding: 5px; } }
@media (min-width: 992px) {
[col-sm-4] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-sm-4] {
padding: 5px; } }
[col-sm-5] {
padding: 5px; }
@media (min-width: 576px) {
[col-sm-5] {
padding: 5px; } }
@media (min-width: 768px) {
[col-sm-5] {
padding: 5px; } }
@media (min-width: 992px) {
[col-sm-5] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-sm-5] {
padding: 5px; } }
[col-sm-6] {
padding: 5px; }
@media (min-width: 576px) {
[col-sm-6] {
padding: 5px; } }
@media (min-width: 768px) {
[col-sm-6] {
padding: 5px; } }
@media (min-width: 992px) {
[col-sm-6] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-sm-6] {
padding: 5px; } }
[col-sm-7] {
padding: 5px; }
@media (min-width: 576px) {
[col-sm-7] {
padding: 5px; } }
@media (min-width: 768px) {
[col-sm-7] {
padding: 5px; } }
@media (min-width: 992px) {
[col-sm-7] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-sm-7] {
padding: 5px; } }
[col-sm-8] {
padding: 5px; }
@media (min-width: 576px) {
[col-sm-8] {
padding: 5px; } }
@media (min-width: 768px) {
[col-sm-8] {
padding: 5px; } }
@media (min-width: 992px) {
[col-sm-8] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-sm-8] {
padding: 5px; } }
[col-sm-9] {
padding: 5px; }
@media (min-width: 576px) {
[col-sm-9] {
padding: 5px; } }
@media (min-width: 768px) {
[col-sm-9] {
padding: 5px; } }
@media (min-width: 992px) {
[col-sm-9] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-sm-9] {
padding: 5px; } }
[col-sm-10] {
padding: 5px; }
@media (min-width: 576px) {
[col-sm-10] {
padding: 5px; } }
@media (min-width: 768px) {
[col-sm-10] {
padding: 5px; } }
@media (min-width: 992px) {
[col-sm-10] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-sm-10] {
padding: 5px; } }
[col-sm-11] {
padding: 5px; }
@media (min-width: 576px) {
[col-sm-11] {
padding: 5px; } }
@media (min-width: 768px) {
[col-sm-11] {
padding: 5px; } }
@media (min-width: 992px) {
[col-sm-11] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-sm-11] {
padding: 5px; } }
[col-sm-12] {
padding: 5px; }
@media (min-width: 576px) {
[col-sm-12] {
padding: 5px; } }
@media (min-width: 768px) {
[col-sm-12] {
padding: 5px; } }
@media (min-width: 992px) {
[col-sm-12] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-sm-12] {
padding: 5px; } }
[col-sm] {
padding: 5px; }
@media (min-width: 576px) {
[col-sm] {
padding: 5px; } }
@media (min-width: 768px) {
[col-sm] {
padding: 5px; } }
@media (min-width: 992px) {
[col-sm] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-sm] {
padding: 5px; } }
@media (min-width: 576px) {
[col-sm] {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
[col-sm-auto] {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
[col-sm-1] {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
width: 8.33333%;
max-width: 8.33333%; }
[col-sm-2] {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
width: 16.66667%;
max-width: 16.66667%; }
[col-sm-3] {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
width: 25%;
max-width: 25%; }
[col-sm-4] {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
width: 33.33333%;
max-width: 33.33333%; }
[col-sm-5] {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
width: 41.66667%;
max-width: 41.66667%; }
[col-sm-6] {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
max-width: 50%; }
[col-sm-7] {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
width: 58.33333%;
max-width: 58.33333%; }
[col-sm-8] {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
width: 66.66667%;
max-width: 66.66667%; }
[col-sm-9] {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
width: 75%;
max-width: 75%; }
[col-sm-10] {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
width: 83.33333%;
max-width: 83.33333%; }
[col-sm-11] {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
width: 91.66667%;
max-width: 91.66667%; }
[col-sm-12] {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
max-width: 100%; }
[pull-sm-0] {
right: auto; }
[pull-sm-1] {
right: 8.33333%; }
[pull-sm-2] {
right: 16.66667%; }
[pull-sm-3] {
right: 25%; }
[pull-sm-4] {
right: 33.33333%; }
[pull-sm-5] {
right: 41.66667%; }
[pull-sm-6] {
right: 50%; }
[pull-sm-7] {
right: 58.33333%; }
[pull-sm-8] {
right: 66.66667%; }
[pull-sm-9] {
right: 75%; }
[pull-sm-10] {
right: 83.33333%; }
[pull-sm-11] {
right: 91.66667%; }
[pull-sm-12] {
right: 100%; }
[push-sm-0] {
left: auto; }
[push-sm-1] {
left: 8.33333%; }
[push-sm-2] {
left: 16.66667%; }
[push-sm-3] {
left: 25%; }
[push-sm-4] {
left: 33.33333%; }
[push-sm-5] {
left: 41.66667%; }
[push-sm-6] {
left: 50%; }
[push-sm-7] {
left: 58.33333%; }
[push-sm-8] {
left: 66.66667%; }
[push-sm-9] {
left: 75%; }
[push-sm-10] {
left: 83.33333%; }
[push-sm-11] {
left: 91.66667%; }
[push-sm-12] {
left: 100%; }
[offset-sm-0] {
margin-left: 0%; }
[offset-sm-1] {
margin-left: 8.33333%; }
[offset-sm-2] {
margin-left: 16.66667%; }
[offset-sm-3] {
margin-left: 25%; }
[offset-sm-4] {
margin-left: 33.33333%; }
[offset-sm-5] {
margin-left: 41.66667%; }
[offset-sm-6] {
margin-left: 50%; }
[offset-sm-7] {
margin-left: 58.33333%; }
[offset-sm-8] {
margin-left: 66.66667%; }
[offset-sm-9] {
margin-left: 75%; }
[offset-sm-10] {
margin-left: 83.33333%; }
[offset-sm-11] {
margin-left: 91.66667%; } }
[col-md-1] {
padding: 5px; }
@media (min-width: 576px) {
[col-md-1] {
padding: 5px; } }
@media (min-width: 768px) {
[col-md-1] {
padding: 5px; } }
@media (min-width: 992px) {
[col-md-1] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-md-1] {
padding: 5px; } }
[col-md-2] {
padding: 5px; }
@media (min-width: 576px) {
[col-md-2] {
padding: 5px; } }
@media (min-width: 768px) {
[col-md-2] {
padding: 5px; } }
@media (min-width: 992px) {
[col-md-2] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-md-2] {
padding: 5px; } }
[col-md-3] {
padding: 5px; }
@media (min-width: 576px) {
[col-md-3] {
padding: 5px; } }
@media (min-width: 768px) {
[col-md-3] {
padding: 5px; } }
@media (min-width: 992px) {
[col-md-3] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-md-3] {
padding: 5px; } }
[col-md-4] {
padding: 5px; }
@media (min-width: 576px) {
[col-md-4] {
padding: 5px; } }
@media (min-width: 768px) {
[col-md-4] {
padding: 5px; } }
@media (min-width: 992px) {
[col-md-4] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-md-4] {
padding: 5px; } }
[col-md-5] {
padding: 5px; }
@media (min-width: 576px) {
[col-md-5] {
padding: 5px; } }
@media (min-width: 768px) {
[col-md-5] {
padding: 5px; } }
@media (min-width: 992px) {
[col-md-5] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-md-5] {
padding: 5px; } }
[col-md-6] {
padding: 5px; }
@media (min-width: 576px) {
[col-md-6] {
padding: 5px; } }
@media (min-width: 768px) {
[col-md-6] {
padding: 5px; } }
@media (min-width: 992px) {
[col-md-6] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-md-6] {
padding: 5px; } }
[col-md-7] {
padding: 5px; }
@media (min-width: 576px) {
[col-md-7] {
padding: 5px; } }
@media (min-width: 768px) {
[col-md-7] {
padding: 5px; } }
@media (min-width: 992px) {
[col-md-7] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-md-7] {
padding: 5px; } }
[col-md-8] {
padding: 5px; }
@media (min-width: 576px) {
[col-md-8] {
padding: 5px; } }
@media (min-width: 768px) {
[col-md-8] {
padding: 5px; } }
@media (min-width: 992px) {
[col-md-8] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-md-8] {
padding: 5px; } }
[col-md-9] {
padding: 5px; }
@media (min-width: 576px) {
[col-md-9] {
padding: 5px; } }
@media (min-width: 768px) {
[col-md-9] {
padding: 5px; } }
@media (min-width: 992px) {
[col-md-9] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-md-9] {
padding: 5px; } }
[col-md-10] {
padding: 5px; }
@media (min-width: 576px) {
[col-md-10] {
padding: 5px; } }
@media (min-width: 768px) {
[col-md-10] {
padding: 5px; } }
@media (min-width: 992px) {
[col-md-10] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-md-10] {
padding: 5px; } }
[col-md-11] {
padding: 5px; }
@media (min-width: 576px) {
[col-md-11] {
padding: 5px; } }
@media (min-width: 768px) {
[col-md-11] {
padding: 5px; } }
@media (min-width: 992px) {
[col-md-11] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-md-11] {
padding: 5px; } }
[col-md-12] {
padding: 5px; }
@media (min-width: 576px) {
[col-md-12] {
padding: 5px; } }
@media (min-width: 768px) {
[col-md-12] {
padding: 5px; } }
@media (min-width: 992px) {
[col-md-12] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-md-12] {
padding: 5px; } }
[col-md] {
padding: 5px; }
@media (min-width: 576px) {
[col-md] {
padding: 5px; } }
@media (min-width: 768px) {
[col-md] {
padding: 5px; } }
@media (min-width: 992px) {
[col-md] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-md] {
padding: 5px; } }
@media (min-width: 768px) {
[col-md] {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
[col-md-auto] {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
[col-md-1] {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
width: 8.33333%;
max-width: 8.33333%; }
[col-md-2] {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
width: 16.66667%;
max-width: 16.66667%; }
[col-md-3] {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
width: 25%;
max-width: 25%; }
[col-md-4] {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
width: 33.33333%;
max-width: 33.33333%; }
[col-md-5] {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
width: 41.66667%;
max-width: 41.66667%; }
[col-md-6] {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
max-width: 50%; }
[col-md-7] {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
width: 58.33333%;
max-width: 58.33333%; }
[col-md-8] {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
width: 66.66667%;
max-width: 66.66667%; }
[col-md-9] {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
width: 75%;
max-width: 75%; }
[col-md-10] {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
width: 83.33333%;
max-width: 83.33333%; }
[col-md-11] {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
width: 91.66667%;
max-width: 91.66667%; }
[col-md-12] {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
max-width: 100%; }
[pull-md-0] {
right: auto; }
[pull-md-1] {
right: 8.33333%; }
[pull-md-2] {
right: 16.66667%; }
[pull-md-3] {
right: 25%; }
[pull-md-4] {
right: 33.33333%; }
[pull-md-5] {
right: 41.66667%; }
[pull-md-6] {
right: 50%; }
[pull-md-7] {
right: 58.33333%; }
[pull-md-8] {
right: 66.66667%; }
[pull-md-9] {
right: 75%; }
[pull-md-10] {
right: 83.33333%; }
[pull-md-11] {
right: 91.66667%; }
[pull-md-12] {
right: 100%; }
[push-md-0] {
left: auto; }
[push-md-1] {
left: 8.33333%; }
[push-md-2] {
left: 16.66667%; }
[push-md-3] {
left: 25%; }
[push-md-4] {
left: 33.33333%; }
[push-md-5] {
left: 41.66667%; }
[push-md-6] {
left: 50%; }
[push-md-7] {
left: 58.33333%; }
[push-md-8] {
left: 66.66667%; }
[push-md-9] {
left: 75%; }
[push-md-10] {
left: 83.33333%; }
[push-md-11] {
left: 91.66667%; }
[push-md-12] {
left: 100%; }
[offset-md-0] {
margin-left: 0%; }
[offset-md-1] {
margin-left: 8.33333%; }
[offset-md-2] {
margin-left: 16.66667%; }
[offset-md-3] {
margin-left: 25%; }
[offset-md-4] {
margin-left: 33.33333%; }
[offset-md-5] {
margin-left: 41.66667%; }
[offset-md-6] {
margin-left: 50%; }
[offset-md-7] {
margin-left: 58.33333%; }
[offset-md-8] {
margin-left: 66.66667%; }
[offset-md-9] {
margin-left: 75%; }
[offset-md-10] {
margin-left: 83.33333%; }
[offset-md-11] {
margin-left: 91.66667%; } }
[col-lg-1] {
padding: 5px; }
@media (min-width: 576px) {
[col-lg-1] {
padding: 5px; } }
@media (min-width: 768px) {
[col-lg-1] {
padding: 5px; } }
@media (min-width: 992px) {
[col-lg-1] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-lg-1] {
padding: 5px; } }
[col-lg-2] {
padding: 5px; }
@media (min-width: 576px) {
[col-lg-2] {
padding: 5px; } }
@media (min-width: 768px) {
[col-lg-2] {
padding: 5px; } }
@media (min-width: 992px) {
[col-lg-2] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-lg-2] {
padding: 5px; } }
[col-lg-3] {
padding: 5px; }
@media (min-width: 576px) {
[col-lg-3] {
padding: 5px; } }
@media (min-width: 768px) {
[col-lg-3] {
padding: 5px; } }
@media (min-width: 992px) {
[col-lg-3] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-lg-3] {
padding: 5px; } }
[col-lg-4] {
padding: 5px; }
@media (min-width: 576px) {
[col-lg-4] {
padding: 5px; } }
@media (min-width: 768px) {
[col-lg-4] {
padding: 5px; } }
@media (min-width: 992px) {
[col-lg-4] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-lg-4] {
padding: 5px; } }
[col-lg-5] {
padding: 5px; }
@media (min-width: 576px) {
[col-lg-5] {
padding: 5px; } }
@media (min-width: 768px) {
[col-lg-5] {
padding: 5px; } }
@media (min-width: 992px) {
[col-lg-5] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-lg-5] {
padding: 5px; } }
[col-lg-6] {
padding: 5px; }
@media (min-width: 576px) {
[col-lg-6] {
padding: 5px; } }
@media (min-width: 768px) {
[col-lg-6] {
padding: 5px; } }
@media (min-width: 992px) {
[col-lg-6] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-lg-6] {
padding: 5px; } }
[col-lg-7] {
padding: 5px; }
@media (min-width: 576px) {
[col-lg-7] {
padding: 5px; } }
@media (min-width: 768px) {
[col-lg-7] {
padding: 5px; } }
@media (min-width: 992px) {
[col-lg-7] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-lg-7] {
padding: 5px; } }
[col-lg-8] {
padding: 5px; }
@media (min-width: 576px) {
[col-lg-8] {
padding: 5px; } }
@media (min-width: 768px) {
[col-lg-8] {
padding: 5px; } }
@media (min-width: 992px) {
[col-lg-8] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-lg-8] {
padding: 5px; } }
[col-lg-9] {
padding: 5px; }
@media (min-width: 576px) {
[col-lg-9] {
padding: 5px; } }
@media (min-width: 768px) {
[col-lg-9] {
padding: 5px; } }
@media (min-width: 992px) {
[col-lg-9] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-lg-9] {
padding: 5px; } }
[col-lg-10] {
padding: 5px; }
@media (min-width: 576px) {
[col-lg-10] {
padding: 5px; } }
@media (min-width: 768px) {
[col-lg-10] {
padding: 5px; } }
@media (min-width: 992px) {
[col-lg-10] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-lg-10] {
padding: 5px; } }
[col-lg-11] {
padding: 5px; }
@media (min-width: 576px) {
[col-lg-11] {
padding: 5px; } }
@media (min-width: 768px) {
[col-lg-11] {
padding: 5px; } }
@media (min-width: 992px) {
[col-lg-11] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-lg-11] {
padding: 5px; } }
[col-lg-12] {
padding: 5px; }
@media (min-width: 576px) {
[col-lg-12] {
padding: 5px; } }
@media (min-width: 768px) {
[col-lg-12] {
padding: 5px; } }
@media (min-width: 992px) {
[col-lg-12] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-lg-12] {
padding: 5px; } }
[col-lg] {
padding: 5px; }
@media (min-width: 576px) {
[col-lg] {
padding: 5px; } }
@media (min-width: 768px) {
[col-lg] {
padding: 5px; } }
@media (min-width: 992px) {
[col-lg] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-lg] {
padding: 5px; } }
@media (min-width: 992px) {
[col-lg] {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
[col-lg-auto] {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
[col-lg-1] {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
width: 8.33333%;
max-width: 8.33333%; }
[col-lg-2] {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
width: 16.66667%;
max-width: 16.66667%; }
[col-lg-3] {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
width: 25%;
max-width: 25%; }
[col-lg-4] {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
width: 33.33333%;
max-width: 33.33333%; }
[col-lg-5] {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
width: 41.66667%;
max-width: 41.66667%; }
[col-lg-6] {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
max-width: 50%; }
[col-lg-7] {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
width: 58.33333%;
max-width: 58.33333%; }
[col-lg-8] {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
width: 66.66667%;
max-width: 66.66667%; }
[col-lg-9] {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
width: 75%;
max-width: 75%; }
[col-lg-10] {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
width: 83.33333%;
max-width: 83.33333%; }
[col-lg-11] {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
width: 91.66667%;
max-width: 91.66667%; }
[col-lg-12] {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
max-width: 100%; }
[pull-lg-0] {
right: auto; }
[pull-lg-1] {
right: 8.33333%; }
[pull-lg-2] {
right: 16.66667%; }
[pull-lg-3] {
right: 25%; }
[pull-lg-4] {
right: 33.33333%; }
[pull-lg-5] {
right: 41.66667%; }
[pull-lg-6] {
right: 50%; }
[pull-lg-7] {
right: 58.33333%; }
[pull-lg-8] {
right: 66.66667%; }
[pull-lg-9] {
right: 75%; }
[pull-lg-10] {
right: 83.33333%; }
[pull-lg-11] {
right: 91.66667%; }
[pull-lg-12] {
right: 100%; }
[push-lg-0] {
left: auto; }
[push-lg-1] {
left: 8.33333%; }
[push-lg-2] {
left: 16.66667%; }
[push-lg-3] {
left: 25%; }
[push-lg-4] {
left: 33.33333%; }
[push-lg-5] {
left: 41.66667%; }
[push-lg-6] {
left: 50%; }
[push-lg-7] {
left: 58.33333%; }
[push-lg-8] {
left: 66.66667%; }
[push-lg-9] {
left: 75%; }
[push-lg-10] {
left: 83.33333%; }
[push-lg-11] {
left: 91.66667%; }
[push-lg-12] {
left: 100%; }
[offset-lg-0] {
margin-left: 0%; }
[offset-lg-1] {
margin-left: 8.33333%; }
[offset-lg-2] {
margin-left: 16.66667%; }
[offset-lg-3] {
margin-left: 25%; }
[offset-lg-4] {
margin-left: 33.33333%; }
[offset-lg-5] {
margin-left: 41.66667%; }
[offset-lg-6] {
margin-left: 50%; }
[offset-lg-7] {
margin-left: 58.33333%; }
[offset-lg-8] {
margin-left: 66.66667%; }
[offset-lg-9] {
margin-left: 75%; }
[offset-lg-10] {
margin-left: 83.33333%; }
[offset-lg-11] {
margin-left: 91.66667%; } }
[col-xl-1] {
padding: 5px; }
@media (min-width: 576px) {
[col-xl-1] {
padding: 5px; } }
@media (min-width: 768px) {
[col-xl-1] {
padding: 5px; } }
@media (min-width: 992px) {
[col-xl-1] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-xl-1] {
padding: 5px; } }
[col-xl-2] {
padding: 5px; }
@media (min-width: 576px) {
[col-xl-2] {
padding: 5px; } }
@media (min-width: 768px) {
[col-xl-2] {
padding: 5px; } }
@media (min-width: 992px) {
[col-xl-2] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-xl-2] {
padding: 5px; } }
[col-xl-3] {
padding: 5px; }
@media (min-width: 576px) {
[col-xl-3] {
padding: 5px; } }
@media (min-width: 768px) {
[col-xl-3] {
padding: 5px; } }
@media (min-width: 992px) {
[col-xl-3] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-xl-3] {
padding: 5px; } }
[col-xl-4] {
padding: 5px; }
@media (min-width: 576px) {
[col-xl-4] {
padding: 5px; } }
@media (min-width: 768px) {
[col-xl-4] {
padding: 5px; } }
@media (min-width: 992px) {
[col-xl-4] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-xl-4] {
padding: 5px; } }
[col-xl-5] {
padding: 5px; }
@media (min-width: 576px) {
[col-xl-5] {
padding: 5px; } }
@media (min-width: 768px) {
[col-xl-5] {
padding: 5px; } }
@media (min-width: 992px) {
[col-xl-5] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-xl-5] {
padding: 5px; } }
[col-xl-6] {
padding: 5px; }
@media (min-width: 576px) {
[col-xl-6] {
padding: 5px; } }
@media (min-width: 768px) {
[col-xl-6] {
padding: 5px; } }
@media (min-width: 992px) {
[col-xl-6] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-xl-6] {
padding: 5px; } }
[col-xl-7] {
padding: 5px; }
@media (min-width: 576px) {
[col-xl-7] {
padding: 5px; } }
@media (min-width: 768px) {
[col-xl-7] {
padding: 5px; } }
@media (min-width: 992px) {
[col-xl-7] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-xl-7] {
padding: 5px; } }
[col-xl-8] {
padding: 5px; }
@media (min-width: 576px) {
[col-xl-8] {
padding: 5px; } }
@media (min-width: 768px) {
[col-xl-8] {
padding: 5px; } }
@media (min-width: 992px) {
[col-xl-8] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-xl-8] {
padding: 5px; } }
[col-xl-9] {
padding: 5px; }
@media (min-width: 576px) {
[col-xl-9] {
padding: 5px; } }
@media (min-width: 768px) {
[col-xl-9] {
padding: 5px; } }
@media (min-width: 992px) {
[col-xl-9] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-xl-9] {
padding: 5px; } }
[col-xl-10] {
padding: 5px; }
@media (min-width: 576px) {
[col-xl-10] {
padding: 5px; } }
@media (min-width: 768px) {
[col-xl-10] {
padding: 5px; } }
@media (min-width: 992px) {
[col-xl-10] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-xl-10] {
padding: 5px; } }
[col-xl-11] {
padding: 5px; }
@media (min-width: 576px) {
[col-xl-11] {
padding: 5px; } }
@media (min-width: 768px) {
[col-xl-11] {
padding: 5px; } }
@media (min-width: 992px) {
[col-xl-11] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-xl-11] {
padding: 5px; } }
[col-xl-12] {
padding: 5px; }
@media (min-width: 576px) {
[col-xl-12] {
padding: 5px; } }
@media (min-width: 768px) {
[col-xl-12] {
padding: 5px; } }
@media (min-width: 992px) {
[col-xl-12] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-xl-12] {
padding: 5px; } }
[col-xl] {
padding: 5px; }
@media (min-width: 576px) {
[col-xl] {
padding: 5px; } }
@media (min-width: 768px) {
[col-xl] {
padding: 5px; } }
@media (min-width: 992px) {
[col-xl] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-xl] {
padding: 5px; } }
@media (min-width: 1200px) {
[col-xl] {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
[col-xl-auto] {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
[col-xl-1] {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
width: 8.33333%;
max-width: 8.33333%; }
[col-xl-2] {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
width: 16.66667%;
max-width: 16.66667%; }
[col-xl-3] {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
width: 25%;
max-width: 25%; }
[col-xl-4] {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
width: 33.33333%;
max-width: 33.33333%; }
[col-xl-5] {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
width: 41.66667%;
max-width: 41.66667%; }
[col-xl-6] {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
max-width: 50%; }
[col-xl-7] {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
width: 58.33333%;
max-width: 58.33333%; }
[col-xl-8] {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
width: 66.66667%;
max-width: 66.66667%; }
[col-xl-9] {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
width: 75%;
max-width: 75%; }
[col-xl-10] {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
width: 83.33333%;
max-width: 83.33333%; }
[col-xl-11] {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
width: 91.66667%;
max-width: 91.66667%; }
[col-xl-12] {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
max-width: 100%; }
[pull-xl-0] {
right: auto; }
[pull-xl-1] {
right: 8.33333%; }
[pull-xl-2] {
right: 16.66667%; }
[pull-xl-3] {
right: 25%; }
[pull-xl-4] {
right: 33.33333%; }
[pull-xl-5] {
right: 41.66667%; }
[pull-xl-6] {
right: 50%; }
[pull-xl-7] {
right: 58.33333%; }
[pull-xl-8] {
right: 66.66667%; }
[pull-xl-9] {
right: 75%; }
[pull-xl-10] {
right: 83.33333%; }
[pull-xl-11] {
right: 91.66667%; }
[pull-xl-12] {
right: 100%; }
[push-xl-0] {
left: auto; }
[push-xl-1] {
left: 8.33333%; }
[push-xl-2] {
left: 16.66667%; }
[push-xl-3] {
left: 25%; }
[push-xl-4] {
left: 33.33333%; }
[push-xl-5] {
left: 41.66667%; }
[push-xl-6] {
left: 50%; }
[push-xl-7] {
left: 58.33333%; }
[push-xl-8] {
left: 66.66667%; }
[push-xl-9] {
left: 75%; }
[push-xl-10] {
left: 83.33333%; }
[push-xl-11] {
left: 91.66667%; }
[push-xl-12] {
left: 100%; }
[offset-xl-0] {
margin-left: 0%; }
[offset-xl-1] {
margin-left: 8.33333%; }
[offset-xl-2] {
margin-left: 16.66667%; }
[offset-xl-3] {
margin-left: 25%; }
[offset-xl-4] {
margin-left: 33.33333%; }
[offset-xl-5] {
margin-left: 41.66667%; }
[offset-xl-6] {
margin-left: 50%; }
[offset-xl-7] {
margin-left: 58.33333%; }
[offset-xl-8] {
margin-left: 66.66667%; }
[offset-xl-9] {
margin-left: 75%; }
[offset-xl-10] {
margin-left: 83.33333%; }
[offset-xl-11] {
margin-left: 91.66667%; } }
ion-icon {
display: inline-block;
font-size: 1.2em; }
ion-icon[small] {
min-height: 1.1em;
font-size: 1.1em; }
.icon-ios-primary {
color: #327eff; }
.icon-ios-secondary {
color: #32db64; }
.icon-ios-danger {
color: #f53d3d; }
.icon-ios-light {
color: #f4f4f4; }
.icon-ios-dark {
color: #222; }
.icon-md-primary {
color: #327eff; }
.icon-md-secondary {
color: #32db64; }
.icon-md-danger {
color: #f53d3d; }
.icon-md-light {
color: #f4f4f4; }
.icon-md-dark {
color: #222; }
.icon-wp-primary {
color: #327eff; }
.icon-wp-secondary {
color: #32db64; }
.icon-wp-danger {
color: #f53d3d; }
.icon-wp-light {
color: #f4f4f4; }
.icon-wp-dark {
color: #222; }
ion-img {
display: inline-block;
min-width: 20px;
min-height: 20px;
background: #eee;
contain: strict; }
ion-img img {
object-fit: cover; }
ion-img.img-unloaded img {
display: none; }
ion-img.img-loaded img {
display: block; }
ion-infinite-scroll {
display: block;
width: 100%; }
ion-infinite-scroll-content {
text-align: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
min-height: 84px; }
.infinite-loading {
display: none;
width: 100%;
margin: 0 0 32px; }
.infinite-loading-text {
color: #666;
margin: 4px 32px 0; }
.infinite-loading-spinner .spinner-ios line,
.infinite-loading-spinner .spinner-ios-small line,
.infinite-loading-spinner .spinner-crescent circle {
stroke: #666; }
.infinite-loading-spinner .spinner-bubbles circle,
.infinite-loading-spinner .spinner-circles circle,
.infinite-loading-spinner .spinner-dots circle {
fill: #666; }
ion-infinite-scroll-content[state=loading] .infinite-loading {
display: block; }
ion-infinite-scroll-content[state=disabled] {
display: none; }
ion-input,
ion-textarea {
position: relative;
display: block;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%; }
.item-input ion-input,
.item-input ion-textarea {
position: static; }
.item.item-textarea {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.text-input {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
display: inline-block;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 92%;
width: calc(100% - 10px);
border: 0;
background: transparent; }
.text-input::-moz-placeholder {
color: #999; }
.text-input:-ms-input-placeholder {
color: #999; }
.text-input::-webkit-input-placeholder {
text-indent: 0;
color: #999; }
textarea.text-input {
display: block; }
.text-input[disabled] {
opacity: .4; }
input.text-input:-webkit-autofill {
background-color: transparent; }
.platform-mobile textarea.text-input {
resize: none; }
.input-cover {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
-ms-touch-action: manipulation;
touch-action: manipulation; }
.input[disabled] .input-cover {
pointer-events: none; }
.item-input-has-focus .input-cover,
.input-has-focus .input-cover {
display: none; }
.item-input-has-focus,
.input-has-focus {
pointer-events: none; }
.item-input-has-focus input,
.input-has-focus input,
.item-input-has-focus textarea,
.input-has-focus textarea,
.item-input-has-focus a,
.input-has-focus a,
.item-input-has-focus button,
.input-has-focus button {
pointer-events: auto; }
.text-input-clear-icon {
margin: 0;
padding: 0;
background-position: center;
position: absolute;
top: 0;
display: none;
height: 100%;
background-repeat: no-repeat; }
.item-input-has-focus.item-input-has-value .text-input-clear-icon,
.input-has-focus.input-has-value .text-input-clear-icon {
display: block; }
.text-input-ios {
margin: 11px 8px 11px 0;
padding: 0;
width: calc(100% - 8px); }
.input-ios .inset-input {
padding: 5.5px 8px;
margin: 5.5px 16px 5.5px 0; }
.item-ios.item-label-stacked .text-input,
.item-ios.item-label-floating .text-input {
margin-left: 0;
margin-top: 8px;
margin-bottom: 8px;
width: calc(100% - 8px); }
.item-ios.item-label-stacked .label-ios + .input + .cloned-input,
.item-ios.item-label-floating .label-ios + .input + .cloned-input {
margin-left: 0; }
.item-label-stacked .select-ios,
.item-label-floating .select-ios {
padding-left: 0;
padding-top: 8px;
padding-bottom: 8px; }
.input-ios[clearInput] {
position: relative; }
.input-ios[clearInput] .text-input {
padding-right: 30px; }
.input-ios .text-input-clear-icon {
right: 8px;
background-image: url("data:image/svg+xml;charset=utf-8,");
width: 30px;
background-size: 18px; }
.text-input-md {
margin: 13px 8px;
padding: 0;
width: calc(100% - 8px - 8px); }
.input-md .inset-input {
padding: 6.5px 8px;
margin: 6.5px 16px; }
.item-md.item-input.item-input-has-focus .item-inner,
.item-md.item-input.input-has-focus .item-inner {
border-bottom-color: #327eff;
box-shadow: inset 0 -1px 0 0 #327eff; }
.list-md .item-input.item-input-has-focus:last-child,
.list-md .item-input.input-has-focus:last-child {
border-bottom-color: #327eff;
box-shadow: inset 0 -1px 0 0 #327eff; }
.list-md .item-input.item-input-has-focus:last-child .item-inner,
.list-md .item-input.input-has-focus:last-child .item-inner {
box-shadow: none; }
.item-md.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner,
.item-md.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
border-bottom-color: #32db64;
box-shadow: inset 0 -1px 0 0 #32db64; }
.list-md .item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child,
.list-md .item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child {
border-bottom-color: #32db64;
box-shadow: inset 0 -1px 0 0 #32db64; }
.list-md .item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child .item-inner,
.list-md .item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child .item-inner {
box-shadow: none; }
.item-md.item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
border-bottom-color: #f53d3d;
box-shadow: inset 0 -1px 0 0 #f53d3d; }
.list-md .item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus):last-child {
border-bottom-color: #f53d3d;
box-shadow: inset 0 -1px 0 0 #f53d3d; }
.list-md .item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus):last-child .item-inner {
box-shadow: none; }
.item-label-stacked .text-input-md,
.item-label-floating .text-input-md {
margin-left: 0;
margin-top: 8px;
margin-bottom: 8px;
width: calc(100% - 8px); }
.item-label-stacked .select-md,
.item-label-floating .select-md {
padding-left: 0;
padding-top: 8px;
padding-bottom: 8px; }
.input-md[clearInput] {
position: relative; }
.input-md[clearInput] .text-input {
padding-right: 30px; }
.input-md .text-input-clear-icon {
right: 8px;
background-image: url("data:image/svg+xml;charset=utf-8,");
width: 30px;
background-size: 22px; }
.text-input-wp {
margin: 13px 8px;
padding: 0 8px;
width: calc(100% - 8px - 8px);
border: 2px solid rgba(0, 0, 0, 0.5);
line-height: 3rem; }
.item-wp .inset-input {
padding: 6.5px 8px;
margin: 6.5px 16px; }
.item-wp.item-input.item-input-has-focus .text-input,
.item-wp.item-input.input-has-focus .text-input {
border-color: #327eff; }
.item-wp.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .text-input,
.item-wp.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .text-input {
border-color: #32db64; }
.item-wp.item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus) .text-input {
border-color: #f53d3d; }
.item-label-stacked .text-input-wp,
.item-label-floating .text-input-wp,
.item-label-stacked .select-wp,
.item-label-floating .select-wp {
margin-left: 0;
margin-top: 8px;
margin-bottom: 8px;
width: calc(100% - 8px); }
.item-wp.item-label-stacked [item-right],
.item-wp.item-label-floating [item-right],
.item-wp.item-label-stacked [item-end],
.item-wp.item-label-floating [item-end] {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
.input-wp[clearInput] {
position: relative; }
.input-wp[clearInput] .text-input {
padding-right: 30px; }
.input-wp .text-input-clear-icon {
right: 8px;
background-image: url("data:image/svg+xml;charset=utf-8,");
width: 30px;
background-size: 22px; }
.item {
contain: content; }
.item-block {
margin: 0;
padding: 0;
text-align: initial;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
min-height: 4.4rem;
border: 0;
font-weight: normal;
line-height: normal;
text-decoration: none;
color: inherit; }
.item-inner {
margin: 0;
padding: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
-webkit-align-items: inherit;
-ms-flex-align: inherit;
align-items: inherit;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
min-height: inherit;
border: 0; }
.input-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
-webkit-align-items: inherit;
-ms-flex-align: inherit;
align-items: inherit;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
text-overflow: ellipsis; }
.item[no-lines],
.item.item[no-lines] .item-inner {
border: 0; }
ion-item-group {
display: block; }
ion-item-divider {
margin: 0;
padding: 0;
z-index: 100;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
min-height: 30px; }
ion-item-divider[sticky] {
position: -webkit-sticky;
position: sticky;
top: 0; }
[vertical-align-top],
ion-input.item {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.item > ion-icon[small]:first-child,
.item-inner > ion-icon[small]:first-child {
min-width: 18px; }
.item > ion-icon:first-child,
.item-inner > ion-icon:first-child {
text-align: center;
min-width: 24px; }
.item > ion-icon,
.item-inner > ion-icon {
min-height: 2.8rem;
font-size: 2.8rem;
line-height: 1; }
.item > ion-icon[large],
.item-inner > ion-icon[large] {
min-height: 3.2rem;
font-size: 3.2rem; }
.item > ion-icon[small],
.item-inner > ion-icon[small] {
min-height: 1.8rem;
font-size: 1.8rem; }
ion-avatar,
ion-thumbnail {
display: block;
line-height: 1; }
ion-avatar img,
ion-thumbnail img {
display: block; }
.item-cover {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
background: transparent;
cursor: pointer; }
ion-reorder {
-webkit-transform: translate3d(300%, 0, 0);
transform: translate3d(300%, 0, 0);
display: none;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 40px;
height: 100%;
font-size: 1.7em;
opacity: .25;
transition: -webkit-transform 140ms ease-in;
transition: transform 140ms ease-in;
transition: transform 140ms ease-in, -webkit-transform 140ms ease-in;
pointer-events: all;
-ms-touch-action: manipulation;
touch-action: manipulation; }
.reorder-side-start ion-reorder {
-webkit-transform: translate3d(-300%, 0, 0);
transform: translate3d(-300%, 0, 0);
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
ion-reorder ion-icon {
pointer-events: none; }
.reorder-enabled ion-reorder {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.reorder-visible ion-reorder {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.reorder-list-active .item,
.reorder-list-active .item-wrapper {
transition: -webkit-transform 300ms;
transition: transform 300ms;
transition: transform 300ms, -webkit-transform 300ms;
will-change: transform; }
.reorder-list-active .item-inner {
pointer-events: none; }
.item-wrapper.reorder-active,
.item.reorder-active,
.reorder-active {
z-index: 4;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
opacity: .8;
transition: none;
pointer-events: none; }
ion-item-sliding {
position: relative;
display: block;
overflow: hidden;
width: 100%; }
ion-item-sliding .item {
position: static; }
ion-item-options {
position: absolute;
z-index: 1;
display: none;
height: 100%;
font-size: 14px;
visibility: hidden;
top: 0;
right: 0;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
ion-item-options[side=left] {
right: auto;
left: 0;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
ion-item-options .button {
margin: 0;
padding: 0 0.7em;
border-radius: 0;
height: 100%;
box-shadow: none;
box-sizing: content-box; }
ion-item-options .button:last-child {
padding-right: 0.7em; }
@media screen and (orientation: landscape) {
ion-item-options .button:last-child {
padding-right: calc(constant(safe-area-inset-right) + 0.7em);
padding-right: calc(env(safe-area-inset-right) + 0.7em); } }
ion-item-options:not([icon-left]) .button:not([icon-only]) .button-inner,
ion-item-options:not([icon-start]) .button:not([icon-only]) .button-inner {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
ion-item-options:not([icon-left]) .button:not([icon-only]) ion-icon,
ion-item-options:not([icon-start]) .button:not([icon-only]) ion-icon {
padding-left: 0;
padding-right: 0;
padding-bottom: 0.3em; }
ion-item-sliding.active-slide .item,
ion-item-sliding.active-slide .item.activated {
position: relative;
z-index: 2;
opacity: 1;
transition: -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
transition: transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
transition: transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
pointer-events: none;
will-change: transform; }
ion-item-sliding.active-slide ion-item-options {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
ion-item-sliding.active-slide.active-options-left ion-item-options[side=left],
ion-item-sliding.active-slide.active-options-right ion-item-options:not([side=left]) {
width: 100%;
visibility: visible; }
button[expandable] {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
transition-duration: 0;
transition-property: none;
transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); }
ion-item-sliding.active-swipe-right button[expandable] {
transition-duration: .6s;
transition-property: padding-left;
padding-left: 90%;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
ion-item-sliding.active-swipe-left button[expandable] {
transition-duration: .6s;
transition-property: padding-right;
padding-right: 90%;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.item-ios {
padding-left: 16px;
padding-left: 16px;
border-radius: 0;
position: relative;
font-size: 1.7rem;
color: #000;
background-color: #fff;
transition: background-color 200ms linear; }
@media screen and (orientation: landscape) {
.item-ios {
padding-left: calc(constant(safe-area-inset-left) + 16px);
padding-left: calc(env(safe-area-inset-left) + 16px); } }
.item-ios.activated {
background-color: #d9d9d9;
transition-duration: 0ms; }
.item-ios h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal; }
.item-ios h2 {
margin: 0 0 2px;
font-size: 1.7rem;
font-weight: normal; }
.item-ios h3,
.item-ios h4,
.item-ios h5,
.item-ios h6 {
margin: 0 0 3px;
font-size: 1.4rem;
font-weight: normal;
line-height: normal; }
.item-ios p {
overflow: inherit;
font-size: 1.4rem;
line-height: normal;
text-overflow: inherit;
color: #8e9093;
margin: 0 0 2px; }
.item-ios h2:last-child,
.item-ios h3:last-child,
.item-ios h4:last-child,
.item-ios h5:last-child,
.item-ios h6:last-child,
.item-ios p:last-child {
margin-bottom: 0; }
.item-ios.item-block .item-inner {
padding-right: 8px;
padding-right: 8px;
border-bottom: 0.55px solid #c8c7cc; }
@media screen and (orientation: landscape) {
.item-ios.item-block .item-inner {
padding-right: calc(constant(safe-area-inset-right) + 8px);
padding-right: calc(env(safe-area-inset-right) + 8px); } }
.item-ios [item-left],
.item-ios [item-start] {
margin: 8px 16px 8px 0; }
.item-ios [item-right],
.item-ios [item-end] {
margin: 8px; }
.item-ios ion-icon[item-left],
.item-ios ion-icon[item-right],
.item-ios ion-icon[item-start],
.item-ios ion-icon[item-end] {
margin-left: 0;
margin-top: 9px;
margin-bottom: 8px; }
.item-ios .item-button {
padding: 0 0.5em;
height: 24px;
font-size: 1.3rem; }
.item-ios .item-button[icon-only] ion-icon,
.item-ios .item-button[icon-only] {
padding: 0 1px; }
.item-ios ion-avatar[item-left],
.item-ios ion-thumbnail[item-left],
.item-ios ion-avatar[item-start],
.item-ios ion-thumbnail[item-start] {
margin: 8px 16px 8px 0; }
.item-ios ion-avatar[item-right],
.item-ios ion-thumbnail[item-right],
.item-ios ion-avatar[item-end],
.item-ios ion-thumbnail[item-end] {
margin: 8px; }
.item-ios ion-avatar {
min-width: 36px;
min-height: 36px; }
.item-ios ion-avatar ion-img,
.item-ios ion-avatar img {
border-radius: 50%;
overflow: hidden;
width: 36px;
height: 36px; }
.item-ios ion-thumbnail {
min-width: 56px;
min-height: 56px; }
.item-ios ion-thumbnail ion-img,
.item-ios ion-thumbnail img {
width: 56px;
height: 56px; }
.item-ios[detail-push] .item-inner,
button.item-ios:not([detail-none]) .item-inner,
a.item-ios:not([detail-none]) .item-inner {
background-image: url("data:image/svg+xml;charset=utf-8,");
padding-right: 32px;
background-position: right 14px center;
background-position: right calc(14px + constant(safe-area-inset-right)) center;
background-position: right calc(14px + env(safe-area-inset-right)) center;
background-repeat: no-repeat;
background-size: 14px 14px; }
ion-item-group .item-ios:first-child .item-inner {
border-top-width: 0; }
ion-item-group .item-ios:last-child .item-inner,
ion-item-group .item-wrapper:last-child .item-ios .item-inner {
border: 0; }
.item-divider-ios {
padding-left: 16px;
padding-left: 16px;
color: #222;
background-color: #f7f7f7; }
@media screen and (orientation: landscape) {
.item-divider-ios {
padding-left: calc(constant(safe-area-inset-left) + 16px);
padding-left: calc(env(safe-area-inset-left) + 16px); } }
.item-ios .text-ios-primary {
color: #327eff; }
.item-ios-primary,
.item-divider-ios-primary {
color: #fff;
background-color: #327eff; }
.item-ios-primary p,
.item-divider-ios-primary p {
color: #fff; }
.item-ios-primary.activated,
.item-divider-ios-primary.activated {
background-color: #2e74eb; }
.item-ios .text-ios-secondary {
color: #32db64; }
.item-ios-secondary,
.item-divider-ios-secondary {
color: #fff;
background-color: #32db64; }
.item-ios-secondary p,
.item-divider-ios-secondary p {
color: #fff; }
.item-ios-secondary.activated,
.item-divider-ios-secondary.activated {
background-color: #2ec95c; }
.item-ios .text-ios-danger {
color: #f53d3d; }
.item-ios-danger,
.item-divider-ios-danger {
color: #fff;
background-color: #f53d3d; }
.item-ios-danger p,
.item-divider-ios-danger p {
color: #fff; }
.item-ios-danger.activated,
.item-divider-ios-danger.activated {
background-color: #e13838; }
.item-ios .text-ios-light {
color: #f4f4f4; }
.item-ios-light,
.item-divider-ios-light {
color: #000;
background-color: #f4f4f4; }
.item-ios-light p,
.item-divider-ios-light p {
color: #000; }
.item-ios-light.activated,
.item-divider-ios-light.activated {
background-color: #e0e0e0; }
.item-ios .text-ios-dark {
color: #222; }
.item-ios-dark,
.item-divider-ios-dark {
color: #fff;
background-color: #222; }
.item-ios-dark p,
.item-divider-ios-dark p {
color: #fff; }
.item-ios-dark.activated,
.item-divider-ios-dark.activated {
background-color: #343434; }
.list-ios ion-item-sliding {
background-color: #fff; }
.item-md {
padding-left: 16px;
padding-right: 0;
position: relative;
font-size: 1.6rem;
font-weight: normal;
text-transform: none;
color: #000;
background-color: #fff;
box-shadow: none;
transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.item-md.activated {
background-color: #f1f1f1; }
.item-md[no-lines] {
border-width: 0; }
.item-md h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal; }
.item-md h2 {
margin: 2px 0;
font-size: 1.6rem;
font-weight: normal; }
.item-md h3,
.item-md h4,
.item-md h5,
.item-md h6 {
margin: 2px 0;
font-size: 1.4rem;
font-weight: normal;
line-height: normal; }
.item-md p {
margin: 0 0 2px;
overflow: inherit;
font-size: 1.4rem;
line-height: normal;
text-overflow: inherit;
color: #666; }
.item-md.item-block .item-inner {
padding-right: 8px;
border-bottom: 1px solid #dedede; }
.item-md [item-left],
.item-md [item-right],
.item-md [item-start],
.item-md [item-end] {
margin: 9px 8px 9px 0; }
.item-md ion-icon[item-left],
.item-md ion-icon[item-right],
.item-md ion-icon[item-start],
.item-md ion-icon[item-end] {
margin-left: 0;
margin-top: 11px;
margin-bottom: 10px; }
.item-md .item-button {
padding: 0 0.6em;
height: 25px;
font-size: 1.2rem; }
.item-md .item-button[icon-only] ion-icon,
.item-md .item-button[icon-only] {
padding: 0 1px; }
.item-md ion-icon[item-left] + .item-inner,
.item-md ion-icon[item-left] + .item-input,
.item-md ion-icon[item-start] + .item-inner,
.item-md ion-icon[item-start] + .item-input {
margin-left: 24px; }
.item-md ion-avatar[item-left],
.item-md ion-thumbnail[item-left],
.item-md ion-avatar[item-start],
.item-md ion-thumbnail[item-start] {
margin: 8px 16px 8px 0; }
.item-md ion-avatar[item-right],
.item-md ion-thumbnail[item-right],
.item-md ion-avatar[item-end],
.item-md ion-thumbnail[item-end] {
margin: 8px; }
.item-md ion-avatar {
min-width: 40px;
min-height: 40px; }
.item-md ion-avatar ion-img,
.item-md ion-avatar img {
border-radius: 50%;
overflow: hidden;
width: 40px;
height: 40px; }
.item-md ion-thumbnail {
min-width: 80px;
min-height: 80px; }
.item-md ion-thumbnail ion-img,
.item-md ion-thumbnail img {
width: 80px;
height: 80px; }
ion-item-group .item-md:first-child .item-inner {
border-top-width: 0; }
ion-item-group .item-md:last-child .item-inner,
ion-item-group .item-md .item-wrapper:last-child .item-inner {
border: 0; }
.item-divider-md {
padding-left: 16px;
border-bottom: 1px solid #dedede;
font-size: 1.4rem;
color: #858585;
background-color: #fff; }
.item-md .text-md-primary {
color: #327eff; }
.item-md-primary,
.item-divider-md-primary {
color: #fff;
background-color: #327eff; }
.item-md-primary p,
.item-divider-md-primary p {
color: #fff; }
.item-md-primary.activated,
.item-divider-md-primary.activated {
background-color: #2e74eb; }
.item-md .text-md-secondary {
color: #32db64; }
.item-md-secondary,
.item-divider-md-secondary {
color: #fff;
background-color: #32db64; }
.item-md-secondary p,
.item-divider-md-secondary p {
color: #fff; }
.item-md-secondary.activated,
.item-divider-md-secondary.activated {
background-color: #2ec95c; }
.item-md .text-md-danger {
color: #f53d3d; }
.item-md-danger,
.item-divider-md-danger {
color: #fff;
background-color: #f53d3d; }
.item-md-danger p,
.item-divider-md-danger p {
color: #fff; }
.item-md-danger.activated,
.item-divider-md-danger.activated {
background-color: #e13838; }
.item-md .text-md-light {
color: #f4f4f4; }
.item-md-light,
.item-divider-md-light {
color: #000;
background-color: #f4f4f4; }
.item-md-light p,
.item-divider-md-light p {
color: #000; }
.item-md-light.activated,
.item-divider-md-light.activated {
background-color: #e0e0e0; }
.item-md .text-md-dark {
color: #222; }
.item-md-dark,
.item-divider-md-dark {
color: #fff;
background-color: #222; }
.item-md-dark p,
.item-divider-md-dark p {
color: #fff; }
.item-md-dark.activated,
.item-divider-md-dark.activated {
background-color: #343434; }
.list-md ion-item-sliding {
background-color: #fff; }
.item-md ion-reorder {
font-size: 1.5em;
opacity: .3; }
.item-wp {
padding-left: 16px;
padding-right: 0;
position: relative;
font-size: 1.6rem;
font-weight: normal;
text-transform: none;
color: #000;
background-color: #fff;
box-shadow: none; }
.item-wp.activated {
background-color: #aaa; }
.item-wp[no-lines] {
border-width: 0; }
.item-wp h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal; }
.item-wp h2 {
margin: 2px 0;
font-size: 1.6rem;
font-weight: normal; }
.item-wp h3,
.item-wp h4,
.item-wp h5,
.item-wp h6 {
margin: 2px 0;
font-size: 1.4rem;
font-weight: normal;
line-height: normal; }
.item-wp p {
margin: 0 0 2px;
overflow: inherit;
font-size: 1.4rem;
line-height: normal;
text-overflow: inherit;
color: #666; }
.item-wp.item-block .item-inner {
padding-right: 8px;
border-bottom: 1px solid transparent; }
.item-wp [item-left],
.item-wp [item-right],
.item-wp [item-start],
.item-wp [item-end] {
margin: 9px 8px 9px 0; }
.item-wp ion-icon[item-left],
.item-wp ion-icon[item-right],
.item-wp ion-icon[item-start],
.item-wp ion-icon[item-end] {
margin-left: 0;
margin-top: 11px;
margin-bottom: 10px; }
.item-wp .item-button {
padding: 0 0.6em;
height: 25px;
font-size: 1.2rem; }
.item-wp .item-button[icon-only] ion-icon,
.item-wp .item-button[icon-only] {
padding: 0 1px; }
.item-wp[text-wrap] ion-label {
font-size: 1.4rem;
line-height: 1.5; }
.item-wp ion-icon[item-left] + .item-inner,
.item-wp ion-icon[item-left] + .item-input,
.item-wp ion-icon[item-start] + .item-inner,
.item-wp ion-icon[item-start] + .item-input {
margin-left: 8px; }
.item-wp ion-avatar[item-left],
.item-wp ion-thumbnail[item-left],
.item-wp ion-avatar[item-start],
.item-wp ion-thumbnail[item-start] {
margin: 8px 16px 8px 0; }
.item-wp ion-avatar[item-right],
.item-wp ion-thumbnail[item-right],
.item-wp ion-avatar[item-end],
.item-wp ion-thumbnail[item-end] {
margin: 8px; }
.item-wp ion-avatar {
min-width: 40px;
min-height: 40px; }
.item-wp ion-avatar ion-img,
.item-wp ion-avatar img {
border-radius: 50%;
overflow: hidden;
width: 40px;
height: 40px; }
.item-wp ion-thumbnail {
min-width: 80px;
min-height: 80px; }
.item-wp ion-thumbnail ion-img,
.item-wp ion-thumbnail img {
width: 80px;
height: 80px; }
.item-divider-wp {
padding-left: 16px;
border-bottom: 1px solid transparent;
font-size: 2rem;
color: #000;
background-color: #fff; }
.item-wp .text-wp-primary {
color: #327eff; }
.item-wp-primary,
.item-divider-wp-primary {
color: #fff;
background-color: #327eff; }
.item-wp-primary p,
.item-divider-wp-primary p {
color: #fff; }
.item-wp-primary.activated,
.item-divider-wp-primary.activated {
background-color: #2e74eb; }
.item-wp .text-wp-secondary {
color: #32db64; }
.item-wp-secondary,
.item-divider-wp-secondary {
color: #fff;
background-color: #32db64; }
.item-wp-secondary p,
.item-divider-wp-secondary p {
color: #fff; }
.item-wp-secondary.activated,
.item-divider-wp-secondary.activated {
background-color: #2ec95c; }
.item-wp .text-wp-danger {
color: #f53d3d; }
.item-wp-danger,
.item-divider-wp-danger {
color: #fff;
background-color: #f53d3d; }
.item-wp-danger p,
.item-divider-wp-danger p {
color: #fff; }
.item-wp-danger.activated,
.item-divider-wp-danger.activated {
background-color: #e13838; }
.item-wp .text-wp-light {
color: #f4f4f4; }
.item-wp-light,
.item-divider-wp-light {
color: #000;
background-color: #f4f4f4; }
.item-wp-light p,
.item-divider-wp-light p {
color: #000; }
.item-wp-light.activated,
.item-divider-wp-light.activated {
background-color: #e0e0e0; }
.item-wp .text-wp-dark {
color: #222; }
.item-wp-dark,
.item-divider-wp-dark {
color: #fff;
background-color: #222; }
.item-wp-dark p,
.item-divider-wp-dark p {
color: #fff; }
.item-wp-dark.activated,
.item-divider-wp-dark.activated {
background-color: #343434; }
.list-wp ion-item-sliding {
background-color: #fff; }
ion-label {
margin: 0;
display: block;
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: inherit;
text-overflow: ellipsis;
white-space: nowrap; }
.item-input ion-label {
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
max-width: 200px;
pointer-events: none; }
[text-wrap] ion-label {
white-space: normal; }
ion-label[fixed] {
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
width: 100px;
min-width: 100px;
max-width: 200px; }
.item-label-stacked ion-label,
.item-label-floating ion-label {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
width: auto;
max-width: 100%; }
ion-label[stacked],
ion-label[floating] {
margin-bottom: 0; }
.item-label-stacked .input-wrapper,
.item-label-floating .input-wrapper {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.item-label-stacked ion-select,
.item-label-floating ion-select {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
max-width: 100%; }
.label-ios {
margin: 11px 8px 11px 0; }
.label-ios + ion-input .text-input,
.label-ios + ion-textarea .text-input,
.label-ios + .input + .cloned-input {
margin-left: 16px;
width: calc(100% - (16px / 2) - 16px); }
.label-ios[stacked] {
margin-bottom: 4px;
font-size: 1.2rem; }
.label-ios[floating] {
margin-bottom: 0;
-webkit-transform: translate3d(0, 27px, 0);
transform: translate3d(0, 27px, 0);
-webkit-transform-origin: left top;
transform-origin: left top;
transition: -webkit-transform 150ms ease-in-out;
transition: transform 150ms ease-in-out;
transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out; }
.item-input-has-focus .label-ios[floating],
.input-has-focus .label-ios[floating],
.item-input-has-value .label-ios[floating],
.input-has-value .label-ios[floating] {
-webkit-transform: translate3d(0, 0, 0) scale(0.8);
transform: translate3d(0, 0, 0) scale(0.8); }
.item-ios.item-label-stacked [item-right],
.item-ios.item-label-floating [item-right],
.item-ios.item-label-stacked [item-end],
.item-ios.item-label-floating [item-end] {
margin-top: 6px;
margin-bottom: 6px; }
.label-ios-primary,
.item-input .label-ios-primary,
.item-select .label-ios-primary,
.item-datetime .label-ios-primary {
color: #327eff; }
.label-ios-secondary,
.item-input .label-ios-secondary,
.item-select .label-ios-secondary,
.item-datetime .label-ios-secondary {
color: #32db64; }
.label-ios-danger,
.item-input .label-ios-danger,
.item-select .label-ios-danger,
.item-datetime .label-ios-danger {
color: #f53d3d; }
.label-ios-light,
.item-input .label-ios-light,
.item-select .label-ios-light,
.item-datetime .label-ios-light {
color: #f4f4f4; }
.label-ios-dark,
.item-input .label-ios-dark,
.item-select .label-ios-dark,
.item-datetime .label-ios-dark {
color: #222; }
.label-md {
margin: 13px 8px 13px 0; }
[text-wrap] .label-md {
font-size: 1.4rem;
line-height: 1.5; }
.item-input .label-md,
.item-select .label-md,
.item-datetime .label-md {
color: #999; }
.label-md[stacked] {
font-size: 1.2rem; }
.label-md[floating] {
-webkit-transform: translate3d(0, 27px, 0);
transform: translate3d(0, 27px, 0);
-webkit-transform-origin: left top;
transform-origin: left top;
transition: -webkit-transform 150ms ease-in-out;
transition: transform 150ms ease-in-out;
transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out; }
.label-md[stacked],
.label-md[floating] {
margin-left: 0;
margin-bottom: 0; }
.item-input-has-focus .label-md[stacked],
.input-has-focus .label-md[stacked],
.item-input-has-focus .label-md[floating],
.input-has-focus .label-md[floating] {
color: #327eff; }
.item-input-has-focus .label-md[floating],
.input-has-focus .label-md[floating],
.item-input-has-value .label-md[floating],
.input-has-value .label-md[floating] {
-webkit-transform: translate3d(0, 0, 0) scale(0.8);
transform: translate3d(0, 0, 0) scale(0.8); }
.item-md.item-label-stacked [item-right],
.item-md.item-label-floating [item-right],
.item-md.item-label-stacked [item-end],
.item-md.item-label-floating [item-end] {
margin-top: 7px;
margin-bottom: 7px; }
.label-md-primary,
.item-input .label-md-primary,
.item-select .label-md-primary,
.item-datetime .label-md-primary {
color: #327eff; }
.label-md-secondary,
.item-input .label-md-secondary,
.item-select .label-md-secondary,
.item-datetime .label-md-secondary {
color: #32db64; }
.label-md-danger,
.item-input .label-md-danger,
.item-select .label-md-danger,
.item-datetime .label-md-danger {
color: #f53d3d; }
.label-md-light,
.item-input .label-md-light,
.item-select .label-md-light,
.item-datetime .label-md-light {
color: #f4f4f4; }
.label-md-dark,
.item-input .label-md-dark,
.item-select .label-md-dark,
.item-datetime .label-md-dark {
color: #222; }
.label-wp {
margin: 13px 8px 13px 0; }
.item-input .label-wp,
.item-select .label-wp,
.item-datetime .label-wp {
color: #999; }
.label-wp[stacked] {
font-size: 1.2rem; }
.label-wp[floating] {
-webkit-transform: translate3d(8px, 34px, 0);
transform: translate3d(8px, 34px, 0);
-webkit-transform-origin: left top;
transform-origin: left top; }
.label-wp[stacked],
.label-wp[floating] {
margin-left: 0;
margin-bottom: 0; }
.item-input-has-focus .label-wp[stacked],
.input-has-focus .label-wp[stacked],
.item-input-has-focus .label-wp[floating],
.input-has-focus .label-wp[floating] {
color: #327eff; }
.item-input-has-focus .label-wp[floating],
.input-has-focus .label-wp[floating],
.item-input-has-value .label-wp[floating],
.input-has-value .label-wp[floating] {
-webkit-transform: translate3d(0, 0, 0) scale(0.8);
transform: translate3d(0, 0, 0) scale(0.8); }
.item-wp.item-label-stacked [item-right],
.item-wp.item-label-floating [item-right],
.item-wp.item-label-stacked [item-end],
.item-wp.item-label-floating [item-end] {
margin-top: 13px;
margin-bottom: 13px; }
.label-wp-primary,
.item-input .label-wp-primary,
.item-select .label-wp-primary,
.item-datetime .label-wp-primary {
color: #327eff; }
.label-wp-secondary,
.item-input .label-wp-secondary,
.item-select .label-wp-secondary,
.item-datetime .label-wp-secondary {
color: #32db64; }
.label-wp-danger,
.item-input .label-wp-danger,
.item-select .label-wp-danger,
.item-datetime .label-wp-danger {
color: #f53d3d; }
.label-wp-light,
.item-input .label-wp-light,
.item-select .label-wp-light,
.item-datetime .label-wp-light {
color: #f4f4f4; }
.label-wp-dark,
.item-input .label-wp-dark,
.item-select .label-wp-dark,
.item-datetime .label-wp-dark {
color: #222; }
ion-list-header {
margin: 0;
padding: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
min-height: 4rem; }
ion-list {
margin: 0;
padding: 0;
display: block;
list-style-type: none; }
ion-list[inset] {
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.list-ios {
margin: -1px 0 32px; }
.list-ios > .item-block:first-child {
border-top: 0.55px solid #c8c7cc; }
.list-ios > .item-block:last-child,
.list-ios > .item-wrapper:last-child .item-block {
border-bottom: 0.55px solid #c8c7cc; }
.list-ios > .item-block:last-child .item-inner,
.list-ios > .item-wrapper:last-child .item-block .item-inner {
border-bottom: 0; }
.list-ios .item-block .item-inner {
border-bottom: 0.55px solid #c8c7cc; }
.list-ios .item[no-lines],
.list-ios .item[no-lines] .item-inner {
border-width: 0; }
.list-ios ion-item-options {
border-bottom: 0.55px solid #c8c7cc; }
.list-ios ion-item-options .button {
margin: 0;
border-radius: 0;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
min-height: 100%;
border: 0;
box-sizing: border-box; }
.list-ios ion-item-options .button::before {
margin: 0 auto; }
.list-ios:not([inset]) + .list-ios:not([inset]) ion-list-header {
margin-top: -10px;
padding-top: 0; }
.list-ios[inset] {
margin: 16px;
border-radius: 4px; }
.list-ios[inset] ion-list-header {
background-color: #fff; }
.list-ios[inset] .item {
border-bottom: 1px solid #c8c7cc; }
.list-ios[inset] .item-inner {
border-bottom: 0; }
.list-ios[inset] > .item:first-child,
.list-ios[inset] > .item-wrapper:first-child .item {
border-top: 0; }
.list-ios[inset] > .item:last-child,
.list-ios[inset] > .item-wrapper:last-child .item {
border-bottom: 0; }
.list-ios[inset] + ion-list[inset] {
margin-top: 0; }
.list-ios[no-lines] ion-list-header,
.list-ios[no-lines] ion-item-options,
.list-ios[no-lines] .item,
.list-ios[no-lines] .item .item-inner {
border-width: 0; }
.list-header-ios {
padding-left: 16px;
padding-left: 16px;
position: relative;
border-bottom: 0.55px solid #c8c7cc;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: 0.1rem;
text-transform: uppercase;
color: #333;
background: transparent; }
@media screen and (orientation: landscape) {
.list-header-ios {
padding-left: calc(constant(safe-area-inset-left) + 16px);
padding-left: calc(env(safe-area-inset-left) + 16px); } }
.list-header-ios-primary {
color: #fff;
background-color: #327eff; }
.list-header-ios-secondary {
color: #fff;
background-color: #32db64; }
.list-header-ios-danger {
color: #fff;
background-color: #f53d3d; }
.list-header-ios-light {
color: #000;
background-color: #f4f4f4; }
.list-header-ios-dark {
color: #fff;
background-color: #222; }
.list-md {
margin: -1px 0 16px; }
.list-md .item-block .item-inner {
border-bottom: 1px solid #dedede; }
.list-md > .item-block:last-child ion-label,
.list-md > .item-block:last-child .item-inner,
.list-md > .item-wrapper:last-child ion-label,
.list-md > .item-wrapper:last-child .item-inner {
border-bottom: 0; }
.list-md > ion-input:last-child::after {
left: 0; }
.list-md ion-item-options {
border-bottom: 1px solid #dedede; }
.list-md ion-item-options .button {
margin: 0;
border-radius: 0;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
border: 0;
box-shadow: none;
box-sizing: border-box; }
.list-md ion-item-options .button::before {
margin: 0 auto; }
.list-md .item[no-lines],
.list-md .item[no-lines] .item-inner {
border-width: 0; }
.list-md + ion-list ion-list-header {
margin-top: -16px; }
.list-md[inset] {
margin: 16px;
border-radius: 2px; }
.list-md[inset] .item:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-top-width: 0; }
.list-md[inset] .item:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-width: 0; }
.list-md[inset] .item-input {
padding-left: 0;
padding-right: 0; }
.list-md[inset] + ion-list[inset] {
margin-top: 0; }
.list-md[inset] ion-list-header {
background-color: #fff; }
.list-md[no-lines] .item-block,
.list-md[no-lines] ion-item-options,
.list-md[no-lines] .item .item-inner {
border-width: 0; }
.list-header-md {
padding-left: 16px;
margin-bottom: 13px;
min-height: 4.5rem;
border-top: 1px solid #dedede;
font-size: 1.4rem;
color: #757575; }
.list-header-md-primary {
color: #fff;
background-color: #327eff; }
.list-header-md-secondary {
color: #fff;
background-color: #32db64; }
.list-header-md-danger {
color: #fff;
background-color: #f53d3d; }
.list-header-md-light {
color: #000;
background-color: #f4f4f4; }
.list-header-md-dark {
color: #fff;
background-color: #222; }
.list-md .item-input:last-child {
border-bottom: 1px solid #dedede; }
.list-wp {
margin: 0 0 16px; }
.list-wp .item-block .item-inner {
border-bottom: 1px solid transparent; }
.list-wp > .item-block:first-child,
.list-wp > .item-wrapper:first-child .item-block {
border-top: 1px solid transparent; }
.list-wp > .item-block:last-child,
.list-wp > .item-wrapper:last-child .item-block {
border-bottom: 1px solid transparent; }
.list-wp > .item-block:last-child ion-label,
.list-wp > .item-block:last-child .item-inner,
.list-wp > .item-wrapper:last-child ion-label,
.list-wp > .item-wrapper:last-child .item-inner {
border-bottom: 0; }
.list-wp > ion-input:last-child::after {
left: 0; }
.list-wp ion-item-options .button {
margin: 1px 0;
border-radius: 0;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: calc(100% - 2px);
border: 0;
box-shadow: none;
box-sizing: border-box; }
.list-wp ion-item-options .button::before {
margin: 0 auto; }
.list-wp .item[no-lines],
.list-wp .item[no-lines] .item-inner {
border-width: 0; }
.list-wp + ion-list ion-list-header {
margin-top: -16px;
padding-top: 0; }
.list-wp[inset] {
margin: 16px;
border-radius: 2px; }
.list-wp[inset] .item:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-top-width: 0; }
.list-wp[inset] .item:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-width: 0; }
.list-wp[inset] .item-input {
padding-left: 0;
padding-right: 0; }
.list-wp[inset] + ion-list[inset] {
margin-top: 0; }
.list-wp[inset] ion-list-header {
background-color: #fff; }
.list-wp[no-lines] .item,
.list-wp[no-lines] .item .item-inner {
border-width: 0; }
.list-header-wp {
padding-left: 16px;
border-bottom: 1px solid transparent;
font-size: 2rem;
color: #000; }
.list-header-wp-primary {
color: #fff;
background-color: #327eff; }
.list-header-wp-secondary {
color: #fff;
background-color: #32db64; }
.list-header-wp-danger {
color: #fff;
background-color: #f53d3d; }
.list-header-wp-light {
color: #000;
background-color: #f4f4f4; }
.list-header-wp-dark {
color: #fff;
background-color: #222; }
ion-loading {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
contain: strict; }
.loading-wrapper {
z-index: 10;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
opacity: 0; }
.loading-ios .loading-wrapper {
border-radius: 8px;
max-width: 270px;
max-height: 90%;
color: #000;
background: #f8f8f8;
padding: 24px 34px; }
.loading-ios .loading-content {
font-weight: bold; }
.loading-ios .loading-spinner + .loading-content {
margin-left: 16px; }
.loading-ios .spinner-ios line,
.loading-ios .spinner-ios-small line {
stroke: #69717d; }
.loading-ios .spinner-bubbles circle {
fill: #69717d; }
.loading-ios .spinner-circles circle {
fill: #69717d; }
.loading-ios .spinner-crescent circle {
stroke: #69717d; }
.loading-ios .spinner-dots circle {
fill: #69717d; }
.loading-md .loading-wrapper {
border-radius: 2px;
max-width: 280px;
max-height: 90%;
color: rgba(0, 0, 0, 0.5);
background: #fafafa;
box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
padding: 24px; }
.loading-md .loading-spinner + .loading-content {
margin-left: 16px; }
.loading-md .spinner-ios line,
.loading-md .spinner-ios-small line {
stroke: #327eff; }
.loading-md .spinner-bubbles circle {
fill: #327eff; }
.loading-md .spinner-circles circle {
fill: #327eff; }
.loading-md .spinner-crescent circle {
stroke: #327eff; }
.loading-md .spinner-dots circle {
fill: #327eff; }
.loading-wp .loading-wrapper {
border-radius: 2px;
max-width: 280px;
max-height: 90%;
color: #fff;
background: #000;
padding: 20px; }
.loading-wp .loading-spinner + .loading-content {
margin-left: 16px; }
.loading-wp .spinner-ios line,
.loading-wp .spinner-ios-small line {
stroke: #fff; }
.loading-wp .spinner-bubbles circle {
fill: #fff; }
.loading-wp .spinner-circles circle {
fill: #fff; }
.loading-wp .spinner-crescent circle {
stroke: #fff; }
.loading-wp .spinner-dots circle {
fill: #fff; }
ion-menu {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
display: none;
contain: strict; }
ion-menu.show-menu {
display: block; }
.menu-inner {
left: 0;
right: auto;
top: 0;
bottom: 0;
-webkit-transform: translate3d(-9999px, 0, 0);
transform: translate3d(-9999px, 0, 0);
position: absolute;
display: block;
width: 304px;
height: 100%;
contain: strict; }
.menu-inner > ion-header,
.menu-inner > ion-content,
.menu-inner > ion-footer {
position: absolute; }
ion-menu[side=left] > .menu-inner {
right: auto;
left: 0; }
ion-menu[side=right] > .menu-inner {
right: 0;
left: auto; }
ion-menu[side=end] > .menu-inner {
left: auto;
right: 0; }
ion-menu ion-backdrop {
z-index: -1;
display: none;
opacity: .01; }
.menu-content {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.menu-content-open {
cursor: pointer;
-ms-touch-action: manipulation;
touch-action: manipulation; }
.menu-content-open ion-pane,
.menu-content-open ion-content,
.menu-content-open .toolbar {
pointer-events: none; }
@media (max-width: 340px) {
.menu-inner {
width: 264px; } }
ion-menu[type=reveal] {
z-index: 0; }
ion-menu[type=reveal].show-menu .menu-inner {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
ion-menu[type=overlay] {
z-index: 80; }
ion-menu[type=overlay] .show-backdrop {
display: block; }
.ios .menu-inner {
background: #fff; }
.ios .menu-content-reveal {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }
.ios .menu-content-push {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }
.ios ion-menu[type=overlay] .menu-inner {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }
.md .menu-inner {
background: #fff; }
.md .menu-content-reveal {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }
.md .menu-content-push {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }
.md ion-menu[type=overlay] .menu-inner {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }
.wp .menu-inner {
background: #f2f2f2; }
ion-modal {
left: 0;
top: 0;
position: absolute;
display: block;
width: 100%;
height: 100%;
contain: strict; }
@media not all and (min-width: 768px) and (min-height: 600px) {
ion-modal ion-backdrop {
visibility: hidden; } }
.modal-wrapper {
z-index: 10;
height: 100%;
contain: strict; }
@media only screen and (min-width: 768px) and (min-height: 600px) {
.modal-wrapper {
left: calc(50% - (600px/2));
top: calc(50% - (500px/2));
position: absolute;
width: 600px;
height: 500px; } }
@media only screen and (min-width: 768px) and (min-height: 768px) {
.modal-wrapper {
left: calc(50% - (600px/2));
top: calc(50% - (600px/2));
position: absolute;
width: 600px;
height: 600px; } }
.ios .modal-wrapper {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
@media only screen and (min-width: 768px) and (min-height: 600px) {
.ios .modal-wrapper {
border-radius: 10px;
overflow: hidden; } }
.md .modal-wrapper {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
opacity: .01; }
@media only screen and (min-width: 768px) and (min-height: 600px) {
.md .modal-wrapper {
border-radius: 2px;
overflow: hidden;
box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4); } }
.wp .modal-wrapper {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
opacity: .01; }
.note-ios {
color: #aeacb4; }
.note-ios-primary {
color: #327eff; }
.note-ios-secondary {
color: #32db64; }
.note-ios-danger {
color: #f53d3d; }
.note-ios-light {
color: #f4f4f4; }
.note-ios-dark {
color: #222; }
.note-md {
color: #c5c5c5; }
.note-md-primary {
color: #327eff; }
.note-md-secondary {
color: #32db64; }
.note-md-danger {
color: #f53d3d; }
.note-md-light {
color: #f4f4f4; }
.note-md-dark {
color: #222; }
.note-wp {
color: rgba(0, 0, 0, 0.5); }
.note-wp-primary {
color: #327eff; }
.note-wp-secondary {
color: #32db64; }
.note-wp-danger {
color: #f53d3d; }
.note-wp-light {
color: #f4f4f4; }
.note-wp-dark {
color: #222; }
ion-picker-cmp {
left: 0;
top: 0;
position: absolute;
z-index: 1000;
display: block;
width: 100%;
height: 100%;
contain: strict; }
.picker-toolbar {
z-index: 1;
width: 100%;
contain: strict; }
.picker-wrapper {
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
position: absolute;
z-index: 10;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
max-width: 500px;
contain: strict; }
.picker-columns {
margin-bottom: constant(safe-area-inset-bottom);
margin-bottom: env(safe-area-inset-bottom);
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
contain: strict; }
.picker-col {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
box-sizing: content-box;
contain: content; }
.picker-opts {
position: relative;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 100%; }
.picker-prefix {
text-align: right;
text-align: end;
position: relative;
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
min-width: 45%;
max-width: 50%;
white-space: nowrap; }
.picker-suffix {
text-align: left;
text-align: start;
position: relative;
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
min-width: 45%;
max-width: 50%;
white-space: nowrap; }
.picker-opt {
left: 0;
top: 0;
text-align: center;
position: absolute;
display: block;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
will-change: transform;
contain: strict; }
.picker-opt.picker-opt-disabled {
pointer-events: none; }
.picker-opt-disabled {
opacity: 0; }
.picker-opts-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.picker-opts-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.picker-above-highlight,
.picker-below-highlight {
display: none;
pointer-events: none; }
.picker-ios .picker-wrapper {
height: 260px;
border-top: 1px solid #c8c7cc;
background: #fff; }
.picker-ios .picker-toolbar {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 44px;
border-bottom: 0.55px solid #c8c7cc;
background: #fff; }
.picker-ios .picker-toolbar-button {
text-align: right;
text-align: end;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; }
.picker-ios .picker-toolbar-button:last-child .picker-button {
font-weight: 600; }
.picker-ios .picker-toolbar-cancel {
text-align: left;
text-align: start;
font-weight: normal; }
.picker-ios .picker-button,
.picker-ios .picker-button.activated {
margin: 0;
height: 44px;
color: #327eff;
background: transparent; }
.picker-columns {
height: 215px;
-webkit-perspective: 1000px;
perspective: 1000px; }
.picker-ios .picker-col {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
padding: 0 4px; }
.picker-ios .picker-prefix,
.picker-ios .picker-suffix,
.picker-ios .picker-opts {
top: 77px;
font-size: 20px;
line-height: 42px;
color: #000;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
pointer-events: none; }
.picker-ios .picker-opt {
margin: 0;
-webkit-transform-origin: center center;
transform-origin: center center;
height: 4.6rem;
font-size: 20px;
line-height: 42px;
color: #000;
background: transparent;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
pointer-events: auto;
padding: 0; }
.picker-ios .picker-above-highlight {
left: 0;
top: 0;
-webkit-transform: translate3d(0, 0, 90px);
transform: translate3d(0, 0, 90px);
position: absolute;
z-index: 10;
display: block;
width: 100%;
height: 81px;
border-bottom: 1px solid #c8c7cc;
background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%); }
.picker-ios .picker-below-highlight {
left: 0;
top: 115px;
-webkit-transform: translate3d(0, 0, 90px);
transform: translate3d(0, 0, 90px);
position: absolute;
z-index: 11;
display: block;
width: 100%;
height: 119px;
border-top: 1px solid #c8c7cc;
background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%); }
.picker-md .picker-wrapper {
height: 260px;
border-top: 0.55px solid #dedede;
background: #fff; }
.picker-md .picker-toolbar {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 44px;
background: #fff; }
.picker-md .picker-button,
.picker-md .picker-button.activated {
margin: 0;
height: 44px;
color: #327eff;
background: transparent;
box-shadow: none; }
.picker-md .picker-columns {
height: 216px;
-webkit-perspective: 1800px;
perspective: 1800px; }
.picker-md .picker-col {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
padding: 0 8px; }
.picker-md .picker-prefix,
.picker-md .picker-suffix,
.picker-md .picker-opts {
top: 77px;
font-size: 22px;
line-height: 42px;
color: #000;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
pointer-events: none; }
.picker-md .picker-opt {
margin: 0;
height: 4.3rem;
font-size: 22px;
line-height: 42px;
color: #000;
background: transparent;
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
pointer-events: auto;
padding: 0; }
.picker-md .picker-prefix,
.picker-md .picker-suffix,
.picker-md .picker-opt.picker-opt-selected {
color: #327eff; }
.picker-md .picker-above-highlight {
left: 0;
top: 0;
-webkit-transform: translate3d(0, 0, 90px);
transform: translate3d(0, 0, 90px);
position: absolute;
z-index: 10;
width: 100%;
height: 81px;
border-bottom: 1px solid #dedede;
background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%); }
.picker-md .picker-below-highlight {
left: 0;
top: 115px;
-webkit-transform: translate3d(0, 0, 90px);
transform: translate3d(0, 0, 90px);
position: absolute;
z-index: 11;
width: 100%;
height: 119px;
border-top: 1px solid #dedede;
background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%); }
.picker-wp .picker-wrapper {
height: 260px;
border-top: 0.55px solid transparent;
background: #fff; }
.picker-wp .picker-toolbar {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 44px;
border-width: 0.55px;
background: #fff; }
.picker-wp .picker-toolbar-button {
text-align: right;
text-align: end;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; }
.picker-wp .picker-toolbar-cancel {
text-align: left;
text-align: start;
font-weight: normal; }
.picker-wp .picker-button,
.picker-wp .picker-button.activated {
margin: 0;
height: 44px;
color: #327eff;
background: transparent;
box-shadow: none; }
.picker-wp .picker-columns {
height: 216px;
-webkit-perspective: 1800px;
perspective: 1800px; }
.picker-wp .picker-col {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
padding: 0 4px; }
.picker-wp .picker-prefix,
.picker-wp .picker-suffix,
.picker-wp .picker-opts {
top: 77px;
font-size: 22px;
line-height: 42px;
color: #000;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
pointer-events: none; }
.picker-wp .picker-opt {
margin: 0;
height: 4.2rem;
font-size: 22px;
line-height: 42px;
color: #000;
background: transparent;
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
pointer-events: auto;
padding: 0; }
.picker-wp .picker-prefix,
.picker-wp .picker-suffix,
.picker-wp .picker-opt-selected {
color: #327eff; }
.picker-wp .picker-above-highlight {
left: 0;
top: 0;
-webkit-transform: translate3d(0, 0, 90px);
transform: translate3d(0, 0, 90px);
position: absolute;
z-index: 10;
width: 100%;
height: 81px;
border-bottom: 1px solid transparent;
background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%); }
.picker-wp .picker-below-highlight {
left: 0;
top: 115px;
-webkit-transform: translate3d(0, 0, 90px);
transform: translate3d(0, 0, 90px);
position: absolute;
z-index: 11;
width: 100%;
height: 119px;
border-top: 1px solid transparent;
background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%); }
ion-popover {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.popover-wrapper {
z-index: 10;
opacity: 0; }
.popover-content {
position: absolute;
z-index: 10;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.popover-content ion-content,
.popover-content .scroll-content {
contain: none; }
.popover-content .scroll-content {
position: relative; }
.popover-ios .popover-content {
border-radius: 10px;
width: 200px;
min-width: 0;
min-height: 0;
max-height: 90%;
color: #000;
background: #fff; }
.popover-ios .popover-arrow {
position: absolute;
display: block;
overflow: hidden;
width: 20px;
height: 10px; }
.popover-ios .popover-arrow::after {
left: 3px;
top: 3px;
border-radius: 3px;
position: absolute;
z-index: 10;
width: 14px;
height: 14px;
background-color: #fff;
content: "";
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.popover-ios.popover-bottom .popover-arrow {
top: auto;
bottom: -10px; }
.popover-ios.popover-bottom .popover-arrow::after {
top: -6px; }
.popover-ios .item-ios {
padding-left: 16px; }
.popover-ios .item-ios[detail-push] .item-inner,
.popover-ios button.item-ios:not([detail-none]) .item-inner,
.popover-ios a.item-ios:not([detail-none]) .item-inner {
background-position: right 14px center; }
.popover-md .popover-content {
border-radius: 2px;
-webkit-transform-origin: left top;
transform-origin: left top;
width: 250px;
min-width: 0;
min-height: 0;
max-height: 90%;
color: #000;
background: #fff;
box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.3); }
.popover-md .popover-viewport {
opacity: 0;
transition-delay: 100ms; }
.popover-wp .popover-content {
border-radius: 0;
-webkit-transform-origin: left top;
transform-origin: left top;
width: 200px;
min-width: 0;
min-height: 0;
max-height: 90%;
border: 2px solid #ccc;
color: #000;
background: #fff; }
.popover-wp .popover-viewport {
opacity: 0;
transition-delay: 100ms; }
.radio-ios {
position: relative;
display: inline-block; }
.radio-ios .radio-icon {
position: relative;
display: block;
width: 16px;
height: 21px; }
.radio-ios .radio-checked .radio-inner {
left: 7px;
top: 4px;
position: absolute;
width: 5px;
height: 12px;
border-width: 2px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #327eff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.radio-ios.radio-disabled,
.item-ios.item-radio-disabled ion-label {
opacity: 0.3;
pointer-events: none; }
.item-ios .radio-ios {
position: static;
display: block;
margin: 8px 11px 8px 8px; }
.item-ios .radio-ios[item-left], .item-ios .radio-ios[item-start] {
margin: 8px 21px 8px 3px; }
.item-radio.item-ios ion-label {
margin-left: 0; }
.item-radio-checked.item-ios ion-label {
color: #327eff; }
.item-radio-ios-primary.item-radio-checked ion-label {
color: #327eff; }
.radio-ios-primary .radio-checked {
color: #327eff; }
.radio-ios-primary .radio-checked .radio-inner {
border-color: #327eff; }
.item-radio-ios-secondary.item-radio-checked ion-label {
color: #32db64; }
.radio-ios-secondary .radio-checked {
color: #32db64; }
.radio-ios-secondary .radio-checked .radio-inner {
border-color: #32db64; }
.item-radio-ios-danger.item-radio-checked ion-label {
color: #f53d3d; }
.radio-ios-danger .radio-checked {
color: #f53d3d; }
.radio-ios-danger .radio-checked .radio-inner {
border-color: #f53d3d; }
.item-radio-ios-light.item-radio-checked ion-label {
color: #f4f4f4; }
.radio-ios-light .radio-checked {
color: #f4f4f4; }
.radio-ios-light .radio-checked .radio-inner {
border-color: #f4f4f4; }
.item-radio-ios-dark.item-radio-checked ion-label {
color: #222; }
.radio-ios-dark .radio-checked {
color: #222; }
.radio-ios-dark .radio-checked .radio-inner {
border-color: #222; }
.radio-md {
position: relative;
display: inline-block; }
.radio-md .radio-icon {
left: 0;
top: 0;
margin: 0;
border-radius: 50%;
position: relative;
display: block;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-color: #787878; }
.radio-md .radio-inner {
left: 2px;
top: 2px;
border-radius: 50%;
position: absolute;
width: 8px;
height: 8px;
background-color: #327eff;
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1); }
.radio-md .radio-checked {
border-color: #327eff; }
.radio-md .radio-checked .radio-inner {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
.radio-md.radio-disabled,
.item-md.item-radio-disabled ion-label {
opacity: 0.3;
pointer-events: none; }
.item-md .radio-md {
position: static;
display: block;
margin: 9px 10px 9px 0; }
.item-md .radio-md[item-left], .item-md .radio-md[item-start] {
margin: 11px 36px 10px 4px; }
.item-radio.item-md ion-label {
margin-left: 0; }
.item-radio-checked.item-md ion-label {
color: #327eff; }
.item-radio-md-primary.item-radio-checked ion-label {
color: #327eff; }
.radio-md-primary .radio-checked {
border-color: #327eff; }
.radio-md-primary .radio-inner {
background-color: #327eff; }
.item-radio-md-secondary.item-radio-checked ion-label {
color: #32db64; }
.radio-md-secondary .radio-checked {
border-color: #32db64; }
.radio-md-secondary .radio-inner {
background-color: #32db64; }
.item-radio-md-danger.item-radio-checked ion-label {
color: #f53d3d; }
.radio-md-danger .radio-checked {
border-color: #f53d3d; }
.radio-md-danger .radio-inner {
background-color: #f53d3d; }
.item-radio-md-light.item-radio-checked ion-label {
color: #f4f4f4; }
.radio-md-light .radio-checked {
border-color: #f4f4f4; }
.radio-md-light .radio-inner {
background-color: #f4f4f4; }
.item-radio-md-dark.item-radio-checked ion-label {
color: #222; }
.radio-md-dark .radio-checked {
border-color: #222; }
.radio-md-dark .radio-inner {
background-color: #222; }
.radio-wp {
position: relative;
display: inline-block; }
.radio-wp .radio-icon {
left: 0;
top: 0;
margin: 0;
border-radius: 50%;
position: relative;
display: block;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-color: #333; }
.radio-wp .radio-inner {
left: 2px;
top: 2px;
border-radius: 50%;
position: absolute;
display: none;
width: 8px;
height: 8px;
background-color: #333; }
.radio-wp .radio-checked {
border-color: #327eff; }
.radio-wp .radio-checked .radio-inner {
display: block; }
.radio-wp.radio-disabled,
.item-wp.item-radio-disabled ion-label {
opacity: 0.3;
pointer-events: none; }
.item-wp .radio-wp {
position: static;
display: block;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
margin: 9px 20px 9px 4px; }
.item-wp .radio-wp[item-right], .item-wp .radio-wp[item-end] {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
margin: 11px 10px 10px 0; }
.item-radio.item-wp ion-label {
margin-left: 0; }
.radio-wp-primary .radio-checked {
border-color: #327eff; }
.radio-wp-secondary .radio-checked {
border-color: #32db64; }
.radio-wp-danger .radio-checked {
border-color: #f53d3d; }
.radio-wp-light .radio-checked {
border-color: #f4f4f4; }
.radio-wp-dark .radio-checked {
border-color: #222; }
.item-range .item-inner {
overflow: visible;
width: 100%; }
.item-range .input-wrapper {
overflow: visible;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%; }
.item-range ion-range {
width: 100%; }
.item-range ion-range ion-label {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center; }
ion-range {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
ion-range ion-label {
-webkit-flex: initial;
-ms-flex: initial;
flex: initial; }
ion-range ion-icon {
min-height: 2.4rem;
font-size: 2.4rem;
line-height: 1; }
.range-slider {
position: relative;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
cursor: pointer; }
.range-ios {
padding: 8px 16px; }
.range-ios [range-left] {
margin: 0 20px 0 0; }
.range-ios [range-right] {
margin: 0 0 0 20px; }
.range-ios.range-has-pin {
padding-top: 20px; }
.range-ios .range-slider {
height: 42px; }
.range-ios .range-bar {
left: 0;
top: 21px;
border-radius: 1px;
position: absolute;
width: 100%;
height: 1px;
background: #bdbdbd;
pointer-events: none; }
.range-ios.range-pressed .range-bar-active {
will-change: left, right; }
.range-ios.range-pressed .range-knob-handle {
will-change: left; }
.range-ios .range-bar-active {
bottom: 0;
width: auto;
background: #327eff; }
.range-ios .range-knob-handle {
left: 0;
top: 21px;
margin-left: -21px;
margin-top: -21px;
text-align: center;
position: absolute;
width: 42px;
height: 42px; }
.range-ios .range-knob {
left: 7px;
top: 7px;
border-radius: 50%;
position: absolute;
width: 28px;
height: 28px;
background: #fff;
box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.02);
pointer-events: none; }
.range-ios .range-tick {
margin-left: -0.5px;
border-radius: 0;
position: absolute;
top: 17.5px;
width: 1px;
height: 8px;
background: #bdbdbd;
pointer-events: none; }
.range-ios .range-tick-active {
background: #327eff; }
.range-ios .range-pin {
text-align: center;
border-radius: 50px;
-webkit-transform: translate3d(0, 28px, 0) scale(0.01);
transform: translate3d(0, 28px, 0) scale(0.01);
position: relative;
top: -20px;
display: inline-block;
min-width: 28px;
font-size: 12px;
color: #000;
background: transparent;
transition: -webkit-transform 120ms ease;
transition: transform 120ms ease;
transition: transform 120ms ease, -webkit-transform 120ms ease;
padding: 8px; }
.range-ios .range-knob-pressed .range-pin {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1); }
.range-ios.range-disabled {
opacity: .5; }
.range-ios-primary .range-bar-active,
.range-ios-primary .range-tick-active {
background: #327eff; }
.range-ios-secondary .range-bar-active,
.range-ios-secondary .range-tick-active {
background: #32db64; }
.range-ios-danger .range-bar-active,
.range-ios-danger .range-tick-active {
background: #f53d3d; }
.range-ios-light .range-bar-active,
.range-ios-light .range-tick-active {
background: #f4f4f4; }
.range-ios-dark .range-bar-active,
.range-ios-dark .range-tick-active {
background: #222; }
.range-md {
padding: 8px; }
.range-md [range-left] {
margin: 0 12px 0 0; }
.range-md [range-right] {
margin: 0 0 0 12px; }
.range-md.range-has-pin {
padding-top: 28px; }
.range-md .range-slider {
height: 42px; }
.range-md .range-bar {
left: 0;
top: 21px;
position: absolute;
width: 100%;
height: 2px;
background: #bdbdbd;
pointer-events: none; }
.range-md.range-pressed .range-bar-active {
will-change: left, right; }
.range-md.range-pressed .range-knob-handle {
will-change: left; }
.range-md .range-bar-active {
bottom: 0;
width: auto;
background: #327eff; }
.range-md .range-knob-handle {
left: 0;
top: 21px;
margin-left: -21px;
margin-top: -21px;
text-align: center;
position: absolute;
width: 42px;
height: 42px; }
.range-md .range-knob {
left: 12px;
top: 13px;
border-radius: 50%;
position: absolute;
z-index: 2;
width: 18px;
height: 18px;
background: #327eff;
-webkit-transform: scale(0.67);
transform: scale(0.67);
transition-duration: 120ms;
transition-property: background-color, border, -webkit-transform;
transition-property: transform, background-color, border;
transition-property: transform, background-color, border, -webkit-transform;
transition-timing-function: ease;
pointer-events: none; }
.range-md .range-tick {
margin-left: -1px;
border-radius: 50%;
position: absolute;
top: 21px;
z-index: 1;
width: 2px;
height: 2px;
background: #000;
pointer-events: none; }
.range-md .range-tick-active {
background: #000; }
.range-md .range-pin {
padding: 8px 0;
text-align: center;
border-radius: 50%;
-webkit-transform: translate3d(0, 28px, 0) scale(0.01);
transform: translate3d(0, 28px, 0) scale(0.01);
position: relative;
top: -20px;
display: inline-block;
min-width: 28px;
height: 28px;
font-size: 12px;
color: #fff;
background: #327eff;
transition: background-color 120ms ease, -webkit-transform 120ms ease;
transition: transform 120ms ease, background-color 120ms ease;
transition: transform 120ms ease, background-color 120ms ease, -webkit-transform 120ms ease; }
.range-md .range-pin::before {
left: 50%;
top: 3px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 0;
margin-left: -13px;
position: absolute;
z-index: -1;
width: 26px;
height: 26px;
background: #327eff;
content: "";
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
transition: background-color 120ms ease; }
.range-md .range-knob-pressed .range-pin {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1); }
.range-md:not(.range-has-pin) .range-knob-pressed .range-knob {
-webkit-transform: scale(1);
transform: scale(1); }
.range-md .range-knob-min.range-knob-min .range-knob {
border: 2px solid #bdbdbd;
background: #fff; }
.range-md .range-knob-min.range-knob-min .range-pin,
.range-md .range-knob-min.range-knob-min .range-pin::before {
color: #fff;
background: #bdbdbd; }
.range-md.range-disabled .range-bar-active {
background-color: #bdbdbd; }
.range-md.range-disabled .range-knob {
outline: 5px solid #fff;
background-color: #bdbdbd;
-webkit-transform: scale(0.55);
transform: scale(0.55); }
.range-md-primary .range-md .range-knob-min.range-knob-min .range-knob {
border: 2px solid #bdbdbd;
background: #fff; }
.range-md-primary .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-primary .range-md .range-knob-min.range-knob-min .range-pin::before {
color: #fff;
background: #bdbdbd; }
.range-md-primary .range-bar-active,
.range-md-primary .range-knob,
.range-md-primary .range-pin,
.range-md-primary .range-pin::before {
background: #327eff; }
.range-md-secondary .range-md .range-knob-min.range-knob-min .range-knob {
border: 2px solid #bdbdbd;
background: #fff; }
.range-md-secondary .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-secondary .range-md .range-knob-min.range-knob-min .range-pin::before {
color: #fff;
background: #bdbdbd; }
.range-md-secondary .range-bar-active,
.range-md-secondary .range-knob,
.range-md-secondary .range-pin,
.range-md-secondary .range-pin::before {
background: #32db64; }
.range-md-danger .range-md .range-knob-min.range-knob-min .range-knob {
border: 2px solid #bdbdbd;
background: #fff; }
.range-md-danger .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-danger .range-md .range-knob-min.range-knob-min .range-pin::before {
color: #fff;
background: #bdbdbd; }
.range-md-danger .range-bar-active,
.range-md-danger .range-knob,
.range-md-danger .range-pin,
.range-md-danger .range-pin::before {
background: #f53d3d; }
.range-md-light .range-md .range-knob-min.range-knob-min .range-knob {
border: 2px solid #bdbdbd;
background: #fff; }
.range-md-light .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-light .range-md .range-knob-min.range-knob-min .range-pin::before {
color: #fff;
background: #bdbdbd; }
.range-md-light .range-bar-active,
.range-md-light .range-knob,
.range-md-light .range-pin,
.range-md-light .range-pin::before {
background: #f4f4f4; }
.range-md-dark .range-md .range-knob-min.range-knob-min .range-knob {
border: 2px solid #bdbdbd;
background: #fff; }
.range-md-dark .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-dark .range-md .range-knob-min.range-knob-min .range-pin::before {
color: #fff;
background: #bdbdbd; }
.range-md-dark .range-bar-active,
.range-md-dark .range-knob,
.range-md-dark .range-pin,
.range-md-dark .range-pin::before {
background: #222; }
.range-wp {
padding: 8px; }
.range-wp [range-left] {
margin: 0 12px 0 0; }
.range-wp [range-right] {
margin: 0 0 0 12px; }
.range-wp.range-has-pin {
padding-top: 28px; }
.range-wp .range-slider {
height: 42px; }
.range-wp .range-bar {
left: 0;
top: 21px;
position: absolute;
width: 100%;
height: 2px;
background: #bdbdbd;
pointer-events: none; }
.range-wp.range-pressed .range-bar-active {
will-change: left, right; }
.range-wp.range-pressed .range-knob-handle {
will-change: left; }
.range-wp .range-bar-active {
bottom: 0;
width: auto;
background: #327eff; }
.range-wp .range-knob-handle {
left: 0;
top: 21px;
margin-left: -21px;
margin-top: -21px;
text-align: center;
position: absolute;
width: 42px;
height: 42px; }
.range-wp .range-knob {
left: 17px;
top: 10px;
border-radius: 4px;
position: absolute;
width: 8px;
height: 24px;
background: #327eff;
pointer-events: none; }
.range-wp .range-tick {
margin-left: -1px;
border-radius: 4px;
position: absolute;
top: 19px;
width: 2px;
height: 6px;
background: #bdbdbd;
pointer-events: none; }
.range-wp .range-tick-active {
background: #327eff; }
.range-wp .range-pin {
text-align: center;
border-radius: 50px;
-webkit-transform: translate3d(0, 28px, 0) scale(0.01);
transform: translate3d(0, 28px, 0) scale(0.01);
position: relative;
top: -24px;
display: inline-block;
min-width: 28px;
font-size: 12px;
color: #fff;
background: #327eff;
transition: -webkit-transform 120ms ease;
transition: transform 120ms ease;
transition: transform 120ms ease, -webkit-transform 120ms ease;
padding: 8px; }
.range-wp .range-knob-pressed .range-pin {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1); }
.range-wp.range-disabled {
opacity: .5; }
.range-wp-primary .range-bar-active,
.range-wp-primary .range-tick-active,
.range-wp-primary .range-knob,
.range-wp-primary .range-pin {
background: #327eff; }
.range-wp-secondary .range-bar-active,
.range-wp-secondary .range-tick-active,
.range-wp-secondary .range-knob,
.range-wp-secondary .range-pin {
background: #32db64; }
.range-wp-danger .range-bar-active,
.range-wp-danger .range-tick-active,
.range-wp-danger .range-knob,
.range-wp-danger .range-pin {
background: #f53d3d; }
.range-wp-light .range-bar-active,
.range-wp-light .range-tick-active,
.range-wp-light .range-knob,
.range-wp-light .range-pin {
background: #f4f4f4; }
.range-wp-dark .range-bar-active,
.range-wp-dark .range-tick-active,
.range-wp-dark .range-knob,
.range-wp-dark .range-pin {
background: #222; }
ion-refresher {
left: 0;
top: 0;
position: absolute;
z-index: 0;
display: none;
width: 100%;
height: 60px; }
ion-refresher.refresher-active {
display: block; }
.has-refresher > .scroll-content {
margin-top: -1px;
border-top: 1px solid #ddd;
transition: -webkit-transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
transition: transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
transition: transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1); }
ion-refresher-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%; }
.refresher-pulling,
.refresher-refreshing {
display: none;
width: 100%; }
.refresher-pulling-icon,
.refresher-refreshing-icon {
text-align: center;
-webkit-transform-origin: center;
transform-origin: center;
font-size: 30px;
color: #000;
transition: 200ms; }
.refresher-pulling-text,
.refresher-refreshing-text {
text-align: center;
font-size: 16px;
color: #000; }
.refresher-refreshing .spinner-ios line,
.refresher-refreshing .spinner-ios-small line,
.refresher-refreshing .spinner-crescent circle {
stroke: #000; }
.refresher-refreshing .spinner-bubbles circle,
.refresher-refreshing .spinner-circles circle,
.refresher-refreshing .spinner-dots circle {
fill: #000; }
ion-refresher-content[state=pulling] .refresher-pulling {
display: block; }
ion-refresher-content[state=ready] .refresher-pulling {
display: block; }
ion-refresher-content[state=ready] .refresher-pulling-icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
ion-refresher-content[state=refreshing] .refresher-refreshing {
display: block; }
ion-refresher-content[state=cancelling] .refresher-pulling {
display: block; }
ion-refresher-content[state=cancelling] .refresher-pulling-icon {
-webkit-transform: scale(0);
transform: scale(0); }
ion-refresher-content[state=completing] .refresher-refreshing {
display: block; }
ion-refresher-content[state=completing] .refresher-refreshing-icon {
-webkit-transform: scale(0);
transform: scale(0); }
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-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
ion-scroll .scroll-content {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
overflow-y: hidden;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
will-change: scroll-position; }
ion-searchbar {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%; }
.searchbar-icon {
pointer-events: none; }
.searchbar-input-container {
position: relative;
display: block;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
width: 100%; }
.searchbar-input {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
display: block;
width: 100%;
border: 0;
font-family: inherit; }
.searchbar-clear-icon {
margin: 0;
padding: 0;
display: none;
min-height: 0; }
.searchbar-has-value.searchbar-has-focus .searchbar-clear-icon {
display: block; }
.searchbar-ios {
padding: 0 8px;
min-height: 44px;
border-top: 0.55px solid transparent;
border-bottom: 0.55px solid rgba(0, 0, 0, 0.05);
background: rgba(0, 0, 0, 0.2); }
.searchbar-ios .searchbar-search-icon {
left: 9px;
top: 9px;
background-image: url("data:image/svg+xml;charset=utf-8,");
margin-left: calc(50% - 60px);
position: absolute;
width: 14px;
height: 14px;
background-repeat: no-repeat;
background-size: 13px; }
.searchbar-ios .searchbar-input {
padding: 0 28px;
border-radius: 5px;
height: 3rem;
font-size: 1.4rem;
font-weight: 400;
color: #000;
background-color: #fff; }
.searchbar-ios .searchbar-input::-moz-placeholder {
color: rgba(0, 0, 0, 0.5); }
.searchbar-ios .searchbar-input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5); }
.searchbar-ios .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: rgba(0, 0, 0, 0.5); }
.searchbar-ios .searchbar-clear-icon {
right: 0;
top: 0;
background-image: url("data:image/svg+xml;charset=utf-8,");
background-position: center;
position: absolute;
width: 30px;
height: 100%;
background-repeat: no-repeat;
background-size: 18px; }
.searchbar-ios .searchbar-ios-cancel {
padding: 0 0 0 8px;
margin-left: 0;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 30px;
cursor: pointer; }
.searchbar-ios.searchbar-left-aligned .searchbar-search-icon {
margin-left: 0; }
.searchbar-ios.searchbar-left-aligned .searchbar-input {
padding-left: 30px; }
.searchbar-ios.searchbar-show-cancel.searchbar-has-focus .searchbar-ios-cancel {
display: block; }
.toolbar .searchbar-ios {
border-bottom-width: 0;
background: transparent; }
.toolbar .searchbar-ios .searchbar-input {
background: rgba(0, 0, 0, 0.08); }
.toolbar .searchbar-ios .searchbar-ios-cancel {
padding: 0; }
.toolbar .searchbar-ios.searchbar-has-focus .searchbar-ios-cancel {
padding-left: 8px; }
.searchbar-ios .searchbar-md-cancel {
display: none; }
.searchbar-ios-primary .searchbar-ios-cancel {
color: #327eff; }
.searchbar-ios-primary .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #2e74eb; }
.toolbar-ios-primary .searchbar-ios .searchbar-search-icon {
background-image: url("data:image/svg+xml;charset=utf-8,"); }
.toolbar-ios-primary .searchbar-ios .searchbar-input {
color: #fff;
background: rgba(255, 255, 255, 0.08); }
.toolbar-ios-primary .searchbar-ios .searchbar-input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.toolbar-ios-primary .searchbar-ios .searchbar-input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.toolbar-ios-primary .searchbar-ios .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: rgba(255, 255, 255, 0.5); }
.toolbar-ios-primary .searchbar-ios .searchbar-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,"); }
.toolbar-ios-primary .searchbar-ios .searchbar-ios-cancel {
color: #fff; }
.searchbar-ios-secondary .searchbar-ios-cancel {
color: #32db64; }
.searchbar-ios-secondary .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #2ec95c; }
.toolbar-ios-secondary .searchbar-ios .searchbar-search-icon {
background-image: url("data:image/svg+xml;charset=utf-8,"); }
.toolbar-ios-secondary .searchbar-ios .searchbar-input {
color: #fff;
background: rgba(255, 255, 255, 0.08); }
.toolbar-ios-secondary .searchbar-ios .searchbar-input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.toolbar-ios-secondary .searchbar-ios .searchbar-input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.toolbar-ios-secondary .searchbar-ios .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: rgba(255, 255, 255, 0.5); }
.toolbar-ios-secondary .searchbar-ios .searchbar-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,"); }
.toolbar-ios-secondary .searchbar-ios .searchbar-ios-cancel {
color: #fff; }
.searchbar-ios-danger .searchbar-ios-cancel {
color: #f53d3d; }
.searchbar-ios-danger .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #e13838; }
.toolbar-ios-danger .searchbar-ios .searchbar-search-icon {
background-image: url("data:image/svg+xml;charset=utf-8,"); }
.toolbar-ios-danger .searchbar-ios .searchbar-input {
color: #fff;
background: rgba(255, 255, 255, 0.08); }
.toolbar-ios-danger .searchbar-ios .searchbar-input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.toolbar-ios-danger .searchbar-ios .searchbar-input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.toolbar-ios-danger .searchbar-ios .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: rgba(255, 255, 255, 0.5); }
.toolbar-ios-danger .searchbar-ios .searchbar-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,"); }
.toolbar-ios-danger .searchbar-ios .searchbar-ios-cancel {
color: #fff; }
.searchbar-ios-light .searchbar-ios-cancel {
color: #f4f4f4; }
.searchbar-ios-light .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #e0e0e0; }
.toolbar-ios-light .searchbar-ios .searchbar-search-icon {
background-image: url("data:image/svg+xml;charset=utf-8,"); }
.toolbar-ios-light .searchbar-ios .searchbar-input {
color: #000;
background: rgba(0, 0, 0, 0.08); }
.toolbar-ios-light .searchbar-ios .searchbar-input::-moz-placeholder {
color: rgba(0, 0, 0, 0.5); }
.toolbar-ios-light .searchbar-ios .searchbar-input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5); }
.toolbar-ios-light .searchbar-ios .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: rgba(0, 0, 0, 0.5); }
.toolbar-ios-light .searchbar-ios .searchbar-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,"); }
.toolbar-ios-light .searchbar-ios .searchbar-ios-cancel {
color: #327eff; }
.searchbar-ios-dark .searchbar-ios-cancel {
color: #222; }
.searchbar-ios-dark .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #343434; }
.toolbar-ios-dark .searchbar-ios .searchbar-search-icon {
background-image: url("data:image/svg+xml;charset=utf-8,"); }
.toolbar-ios-dark .searchbar-ios .searchbar-input {
color: #fff;
background: rgba(255, 255, 255, 0.08); }
.toolbar-ios-dark .searchbar-ios .searchbar-input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.toolbar-ios-dark .searchbar-ios .searchbar-input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.toolbar-ios-dark .searchbar-ios .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: rgba(255, 255, 255, 0.5); }
.toolbar-ios-dark .searchbar-ios .searchbar-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,"); }
.toolbar-ios-dark .searchbar-ios .searchbar-ios-cancel {
color: #fff; }
.searchbar-ios.searchbar-animated.searchbar-show-cancel .searchbar-ios-cancel {
display: block; }
.searchbar-ios.searchbar-animated .searchbar-search-icon,
.searchbar-ios.searchbar-animated .searchbar-input {
transition: all 300ms ease; }
.searchbar-animated.searchbar-has-focus .searchbar-ios-cancel {
opacity: 1;
pointer-events: auto; }
.searchbar-animated .searchbar-ios-cancel {
margin-right: -100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 0;
transition: all 300ms ease;
pointer-events: none; }
.searchbar-md {
background: inherit;
padding: 8px; }
.searchbar-md .searchbar-search-icon {
left: 16px;
top: 11px;
background-image: url("data:image/svg+xml;charset=utf-8,");
width: 21px;
height: 21px; }
.searchbar-md .searchbar-md-cancel {
left: 10px;
top: 0;
margin: 0;
display: none;
width: 21px;
height: 100%; }
.searchbar-md .searchbar-search-icon,
.searchbar-md .searchbar-md-cancel {
position: absolute;
background-repeat: no-repeat;
background-size: 20px; }
.searchbar-md .searchbar-search-icon.activated,
.searchbar-md .searchbar-md-cancel.activated {
background-color: transparent; }
.searchbar-md .searchbar-input {
padding: 6px 55px;
border-radius: 2px;
background-position: left 8px center;
height: auto;
font-size: 1.6rem;
font-weight: 400;
line-height: 3rem;
color: #141414;
background-color: #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); }
.searchbar-md .searchbar-input::-moz-placeholder {
color: #aeaeae; }
.searchbar-md .searchbar-input:-ms-input-placeholder {
color: #aeaeae; }
.searchbar-md .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: #aeaeae; }
.searchbar-md .searchbar-clear-icon {
right: 13px;
top: 0;
background-image: url("data:image/svg+xml;charset=utf-8,");
padding: 0;
background-position: center;
position: absolute;
width: 22px;
height: 100%;
background-repeat: no-repeat;
background-size: 22px; }
.searchbar-md .searchbar-clear-icon.activated {
background-color: transparent; }
.searchbar-md.searchbar-has-focus.searchbar-show-cancel .searchbar-search-icon {
display: none; }
.searchbar-md.searchbar-has-focus.searchbar-show-cancel .searchbar-md-cancel {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.toolbar .searchbar-md {
padding: 3px; }
.toolbar .searchbar-md .searchbar-md-cancel {
left: 14px; }
.searchbar-md .searchbar-ios-cancel {
display: none; }
.searchbar-wp {
background: transparent;
padding: 8px; }
.searchbar-wp .searchbar-input-container {
border: 2px solid rgba(0, 0, 0, 0.5); }
.searchbar-wp .searchbar-search-icon {
right: 8px;
top: 5px;
background-image: url("data:image/svg+xml;charset=utf-8,");
position: absolute;
width: 21px;
height: 21px;
background-repeat: no-repeat;
background-size: 20px; }
.searchbar-wp .searchbar-search-icon.activated {
background-color: transparent; }
.searchbar-wp .searchbar-input {
padding: 0 8px;
border-radius: 0;
background-position: left 8px center;
height: auto;
font-size: 1.4rem;
font-weight: 400;
line-height: 3rem;
color: #141414;
background-color: #fff; }
.searchbar-wp .searchbar-input::-moz-placeholder {
color: #858585; }
.searchbar-wp .searchbar-input:-ms-input-placeholder {
color: #858585; }
.searchbar-wp .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: #858585; }
.searchbar-wp .searchbar-clear-icon {
right: 8px;
top: 0;
background-image: url("data:image/svg+xml;charset=utf-8,");
padding: 0;
background-position: center;
position: absolute;
width: 22px;
height: 100%;
background-repeat: no-repeat;
background-size: 22px; }
.searchbar-wp .searchbar-clear-icon.activated {
background-color: transparent; }
.searchbar-wp.searchbar-has-focus .searchbar-input-container {
border-color: #327eff; }
.searchbar-wp.searchbar-has-value .searchbar-search-icon {
display: none; }
.searchbar-wp .searchbar-ios-cancel {
display: none; }
.searchbar-wp .searchbar-md-cancel {
display: none; }
.toolbar .searchbar-wp {
padding: 2px; }
.searchbar-wp-primary.searchbar-has-focus .searchbar-input-container {
border-color: #327eff; }
.searchbar-wp-secondary.searchbar-has-focus .searchbar-input-container {
border-color: #32db64; }
.searchbar-wp-danger.searchbar-has-focus .searchbar-input-container {
border-color: #f53d3d; }
.searchbar-wp-light.searchbar-has-focus .searchbar-input-container {
border-color: #f4f4f4; }
.searchbar-wp-dark.searchbar-has-focus .searchbar-input-container {
border-color: #222; }
ion-segment {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%; }
.segment-button {
margin-left: 0;
margin-right: 0;
text-align: center;
position: relative;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer; }
.segment-ios .segment-button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
height: 3.2rem;
border-width: 1px;
border-style: solid;
border-color: #327eff;
font-size: 1.3rem;
line-height: 3rem;
color: #327eff;
background-color: transparent; }
.segment-ios .segment-button ion-icon {
font-size: 2.6rem;
line-height: 2.8rem; }
.segment-ios .segment-button.segment-activated {
color: #fff;
background-color: #327eff;
opacity: 1;
transition: 100ms all linear; }
.segment-ios .segment-button:hover:not(.segment-activated) {
background-color: rgba(50, 126, 255, 0.1);
transition: 100ms all linear; }
.segment-ios .segment-button:active:not(.segment-activated) {
background-color: rgba(50, 126, 255, 0.16);
transition: 100ms all linear; }
.segment-ios .segment-button:first-of-type {
border-top-left-radius: 4px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 4px;
margin-right: 0; }
.segment-ios .segment-button:not(:first-of-type) {
border-left-width: 0; }
.segment-ios .segment-button:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 0;
margin-left: 0;
border-left-width: 0; }
[dir="rtl"] .segment-ios .segment-button:first-of-type {
border-left-width: 0; }
[dir="rtl"] .segment-ios .segment-button:last-of-type {
border-left-width: 1px; }
.segment-ios.segment-disabled {
opacity: .4;
pointer-events: none; }
.segment-ios .segment-button-disabled {
color: rgba(50, 126, 255, 0.3);
pointer-events: none; }
.toolbar-ios .segment-ios {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute; }
.toolbar-ios .segment-button {
max-width: 100px;
height: 2.6rem;
font-size: 1.2rem;
line-height: 2.5rem; }
.toolbar-ios .segment-button ion-icon {
font-size: 2.2rem;
line-height: 2.4rem; }
.segment-ios-primary .segment-button {
border-color: #327eff;
color: #327eff; }
.segment-ios-primary .segment-button:hover:not(.segment-activated) {
background-color: rgba(50, 126, 255, 0.1); }
.segment-ios-primary .segment-button:active:not(.segment-activated) {
background-color: rgba(50, 126, 255, 0.16); }
.segment-ios-primary .segment-button.segment-activated {
color: #fff;
background-color: #327eff; }
.segment-ios-primary .segment-button-disabled {
color: rgba(50, 126, 255, 0.3); }
.toolbar-ios-primary .segment-ios .segment-button.segment-activated {
color: #327eff; }
.segment-ios-secondary .segment-button {
border-color: #32db64;
color: #32db64; }
.segment-ios-secondary .segment-button:hover:not(.segment-activated) {
background-color: rgba(50, 219, 100, 0.1); }
.segment-ios-secondary .segment-button:active:not(.segment-activated) {
background-color: rgba(50, 219, 100, 0.16); }
.segment-ios-secondary .segment-button.segment-activated {
color: #fff;
background-color: #32db64; }
.segment-ios-secondary .segment-button-disabled {
color: rgba(50, 219, 100, 0.3); }
.toolbar-ios-secondary .segment-ios .segment-button.segment-activated {
color: #32db64; }
.segment-ios-danger .segment-button {
border-color: #f53d3d;
color: #f53d3d; }
.segment-ios-danger .segment-button:hover:not(.segment-activated) {
background-color: rgba(245, 61, 61, 0.1); }
.segment-ios-danger .segment-button:active:not(.segment-activated) {
background-color: rgba(245, 61, 61, 0.16); }
.segment-ios-danger .segment-button.segment-activated {
color: #fff;
background-color: #f53d3d; }
.segment-ios-danger .segment-button-disabled {
color: rgba(245, 61, 61, 0.3); }
.toolbar-ios-danger .segment-ios .segment-button.segment-activated {
color: #f53d3d; }
.segment-ios-light .segment-button {
border-color: #f4f4f4;
color: #f4f4f4; }
.segment-ios-light .segment-button:hover:not(.segment-activated) {
background-color: rgba(244, 244, 244, 0.1); }
.segment-ios-light .segment-button:active:not(.segment-activated) {
background-color: rgba(244, 244, 244, 0.16); }
.segment-ios-light .segment-button.segment-activated {
color: #000;
background-color: #f4f4f4; }
.segment-ios-light .segment-button-disabled {
color: rgba(244, 244, 244, 0.3); }
.toolbar-ios-light .segment-ios .segment-button.segment-activated {
color: #f4f4f4; }
.segment-ios-dark .segment-button {
border-color: #222;
color: #222; }
.segment-ios-dark .segment-button:hover:not(.segment-activated) {
background-color: rgba(34, 34, 34, 0.1); }
.segment-ios-dark .segment-button:active:not(.segment-activated) {
background-color: rgba(34, 34, 34, 0.16); }
.segment-ios-dark .segment-button.segment-activated {
color: #fff;
background-color: #222; }
.segment-ios-dark .segment-button-disabled {
color: rgba(34, 34, 34, 0.3); }
.toolbar-ios-dark .segment-ios .segment-button.segment-activated {
color: #222; }
.segment-md .segment-button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
height: 4.2rem;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: rgba(0, 0, 0, 0.1);
font-size: 1.2rem;
font-weight: 500;
line-height: 4rem;
text-transform: uppercase;
color: #327eff;
background-color: transparent;
opacity: 0.7;
transition: 100ms all linear;
padding: 0 6px; }
.segment-md .segment-button ion-icon {
font-size: 2.6rem;
line-height: 4rem; }
.segment-md .segment-button.activated, .segment-md .segment-button.segment-activated {
border-color: #327eff;
opacity: 1; }
.segment-md.segment-disabled,
.segment-md .segment-button-disabled {
opacity: 0.3;
pointer-events: none; }
.toolbar .segment-md {
margin: 0 auto; }
.toolbar .segment-md .segment-button.activated,
.toolbar .segment-md .segment-button.segment-activated {
opacity: 1; }
.segment-md-primary .segment-button {
color: #327eff; }
.segment-md-primary .segment-button.activated, .segment-md-primary .segment-button.segment-activated {
border-color: #327eff;
color: #327eff;
opacity: 1; }
.segment-md-secondary .segment-button {
color: #32db64; }
.segment-md-secondary .segment-button.activated, .segment-md-secondary .segment-button.segment-activated {
border-color: #32db64;
color: #32db64;
opacity: 1; }
.segment-md-danger .segment-button {
color: #f53d3d; }
.segment-md-danger .segment-button.activated, .segment-md-danger .segment-button.segment-activated {
border-color: #f53d3d;
color: #f53d3d;
opacity: 1; }
.segment-md-light .segment-button {
color: #f4f4f4; }
.segment-md-light .segment-button.activated, .segment-md-light .segment-button.segment-activated {
border-color: #f4f4f4;
color: #f4f4f4;
opacity: 1; }
.segment-md-dark .segment-button {
color: #222; }
.segment-md-dark .segment-button.activated, .segment-md-dark .segment-button.segment-activated {
border-color: #222;
color: #222;
opacity: 1; }
.segment-wp {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.segment-wp .segment-button {
height: 4rem;
font-size: 1.3rem;
font-weight: bold;
line-height: 4rem;
text-transform: uppercase;
color: #000;
background-color: transparent;
opacity: 0.5;
padding: 0 6px; }
.segment-wp .segment-button.segment-activated {
opacity: 1; }
.segment-wp .segment-button ion-icon {
font-size: 2.6rem;
line-height: 4rem; }
.segment-wp.segment-disabled,
.segment-wp .segment-button-disabled {
opacity: 0.3;
pointer-events: none; }
.toolbar .segment-wp {
margin: 0 auto; }
.segment-wp-primary .segment-button {
color: #327eff; }
.segment-wp-primary .segment-button.activated, .segment-wp-primary .segment-button.segment-activated {
border-color: #327eff;
color: #327eff;
opacity: 1; }
.segment-wp-secondary .segment-button {
color: #32db64; }
.segment-wp-secondary .segment-button.activated, .segment-wp-secondary .segment-button.segment-activated {
border-color: #32db64;
color: #32db64;
opacity: 1; }
.segment-wp-danger .segment-button {
color: #f53d3d; }
.segment-wp-danger .segment-button.activated, .segment-wp-danger .segment-button.segment-activated {
border-color: #f53d3d;
color: #f53d3d;
opacity: 1; }
.segment-wp-light .segment-button {
color: #f4f4f4; }
.segment-wp-light .segment-button.activated, .segment-wp-light .segment-button.segment-activated {
border-color: #f4f4f4;
color: #f4f4f4;
opacity: 1; }
.segment-wp-dark .segment-button {
color: #222; }
.segment-wp-dark .segment-button.activated, .segment-wp-dark .segment-button.segment-activated {
border-color: #222;
color: #222;
opacity: 1; }
ion-select {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
max-width: 45%; }
.select-text {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 16px;
font-size: inherit;
text-overflow: ellipsis;
white-space: nowrap; }
.item-multiple-inputs ion-select {
position: relative; }
.select-disabled,
.item-select-disabled ion-label {
opacity: .4;
pointer-events: none; }
.select-popover ion-list {
margin: -1px 0; }
.select-ios {
padding: 11px 8px 11px 16px; }
.select-ios .select-placeholder {
color: #999; }
.select-ios .select-icon {
position: relative;
width: 12px;
height: 18px; }
.select-ios .select-icon .select-icon-inner {
left: 5px;
top: 50%;
margin-top: -2px;
position: absolute;
width: 0;
height: 0;
border-top: 5px solid;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
color: #999;
pointer-events: none; }
.select-md {
padding: 13px 8px 13px 16px; }
.select-md .select-placeholder {
color: #999; }
.select-md .item-select ion-label {
margin-left: 0; }
.select-md .select-icon {
position: relative;
width: 12px;
height: 19px; }
.select-md .select-icon .select-icon-inner {
left: 5px;
top: 50%;
margin-top: -3px;
position: absolute;
width: 0;
height: 0;
border-top: 5px solid;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
color: #999;
pointer-events: none; }
.select-wp {
margin: 13px 8px;
padding: 0 8px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 100%;
border: 2px solid rgba(0, 0, 0, 0.5);
line-height: 3rem; }
.select-wp .select-placeholder {
color: rgba(0, 0, 0, 0.5); }
.item-wp.item-select ion-label {
margin-left: 0; }
.select-wp .select-icon {
position: relative;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
width: 18px;
height: 18px; }
.select-wp .select-icon .select-icon-inner {
left: 5px;
top: 3px;
position: absolute;
display: block;
width: 9px;
height: 9px;
border-top: 2px solid rgba(0, 0, 0, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
pointer-events: none; }
.select-wp .select-text {
min-height: 3rem; }
.hidden-show-when {
display: none !important; }
.hidden-hide-when {
display: none !important; }
.swiper-container {
margin-left: auto;
margin-right: auto;
padding: 0;
position: relative;
z-index: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: 100%; }
.swiper-container-no-flexbox .swiper-slide {
float: left; }
.swiper-container-vertical > .swiper-wrapper {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.swiper-wrapper {
padding: 0;
position: relative;
z-index: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
box-sizing: content-box; }
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper {
margin: 0 auto;
transition-timing-function: ease-out; }
.swiper-slide {
text-align: center;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
font-size: 18px;
box-sizing: border-box; }
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto; }
.swiper-container-autoheight .swiper-wrapper {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform; }
.swiper-container .swiper-notification {
left: 0;
top: 0;
position: absolute;
z-index: -1000;
opacity: 0;
pointer-events: none; }
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y; }
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x; }
.swiper-button-prev,
.swiper-button-next {
top: 50%;
margin-top: -22px;
background-position: center;
position: absolute;
z-index: 10;
width: 27px;
height: 44px;
background-repeat: no-repeat;
background-size: 27px 44px;
cursor: pointer; }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
cursor: auto;
opacity: .35;
pointer-events: none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
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"); }
.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 {
left: auto;
right: 10px;
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"); }
.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"); }
.swiper-pagination {
text-align: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: absolute;
z-index: 10;
transition: 300ms;
pointer-events: none; }
.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
left: 0;
bottom: 10px;
width: 100%; }
.swiper-pagination-bullet {
border-radius: 100%;
display: inline-block;
width: 8px;
height: 8px;
background: #000;
opacity: .2;
pointer-events: auto; }
button.swiper-pagination-bullet {
margin: 0;
padding: 0;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 0;
box-shadow: none; }
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff; }
.swiper-pagination-bullet-active {
background: #007aff;
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-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px; }
.swiper-pagination-progress {
position: absolute;
background: rgba(0, 0, 0, 0.25); }
.swiper-pagination-progress .swiper-pagination-progressbar {
left: 0;
top: 0;
-webkit-transform-origin: left top;
transform-origin: left top;
position: absolute;
width: 100%;
height: 100%;
background: #007aff;
-webkit-transform: scale(0);
transform: scale(0); }
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progress {
left: 0;
top: 0;
width: 100%;
height: 4px; }
.swiper-container-vertical > .swiper-pagination-progress {
left: 0;
top: 0;
width: 4px;
height: 100%; }
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5); }
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff; }
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000; }
.swiper-container-3d {
-webkit-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;
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 {
left: 0;
top: 0;
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
pointer-events: none; }
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px; }
.swiper-container-cube,
.swiper-container-flip {
overflow: visible; }
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
pointer-events: none; }
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.swiper-container-cube .swiper-slide {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
visibility: hidden; }
.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 {
visibility: visible;
pointer-events: auto; }
.swiper-container-cube .swiper-cube-shadow {
left: 0;
bottom: 0;
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px); }
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide {
transition-property: opacity;
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; }
.swiper-zoom-container {
text-align: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%; }
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain; }
.swiper-scrollbar {
border-radius: 10px;
position: relative;
background: rgba(0, 0, 0, 0.1);
-ms-touch-action: none;
touch-action: none; }
.swiper-container-horizontal > .swiper-scrollbar {
left: 1%;
bottom: 3px;
position: absolute;
z-index: 50;
width: 98%;
height: 5px; }
.swiper-container-vertical > .swiper-scrollbar {
right: 3px;
top: 1%;
position: absolute;
z-index: 50;
width: 5px;
height: 98%; }
.swiper-scrollbar-drag {
left: 0;
top: 0;
border-radius: 10px;
position: relative;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); }
.swiper-scrollbar-cursor-drag {
cursor: move; }
.swiper-lazy-preloader {
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
-webkit-transform-origin: 50%;
transform-origin: 50%;
position: absolute;
z-index: 10;
width: 42px;
height: 42px;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader::after {
background-position: 50%;
display: block;
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-repeat: no-repeat;
background-size: 100%;
content: ""; }
.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);
transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
ion-slides {
display: block;
width: 100%;
height: 100%; }
.slide-zoom {
text-align: center;
display: block;
width: 100%; }
.swiper-slide img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%; }
.split-pane {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
contain: strict; }
.split-pane-side:not(ion-menu) {
display: none; }
.split-pane-visible > .split-pane-side,
.split-pane-visible > .split-pane-main {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: relative;
z-index: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-shadow: none !important; }
.split-pane-visible > .split-pane-side {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.split-pane-visible > .split-pane-main,
.split-pane-visible > ion-nav.split-pane-side,
.split-pane-visible > ion-tabs.split-pane-side,
.split-pane-visible > ion-menu.menu-enabled {
display: block; }
.split-pane-visible > ion-split-pane.split-pane-side,
.split-pane-visible > ion-split-pane.split-pane-main {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.split-pane-visible > ion-menu.menu-enabled > .menu-inner {
left: 0;
right: 0;
width: auto;
box-shadow: none !important;
-webkit-transform: none !important;
transform: none !important; }
.split-pane-visible > ion-menu.menu-enabled > .ion-backdrop {
display: hidden !important; }
.split-pane-visible > .split-pane-side[side=start] {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.split-pane-visible > .split-pane-side[side=end] {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.split-pane-visible > .split-pane-side[side=left] {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.split-pane-visible > .split-pane-side[side=right] {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.split-pane-ios.split-pane-visible > .split-pane-side {
min-width: 270px;
max-width: 28%;
border-right: 0.55px solid #c8c7cc;
border-left: 0; }
.split-pane-ios.split-pane-visible > .split-pane-side[side=right] {
border-right: 0;
border-left: 0.55px solid #c8c7cc; }
.split-pane-md.split-pane-visible > .split-pane-side {
min-width: 270px;
max-width: 28%;
border-right: 1px solid #dedede;
border-left: 0; }
.split-pane-md.split-pane-visible > .split-pane-side[side=right] {
border-right: 0;
border-left: 1px solid #dedede; }
.split-pane-wp.split-pane-visible > .split-pane-side {
min-width: 270px;
max-width: 28%;
border-right: 1px solid transparent;
border-left: 0; }
.split-pane-wp.split-pane-visible > .split-pane-side[side=right] {
border-right: 0;
border-left: 1px solid transparent; }
ion-spinner {
position: relative;
display: inline-block;
width: 28px;
height: 28px; }
ion-spinner svg {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
ion-spinner.spinner-paused svg {
-webkit-animation-play-state: paused;
animation-play-state: paused; }
.spinner-ios line,
.spinner-ios-small line {
stroke-width: 4px;
stroke-linecap: round; }
.spinner-ios svg,
.spinner-ios-small svg {
-webkit-animation: spinner-fade-out 1s linear infinite;
animation: spinner-fade-out 1s linear infinite; }
.spinner-bubbles svg {
-webkit-animation: spinner-scale-out 1s linear infinite;
animation: spinner-scale-out 1s linear infinite; }
.spinner-circles svg {
-webkit-animation: spinner-fade-out 1s linear infinite;
animation: spinner-fade-out 1s linear infinite; }
.spinner-crescent circle {
fill: transparent;
stroke-width: 4px;
stroke-dasharray: 128px;
stroke-dashoffset: 82px; }
.spinner-crescent svg {
-webkit-animation: spinner-rotate 1s linear infinite;
animation: spinner-rotate 1s linear infinite; }
.spinner-dots circle {
stroke-width: 0; }
.spinner-dots svg {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-animation: spinner-dots 1s linear infinite;
animation: spinner-dots 1s linear infinite; }
@-webkit-keyframes spinner-fade-out {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes spinner-fade-out {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes spinner-scale-out {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
100% {
-webkit-transform: scale(0, 0);
transform: scale(0, 0); } }
@keyframes spinner-scale-out {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
100% {
-webkit-transform: scale(0, 0);
transform: scale(0, 0); } }
@-webkit-keyframes spinner-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes spinner-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes spinner-dots {
0% {
opacity: .9;
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
50% {
opacity: .3;
-webkit-transform: scale(0.4, 0.4);
transform: scale(0.4, 0.4); }
100% {
opacity: .9;
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@keyframes spinner-dots {
0% {
opacity: .9;
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
50% {
opacity: .3;
-webkit-transform: scale(0.4, 0.4);
transform: scale(0.4, 0.4); }
100% {
opacity: .9;
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
.spinner-ios-ios line,
.spinner-ios-ios-small line {
stroke: #69717d; }
.spinner-ios-bubbles circle {
fill: #000; }
.spinner-ios-circles circle {
fill: #69717d; }
.spinner-ios-crescent circle {
stroke: #000; }
.spinner-ios-dots circle {
fill: #444; }
.spinner-ios-primary.spinner-ios line,
.spinner-ios-primary.spinner-ios-small line,
.spinner-ios-primary.spinner-crescent circle {
stroke: #327eff; }
.spinner-ios-primary.spinner-bubbles circle,
.spinner-ios-primary.spinner-circles circle,
.spinner-ios-primary.spinner-dots circle {
fill: #327eff; }
.spinner-ios-secondary.spinner-ios line,
.spinner-ios-secondary.spinner-ios-small line,
.spinner-ios-secondary.spinner-crescent circle {
stroke: #32db64; }
.spinner-ios-secondary.spinner-bubbles circle,
.spinner-ios-secondary.spinner-circles circle,
.spinner-ios-secondary.spinner-dots circle {
fill: #32db64; }
.spinner-ios-danger.spinner-ios line,
.spinner-ios-danger.spinner-ios-small line,
.spinner-ios-danger.spinner-crescent circle {
stroke: #f53d3d; }
.spinner-ios-danger.spinner-bubbles circle,
.spinner-ios-danger.spinner-circles circle,
.spinner-ios-danger.spinner-dots circle {
fill: #f53d3d; }
.spinner-ios-light.spinner-ios line,
.spinner-ios-light.spinner-ios-small line,
.spinner-ios-light.spinner-crescent circle {
stroke: #f4f4f4; }
.spinner-ios-light.spinner-bubbles circle,
.spinner-ios-light.spinner-circles circle,
.spinner-ios-light.spinner-dots circle {
fill: #f4f4f4; }
.spinner-ios-dark.spinner-ios line,
.spinner-ios-dark.spinner-ios-small line,
.spinner-ios-dark.spinner-crescent circle {
stroke: #222; }
.spinner-ios-dark.spinner-bubbles circle,
.spinner-ios-dark.spinner-circles circle,
.spinner-ios-dark.spinner-dots circle {
fill: #222; }
.spinner-md-ios line,
.spinner-md-ios-small line {
stroke: #69717d; }
.spinner-md-bubbles circle {
fill: #000; }
.spinner-md-circles circle {
fill: #69717d; }
.spinner-md-crescent circle {
stroke: #000; }
.spinner-md-dots circle {
fill: #444; }
.spinner-md-primary.spinner-ios line,
.spinner-md-primary.spinner-ios-small line,
.spinner-md-primary.spinner-crescent circle {
stroke: #327eff; }
.spinner-md-primary.spinner-bubbles circle,
.spinner-md-primary.spinner-circles circle,
.spinner-md-primary.spinner-dots circle {
fill: #327eff; }
.spinner-md-secondary.spinner-ios line,
.spinner-md-secondary.spinner-ios-small line,
.spinner-md-secondary.spinner-crescent circle {
stroke: #32db64; }
.spinner-md-secondary.spinner-bubbles circle,
.spinner-md-secondary.spinner-circles circle,
.spinner-md-secondary.spinner-dots circle {
fill: #32db64; }
.spinner-md-danger.spinner-ios line,
.spinner-md-danger.spinner-ios-small line,
.spinner-md-danger.spinner-crescent circle {
stroke: #f53d3d; }
.spinner-md-danger.spinner-bubbles circle,
.spinner-md-danger.spinner-circles circle,
.spinner-md-danger.spinner-dots circle {
fill: #f53d3d; }
.spinner-md-light.spinner-ios line,
.spinner-md-light.spinner-ios-small line,
.spinner-md-light.spinner-crescent circle {
stroke: #f4f4f4; }
.spinner-md-light.spinner-bubbles circle,
.spinner-md-light.spinner-circles circle,
.spinner-md-light.spinner-dots circle {
fill: #f4f4f4; }
.spinner-md-dark.spinner-ios line,
.spinner-md-dark.spinner-ios-small line,
.spinner-md-dark.spinner-crescent circle {
stroke: #222; }
.spinner-md-dark.spinner-bubbles circle,
.spinner-md-dark.spinner-circles circle,
.spinner-md-dark.spinner-dots circle {
fill: #222; }
.spinner-wp-ios line,
.spinner-wp-ios-small line {
stroke: #69717d; }
.spinner-wp-bubbles circle {
fill: #000; }
.spinner-wp-circles circle {
fill: #69717d; }
.spinner-wp-crescent circle {
stroke: #000; }
.spinner-wp-dots circle {
fill: #444; }
.spinner-wp-primary.spinner-ios line,
.spinner-wp-primary.spinner-ios-small line,
.spinner-wp-primary.spinner-crescent circle {
stroke: #327eff; }
.spinner-wp-primary.spinner-bubbles circle,
.spinner-wp-primary.spinner-circles circle,
.spinner-wp-primary.spinner-dots circle {
fill: #327eff; }
.spinner-wp-secondary.spinner-ios line,
.spinner-wp-secondary.spinner-ios-small line,
.spinner-wp-secondary.spinner-crescent circle {
stroke: #32db64; }
.spinner-wp-secondary.spinner-bubbles circle,
.spinner-wp-secondary.spinner-circles circle,
.spinner-wp-secondary.spinner-dots circle {
fill: #32db64; }
.spinner-wp-danger.spinner-ios line,
.spinner-wp-danger.spinner-ios-small line,
.spinner-wp-danger.spinner-crescent circle {
stroke: #f53d3d; }
.spinner-wp-danger.spinner-bubbles circle,
.spinner-wp-danger.spinner-circles circle,
.spinner-wp-danger.spinner-dots circle {
fill: #f53d3d; }
.spinner-wp-light.spinner-ios line,
.spinner-wp-light.spinner-ios-small line,
.spinner-wp-light.spinner-crescent circle {
stroke: #f4f4f4; }
.spinner-wp-light.spinner-bubbles circle,
.spinner-wp-light.spinner-circles circle,
.spinner-wp-light.spinner-dots circle {
fill: #f4f4f4; }
.spinner-wp-dark.spinner-ios line,
.spinner-wp-dark.spinner-ios-small line,
.spinner-wp-dark.spinner-crescent circle {
stroke: #222; }
.spinner-wp-dark.spinner-bubbles circle,
.spinner-wp-dark.spinner-circles circle,
.spinner-wp-dark.spinner-dots circle {
fill: #222; }
.tabbar {
left: 0;
bottom: 0;
position: absolute;
z-index: 10;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
opacity: 0; }
.tabbar-hidden .tabbar {
display: none; }
.tabbar.show-tabbar {
opacity: 1; }
[tabsPlacement=top] > .tabbar {
top: 0;
bottom: auto; }
.tab-button {
margin: 0;
text-align: center;
border-radius: 0;
position: relative;
z-index: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border: 0;
text-decoration: none;
background: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.tab-disabled {
pointer-events: none; }
.tab-disabled ion-badge,
.tab-disabled ion-icon,
.tab-disabled span {
opacity: .4; }
.tab-button-text {
margin-top: 3px;
margin-bottom: 2px; }
.tab-button-text,
.tab-button-icon {
display: none;
overflow: hidden;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
min-width: 26px;
max-width: 100%;
text-overflow: ellipsis;
white-space: nowrap; }
.has-icon .tab-button-icon,
.has-title .tab-button-text {
display: block; }
.has-title-only .tab-button-text {
white-space: normal; }
[tabsLayout=icon-bottom] .tab-button .tab-button-icon {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
[tabsLayout=icon-left] .tab-button,
[tabsLayout=icon-right] .tab-button,
[tabsLayout=icon-start] .tab-button,
[tabsLayout=icon-end] .tab-button {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
[tabsLayout=icon-left] .tab-button .tab-button-icon,
[tabsLayout=icon-start] .tab-button .tab-button-icon {
padding-right: 8px;
text-align: right;
text-align: end; }
[tabsLayout=icon-right] .tab-button .tab-button-icon,
[tabsLayout=icon-end] .tab-button .tab-button-icon {
padding-left: 8px;
text-align: left;
text-align: start;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.tab-hidden,
.tab-highlight,
[tabsLayout=icon-hide] .tab-button-icon,
[tabsLayout=title-hide] .tab-button-text {
display: none; }
.tab-badge {
right: 4%;
top: 6%;
right: calc(50% - 50px);
padding: 1px 6px;
position: absolute;
height: auto;
font-size: 12px;
line-height: 16px; }
.has-icon .tab-badge {
right: calc(50% - 30px); }
[tabsLayout=icon-bottom] .tab-badge,
[tabsLayout=icon-left] .tab-badge,
[tabsLayout=icon-right] .tab-badge,
[tabsLayout=icon-start] .tab-badge,
[tabsLayout=icon-end] .tab-badge {
right: calc(50% - 50px); }
.tabs-ios .tabbar {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-top: 0.55px solid rgba(0, 0, 0, 0.3);
background: #f8f8f8; }
.tabs-ios[tabsPlacement=top] .tabbar {
border-top: 0;
border-bottom: 0.55px solid rgba(0, 0, 0, 0.3); }
.tabs-ios .tab-button {
max-width: 240px;
min-height: 49px;
font-size: 10px;
font-weight: 500;
color: #8c8c8c;
padding: 0 2px; }
.tabs-ios .tab-button:hover:not(.disable-hover),
.tabs-ios .tab-button[aria-selected=true] {
color: #327eff; }
.tabs-ios .tab-button[aria-selected=true] .tab-button-icon {
color: #327eff; }
.tabs-ios .tab-button-text {
margin-top: 0;
margin-bottom: 1px;
min-height: 11px; }
.tabs-ios .has-title-only .tab-button-text {
font-size: 12px; }
.tabs-ios .tab-button-icon {
margin-top: 4px;
margin-bottom: 1px;
min-width: 35px;
height: 30px;
font-size: 30px;
color: #8c8c8c; }
.tabs-ios .tab-button-icon::before {
vertical-align: top; }
.tabs-ios[tabsLayout=icon-right] .tab-button .tab-button-text,
.tabs-ios[tabsLayout=icon-left] .tab-button .tab-button-text,
.tabs-ios[tabsLayout=icon-end] .tab-button .tab-button-text,
.tabs-ios[tabsLayout=icon-start] .tab-button .tab-button-text {
font-size: 1.4rem;
line-height: 1.1; }
.tabs-ios[tabsLayout=icon-right] .tab-button ion-icon,
.tabs-ios[tabsLayout=icon-left] .tab-button ion-icon,
.tabs-ios[tabsLayout=icon-end] .tab-button ion-icon,
.tabs-ios[tabsLayout=icon-start] .tab-button ion-icon {
min-width: 24px;
height: 26px;
font-size: 24px; }
.tabs-ios[tabsLayout=icon-hide] .tab-button,
.tabs-ios .tab-button.has-title-only {
min-height: 41px; }
.tabs-ios[tabsLayout=icon-hide] .tab-button .tab-button-text,
.tabs-ios .tab-button.has-title-only .tab-button-text {
margin: 2px 0;
font-size: 1.4rem;
line-height: 1.1; }
.tabs-ios[tabsLayout=title-hide] .tab-button,
.tabs-ios .tab-button.icon-only {
min-height: 41px; }
.tabs-ios-primary .tabbar {
border-color: #005efe;
background-color: #327eff; }
.tabs-ios-primary .tab-button,
.tabs-ios-primary .tab-button-icon,
.tabs-ios-primary .tab-button:hover:not(.disable-hover),
.tabs-ios-primary .tab-button:hover:not(.disable-hover) .tab-button-icon {
color: rgba(255, 255, 255, 0.7); }
.tabs-ios-primary .tab-button[aria-selected=true],
.tabs-ios-primary .tab-button[aria-selected=true] .tab-button-icon {
color: #fff; }
.tabs-ios-secondary .tabbar {
border-color: #21b94e;
background-color: #32db64; }
.tabs-ios-secondary .tab-button,
.tabs-ios-secondary .tab-button-icon,
.tabs-ios-secondary .tab-button:hover:not(.disable-hover),
.tabs-ios-secondary .tab-button:hover:not(.disable-hover) .tab-button-icon {
color: rgba(255, 255, 255, 0.7); }
.tabs-ios-secondary .tab-button[aria-selected=true],
.tabs-ios-secondary .tab-button[aria-selected=true] .tab-button-icon {
color: #fff; }
.tabs-ios-danger .tabbar {
border-color: #f30d0d;
background-color: #f53d3d; }
.tabs-ios-danger .tab-button,
.tabs-ios-danger .tab-button-icon,
.tabs-ios-danger .tab-button:hover:not(.disable-hover),
.tabs-ios-danger .tab-button:hover:not(.disable-hover) .tab-button-icon {
color: rgba(255, 255, 255, 0.7); }
.tabs-ios-danger .tab-button[aria-selected=true],
.tabs-ios-danger .tab-button[aria-selected=true] .tab-button-icon {
color: #fff; }
.tabs-ios-light .tabbar {
border-color: #dbdbdb;
background-color: #f4f4f4; }
.tabs-ios-light .tab-button,
.tabs-ios-light .tab-button-icon,
.tabs-ios-light .tab-button:hover:not(.disable-hover),
.tabs-ios-light .tab-button:hover:not(.disable-hover) .tab-button-icon {
color: rgba(0, 0, 0, 0.7); }
.tabs-ios-light .tab-button[aria-selected=true],
.tabs-ios-light .tab-button[aria-selected=true] .tab-button-icon {
color: #000; }
.tabs-ios-dark .tabbar {
border-color: #090909;
background-color: #222; }
.tabs-ios-dark .tab-button,
.tabs-ios-dark .tab-button-icon,
.tabs-ios-dark .tab-button:hover:not(.disable-hover),
.tabs-ios-dark .tab-button:hover:not(.disable-hover) .tab-button-icon {
color: rgba(255, 255, 255, 0.7); }
.tabs-ios-dark .tab-button[aria-selected=true],
.tabs-ios-dark .tab-button[aria-selected=true] .tab-button-icon {
color: #fff; }
.tabs-md .tabbar {
background: #f8f8f8; }
.tabs-md .tab-button {
min-height: 5.6rem;
font-weight: normal;
color: rgba(60, 60, 60, 0.7);
padding: 0; }
.tabs-md .tab-button[aria-selected=true] {
color: #327eff;
padding: 0; }
.tabs-md .tab-button-text {
font-size: 1.2rem;
text-transform: none;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
margin: 0;
-webkit-transform-origin: 50% 80%;
transform-origin: 50% 80%; }
.tabs-md .tab-button[aria-selected=true] .tab-button-text {
-webkit-transform: scale3d(1.16667, 1.16667, 1);
transform: scale3d(1.16667, 1.16667, 1);
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
.tabs-md[tabsLayout=icon-top] .has-icon .tab-button-text {
margin-top: 4px;
margin-bottom: 0; }
.tabs-md[tabsLayout=icon-bottom] .tab-button .tab-button-text {
margin-top: 0; }
.tabs-md .tab-button-icon {
margin-top: 1px;
min-width: 2.4rem;
font-size: 2.4rem;
color: rgba(60, 60, 60, 0.7);
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
-webkit-transform-origin: 50% 150%;
transform-origin: 50% 150%; }
.tabs-md .tab-button[aria-selected=true] .tab-button-icon {
color: #327eff;
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0); }
.tabs-md[tabsLayout=icon-right] .tab-button[aria-selected=true] .tab-button-icon,
.tabs-md[tabsLayout=icon-end] .tab-button[aria-selected=true] .tab-button-icon {
-webkit-transform: translate3d(2px, 0, 0);
transform: translate3d(2px, 0, 0); }
.tabs-md[tabsLayout=icon-bottom] .tab-button[aria-selected=true] .tab-button-icon {
-webkit-transform: translate3d(0, 2px, 0);
transform: translate3d(0, 2px, 0); }
.tabs-md[tabsLayout=icon-left] .tab-button[aria-selected=true] .tab-button-icon,
.tabs-md[tabsLayout=icon-start] .tab-button[aria-selected=true] .tab-button-icon {
-webkit-transform: translate3d(-2px, 0, 0);
transform: translate3d(-2px, 0, 0); }
.tabs-md[tabsLayout=icon-hide] .tab-button,
.tabs-md[tabsLayout=title-hide] .tab-button,
.tabs-md .tab-button.icon-only,
.tabs-md .tab-button.has-title-only {
padding: 0 10px; }
.tabs-md[tabsHighlight=true] .tab-highlight {
left: 0;
bottom: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
position: absolute;
display: block;
width: 1px;
height: 2px;
background: #327eff;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.tabs-md[tabsHighlight=true] .tab-highlight.animate {
transition-duration: 300ms; }
.tabs-md[tabsHighlight=true][tabsPlacement=bottom] > .tabbar > .tab-highlight {
top: 0; }
.tabs-md-primary .tabbar {
background-color: #327eff; }
.tabs-md-primary .tab-button,
.tabs-md-primary .tab-button-icon {
color: rgba(255, 255, 255, 0.7); }
.tabs-md-primary .tab-button:hover:not(.disable-hover),
.tabs-md-primary .tab-button[aria-selected=true],
.tabs-md-primary .tab-button[aria-selected=true] .tab-button-icon {
color: #fff; }
.tabs-md-primary[tabsHighlight=true] .tab-highlight {
background: #fff; }
.tabs-md-secondary .tabbar {
background-color: #32db64; }
.tabs-md-secondary .tab-button,
.tabs-md-secondary .tab-button-icon {
color: rgba(255, 255, 255, 0.7); }
.tabs-md-secondary .tab-button:hover:not(.disable-hover),
.tabs-md-secondary .tab-button[aria-selected=true],
.tabs-md-secondary .tab-button[aria-selected=true] .tab-button-icon {
color: #fff; }
.tabs-md-secondary[tabsHighlight=true] .tab-highlight {
background: #fff; }
.tabs-md-danger .tabbar {
background-color: #f53d3d; }
.tabs-md-danger .tab-button,
.tabs-md-danger .tab-button-icon {
color: rgba(255, 255, 255, 0.7); }
.tabs-md-danger .tab-button:hover:not(.disable-hover),
.tabs-md-danger .tab-button[aria-selected=true],
.tabs-md-danger .tab-button[aria-selected=true] .tab-button-icon {
color: #fff; }
.tabs-md-danger[tabsHighlight=true] .tab-highlight {
background: #fff; }
.tabs-md-light .tabbar {
background-color: #f4f4f4; }
.tabs-md-light .tab-button,
.tabs-md-light .tab-button-icon {
color: rgba(0, 0, 0, 0.7); }
.tabs-md-light .tab-button:hover:not(.disable-hover),
.tabs-md-light .tab-button[aria-selected=true],
.tabs-md-light .tab-button[aria-selected=true] .tab-button-icon {
color: #000; }
.tabs-md-light[tabsHighlight=true] .tab-highlight {
background: #000; }
.tabs-md-dark .tabbar {
background-color: #222; }
.tabs-md-dark .tab-button,
.tabs-md-dark .tab-button-icon {
color: rgba(255, 255, 255, 0.7); }
.tabs-md-dark .tab-button:hover:not(.disable-hover),
.tabs-md-dark .tab-button[aria-selected=true],
.tabs-md-dark .tab-button[aria-selected=true] .tab-button-icon {
color: #fff; }
.tabs-md-dark[tabsHighlight=true] .tab-highlight {
background: #fff; }
.tabs-wp .tabbar {
background: #f8f8f8; }
.tabs-wp .tab-button {
border-radius: 0;
min-height: 4.8rem;
border-bottom: 2px solid transparent;
font-size: 1.2rem;
font-weight: normal;
color: rgba(140, 140, 140, 0.7);
box-shadow: none;
padding: 12px 10px 5px; }
.tabs-wp .tab-button[aria-selected=true] {
border-bottom-color: #327eff;
color: #327eff; }
.tabs-wp .tab-button.activated {
background: rgba(0, 0, 0, 0.1); }
.tabs-wp[tabsPlacement=bottom] .tab-button {
border-top: 2px solid transparent;
border-bottom-width: 0; }
.tabs-wp[tabsPlacement=bottom] .tab-button[aria-selected=true] {
border-top-color: #327eff; }
.tabs-wp .tab-button-text {
margin-top: 5px;
margin-bottom: 5px; }
.tabs-wp .tab-button-icon {
min-width: 2.4rem;
font-size: 2.4rem;
color: rgba(140, 140, 140, 0.7); }
.tabs-wp .tab-button[aria-selected=true] .tab-button-icon {
color: #327eff; }
.tabs-wp[tabsLayout=icon-bottom] .tab-button {
padding-top: 8px;
padding-bottom: 8px; }
.tabs-wp[tabsLayout=icon-right] .tab-button,
.tabs-wp[tabsLayout=icon-left] .tab-button,
.tabs-wp[tabsLayout=icon-end] .tab-button,
.tabs-wp[tabsLayout=icon-start] .tab-button {
padding-bottom: 10px; }
.tabs-wp[tabsLayout=icon-right] .tab-button ion-icon,
.tabs-wp[tabsLayout=icon-left] .tab-button ion-icon,
.tabs-wp[tabsLayout=icon-end] .tab-button ion-icon,
.tabs-wp[tabsLayout=icon-start] .tab-button ion-icon {
min-width: 24px; }
.tabs-wp[tabsLayout=icon-hide] .tab-button,
.tabs-wp[tabsLayout=title-hide] .tab-button,
.tabs-wp .tab-button.icon-only,
.tabs-wp .tab-button.has-title-only {
padding: 6px 10px; }
.tabs-wp-primary .tabbar {
background-color: #327eff; }
.tabs-wp-primary .tab-button,
.tabs-wp-primary .tab-button-icon {
color: rgba(255, 255, 255, 0.7); }
.tabs-wp-primary .tab-button:hover:not(.disable-hover),
.tabs-wp-primary .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-primary .tab-button[aria-selected=true],
.tabs-wp-primary .tab-button[aria-selected=true] .tab-button-icon {
border-color: #fff;
color: #fff; }
.tabs-wp-secondary .tabbar {
background-color: #32db64; }
.tabs-wp-secondary .tab-button,
.tabs-wp-secondary .tab-button-icon {
color: rgba(255, 255, 255, 0.7); }
.tabs-wp-secondary .tab-button:hover:not(.disable-hover),
.tabs-wp-secondary .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-secondary .tab-button[aria-selected=true],
.tabs-wp-secondary .tab-button[aria-selected=true] .tab-button-icon {
border-color: #fff;
color: #fff; }
.tabs-wp-danger .tabbar {
background-color: #f53d3d; }
.tabs-wp-danger .tab-button,
.tabs-wp-danger .tab-button-icon {
color: rgba(255, 255, 255, 0.7); }
.tabs-wp-danger .tab-button:hover:not(.disable-hover),
.tabs-wp-danger .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-danger .tab-button[aria-selected=true],
.tabs-wp-danger .tab-button[aria-selected=true] .tab-button-icon {
border-color: #fff;
color: #fff; }
.tabs-wp-light .tabbar {
background-color: #f4f4f4; }
.tabs-wp-light .tab-button,
.tabs-wp-light .tab-button-icon {
color: rgba(0, 0, 0, 0.7); }
.tabs-wp-light .tab-button:hover:not(.disable-hover),
.tabs-wp-light .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-light .tab-button[aria-selected=true],
.tabs-wp-light .tab-button[aria-selected=true] .tab-button-icon {
border-color: #000;
color: #000; }
.tabs-wp-dark .tabbar {
background-color: #222; }
.tabs-wp-dark .tab-button,
.tabs-wp-dark .tab-button-icon {
color: rgba(255, 255, 255, 0.7); }
.tabs-wp-dark .tab-button:hover:not(.disable-hover),
.tabs-wp-dark .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-dark .tab-button[aria-selected=true],
.tabs-wp-dark .tab-button[aria-selected=true] .tab-button-icon {
border-color: #fff;
color: #fff; }
ion-toast {
left: 0;
top: 0;
position: absolute;
z-index: 1000;
display: block;
width: 100%;
height: 100%;
pointer-events: none;
contain: strict; }
.toast-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
pointer-events: auto;
contain: content; }
.toast-button {
padding: 19px 16px 17px;
font-size: 1.5rem; }
.toast-message {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; }
.toast-ios .toast-wrapper {
left: 10px;
right: 10px;
margin: auto;
border-radius: 0.65rem;
position: absolute;
z-index: 10;
display: block;
max-width: 700px;
background: rgba(0, 0, 0, 0.9); }
.toast-ios .toast-wrapper.toast-top {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
margin: constant(safe-area-inset-top) auto auto;
margin: env(safe-area-inset-top) auto auto;
top: 0; }
.toast-ios .toast-wrapper.toast-bottom {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
margin: auto auto constant(safe-area-inset-bottom);
margin: auto auto env(safe-area-inset-bottom);
bottom: 0; }
.toast-ios .toast-wrapper.toast-middle {
opacity: .01; }
.toast-ios .toast-message {
font-size: 1.4rem;
color: #fff;
padding: 1.5rem; }
.toast-md .toast-wrapper {
left: 0;
right: 0;
margin: auto;
position: absolute;
z-index: 10;
display: block;
width: 100%;
max-width: 700px;
background: #333; }
.toast-md .toast-wrapper.toast-top {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0; }
.toast-md .toast-wrapper.toast-bottom {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0; }
.toast-md .toast-wrapper.toast-middle {
opacity: .01; }
.toast-md .toast-message {
font-size: 1.5rem;
color: #fff;
padding: 19px 16px 17px; }
.toast-wp .toast-wrapper {
left: 0;
right: 0;
margin: auto;
border-radius: 0;
position: absolute;
z-index: 10;
display: block;
max-width: 700px;
background: black; }
.toast-wp .toast-wrapper.toast-top {
top: 0;
opacity: .01; }
.toast-wp .toast-wrapper.toast-bottom {
bottom: 0;
opacity: .01; }
.toast-wp .toast-wrapper.toast-middle {
opacity: .01; }
.toast-message {
font-size: 1.4rem;
color: #fff;
padding: 1.5rem; }
.toast-button {
color: #fff; }
.toggle-ios {
position: relative;
width: 51px;
height: 32px;
box-sizing: content-box;
contain: strict; }
.toggle-ios .toggle-icon {
border-radius: 16px;
position: relative;
display: block;
width: 100%;
height: 100%;
background-color: #e6e6e6;
transition: background-color 300ms;
pointer-events: none; }
.toggle-ios .toggle-icon::before {
left: 2px;
right: 2px;
top: 2px;
bottom: 2px;
border-radius: 16px;
position: absolute;
background-color: #fff;
content: "";
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
transition: -webkit-transform 300ms;
transition: transform 300ms;
transition: transform 300ms, -webkit-transform 300ms; }
.toggle-ios .toggle-inner {
left: 2px;
top: 2px;
border-radius: 14px;
position: absolute;
width: 28px;
height: 28px;
background-color: #fff;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);
transition: width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms, -webkit-transform 300ms;
transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms;
transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms, -webkit-transform 300ms;
will-change: transform;
contain: strict; }
.toggle-ios.toggle-checked .toggle-icon {
background-color: #327eff; }
.toggle-ios.toggle-activated .toggle-icon::before,
.toggle-ios.toggle-checked .toggle-icon::before {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0); }
.toggle-ios.toggle-checked .toggle-inner {
-webkit-transform: translate3d(19px, 0, 0);
transform: translate3d(19px, 0, 0); }
.toggle-ios.toggle-activated.toggle-checked .toggle-inner::before {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0); }
.toggle-ios.toggle-activated .toggle-inner {
width: 34px; }
.toggle-ios.toggle-activated.toggle-checked .toggle-inner {
left: -4px; }
.toggle-ios.toggle-disabled,
.item-ios.item-toggle-disabled ion-label {
opacity: 0.3;
pointer-events: none; }
.item-ios .toggle-ios {
margin: 0;
padding: 6px 8px 5px 16px; }
.item-ios .toggle-ios[item-left],
.item-ios .toggle-ios[item-start] {
padding: 6px 16px 5px 0; }
.toggle-ios-primary.toggle-checked .toggle-icon {
background-color: #327eff; }
.toggle-ios-secondary.toggle-checked .toggle-icon {
background-color: #32db64; }
.toggle-ios-danger.toggle-checked .toggle-icon {
background-color: #f53d3d; }
.toggle-ios-light.toggle-checked .toggle-icon {
background-color: #f4f4f4; }
.toggle-ios-dark.toggle-checked .toggle-icon {
background-color: #222; }
.toggle-md {
position: relative;
width: 36px;
height: 14px;
box-sizing: content-box;
contain: strict;
padding: 12px; }
.toggle-md .toggle-icon {
border-radius: 14px;
position: relative;
display: block;
width: 100%;
height: 100%;
background-color: #dedede;
transition: background-color 300ms;
pointer-events: none; }
.toggle-md .toggle-inner {
left: 0;
top: -3px;
border-radius: 50%;
position: absolute;
width: 20px;
height: 20px;
background-color: #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);
transition-duration: 300ms;
transition-property: background-color, -webkit-transform;
transition-property: transform, background-color;
transition-property: transform, background-color, -webkit-transform;
will-change: transform, background-color;
contain: strict; }
.toggle-md.toggle-checked .toggle-icon {
background-color: #b2ceff; }
.toggle-md.toggle-checked .toggle-inner {
-webkit-transform: translate3d(16px, 0, 0);
transform: translate3d(16px, 0, 0);
background-color: #327eff; }
.toggle-md.toggle-disabled,
.item-md.item-toggle-disabled ion-label {
opacity: 0.3;
pointer-events: none; }
.toggle-md.toggle-disabled ion-radio {
opacity: 0.3; }
.item-md .toggle-md {
cursor: pointer;
margin: 0;
padding: 12px 8px 12px 16px; }
.item-md .toggle-md[item-left],
.item-md .toggle-md[item-start] {
padding: 12px 18px 12px 2px; }
.item-md.item-toggle ion-label {
margin-left: 0; }
.toggle-md-primary.toggle-checked .toggle-icon {
background-color: #b2ceff; }
.toggle-md-primary.toggle-checked .toggle-inner {
background-color: #327eff; }
.toggle-md-secondary.toggle-checked .toggle-icon {
background-color: #9eeeb6; }
.toggle-md-secondary.toggle-checked .toggle-inner {
background-color: #32db64; }
.toggle-md-danger.toggle-checked .toggle-icon {
background-color: #fbb6b6; }
.toggle-md-danger.toggle-checked .toggle-inner {
background-color: #f53d3d; }
.toggle-md-light.toggle-checked .toggle-icon {
background-color: white; }
.toggle-md-light.toggle-checked .toggle-inner {
background-color: #f4f4f4; }
.toggle-md-dark.toggle-checked .toggle-icon {
background-color: #626262; }
.toggle-md-dark.toggle-checked .toggle-inner {
background-color: #222; }
.toggle-wp {
position: relative;
width: 40px;
height: 18px;
box-sizing: content-box;
contain: strict; }
.toggle-wp .toggle-icon {
border-radius: 18px;
position: relative;
display: block;
width: 100%;
height: 100%;
border: 2px solid #323232;
background-color: transparent;
pointer-events: none;
contain: strict; }
.toggle-wp .toggle-inner {
left: 2px;
top: 2px;
border-radius: 50%;
position: absolute;
width: 10px;
height: 10px;
background-color: #323232;
transition-duration: 300ms;
transition-property: background-color, -webkit-transform;
transition-property: transform, background-color;
transition-property: transform, background-color, -webkit-transform;
will-change: transform, background-color; }
.toggle-wp.toggle-checked .toggle-icon {
border-color: #327eff;
background-color: #327eff; }
.toggle-wp.toggle-checked .toggle-inner {
-webkit-transform: translate3d(22px, 0, 0);
transform: translate3d(22px, 0, 0);
background-color: #fff; }
.toggle-wp.toggle-disabled,
.item-wp.item-toggle-disabled ion-label {
opacity: 0.3;
pointer-events: none; }
.toggle-wp.toggle-disabled ion-radio {
opacity: 0.3; }
.item-wp .toggle-wp {
margin: 0;
cursor: pointer;
padding: 12px 8px 12px 16px; }
.item-wp .toggle-wp[item-left],
.item-wp .toggle-wp[item-start] {
padding: 12px 18px 12px 2px; }
.item-wp.item-toggle ion-label {
margin-left: 0; }
.toggle-wp-primary.toggle-checked .toggle-icon {
border-color: #327eff;
background-color: #327eff; }
.toggle-wp-primary.toggle-checked .toggle-inner {
background-color: #fff; }
.toggle-wp-secondary.toggle-checked .toggle-icon {
border-color: #32db64;
background-color: #32db64; }
.toggle-wp-secondary.toggle-checked .toggle-inner {
background-color: #fff; }
.toggle-wp-danger.toggle-checked .toggle-icon {
border-color: #f53d3d;
background-color: #f53d3d; }
.toggle-wp-danger.toggle-checked .toggle-inner {
background-color: #fff; }
.toggle-wp-light.toggle-checked .toggle-icon {
border-color: #f4f4f4;
background-color: #f4f4f4; }
.toggle-wp-light.toggle-checked .toggle-inner {
background-color: #000; }
.toggle-wp-dark.toggle-checked .toggle-icon {
border-color: #222;
background-color: #222; }
.toggle-wp-dark.toggle-checked .toggle-inner {
background-color: #fff; }
ion-toolbar {
position: relative;
z-index: 10; }
.toolbar {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
contain: content; }
.toolbar-background {
left: 0;
top: 0;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
border: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
pointer-events: none;
contain: strict; }
ion-title {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.toolbar-title {
display: block;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap; }
ion-buttons {
margin: 0 0.2rem;
display: block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
pointer-events: none; }
ion-buttons button,
ion-buttons a,
ion-buttons input,
ion-buttons textarea,
ion-buttons div {
pointer-events: auto; }
.toolbar[transparent] .toolbar-background {
border-color: transparent;
background: transparent; }
ion-buttons,
.bar-button-menutoggle {
z-index: 99;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
ion-navbar.toolbar {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.bar-button {
margin: 0;
padding: 0;
text-align: center;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
position: relative;
display: inline-block;
line-height: 1;
text-overflow: ellipsis;
text-transform: none;
white-space: nowrap;
cursor: pointer;
vertical-align: top;
vertical-align: -webkit-baseline-middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.bar-button::after {
left: -2px;
right: -2px;
top: -7px;
bottom: -6px;
position: absolute;
content: ""; }
.bar-button-menutoggle {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.back-button {
display: none; }
.back-button.show-back-button {
display: inline-block; }
.back-button-text {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.toolbar-ios {
padding: 4px;
padding-left: 4px;
padding-right: 4px;
min-height: 44px; }
@media screen and (orientation: landscape) {
.toolbar-ios {
padding-left: calc(constant(safe-area-inset-left) + 4px);
padding-right: calc(constant(safe-area-inset-right) + 4px);
padding-left: calc(env(safe-area-inset-left) + 4px);
padding-right: calc(env(safe-area-inset-right) + 4px); } }
.toolbar-background-ios {
background: #f8f8f8; }
.header-ios .toolbar-background-ios,
.footer-ios .toolbar-background-ios {
border-style: solid;
border-color: rgba(0, 0, 0, 0.3); }
.header-ios .toolbar-ios:last-child .toolbar-background-ios {
border-width: 0 0 0.55px; }
.footer-ios .toolbar-ios:first-child .toolbar-background-ios {
border-width: 0.55px 0 0; }
.header-ios[no-border] .toolbar-ios:last-child .toolbar-background-ios {
border-bottom-width: 0; }
.footer-ios[no-border] .toolbar-ios:first-child .toolbar-background-ios {
border-top-width: 0; }
.toolbar-content-ios {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
min-width: 0; }
.toolbar-title-ios {
text-align: center;
font-size: 1.7rem;
font-weight: 600;
color: #000;
pointer-events: auto; }
.toolbar-ios ion-title {
left: 0;
top: 0;
padding: 0 90px 1px;
position: absolute;
width: 100%;
height: 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
pointer-events: none; }
.bar-buttons-ios {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.bar-buttons-ios[left] {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.bar-buttons-ios[end] {
text-align: right;
text-align: end;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.bar-buttons-ios[right] {
text-align: right;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.bar-button-ios {
padding: 0 4px;
border-radius: 4px;
height: 32px;
border: 0;
font-size: 1.7rem; }
.bar-button-outline-ios {
border-width: 1px;
border-style: solid;
border-color: #327eff;
color: #327eff;
background-color: transparent; }
.bar-button-outline-ios:hover:not(.disable-hover) {
opacity: .4; }
.bar-button-outline-ios.activated {
color: #fff;
background-color: #327eff; }
.bar-button-solid-ios {
color: #fff;
background-color: #327eff; }
.bar-button-solid-ios:hover:not(.disable-hover) {
color: #fff;
opacity: .4; }
.bar-button-solid-ios.activated {
color: #fff;
background-color: #2e74eb;
opacity: .4; }
.bar-button-ios.bar-button-icon-start ion-icon {
padding-right: 0.3em;
font-size: 1.4em;
line-height: .67;
pointer-events: none; }
.bar-button-ios.bar-button-icon-end ion-icon {
padding-left: 0.4em;
font-size: 1.4em;
line-height: .67;
pointer-events: none; }
.bar-button-ios[icon-only] {
padding: 0;
min-width: .9em; }
.bar-button-ios[icon-only] ion-icon {
padding: 0 0.1em;
font-size: 1.8em;
line-height: .67;
pointer-events: none; }
.back-button-ios {
margin: 0;
z-index: 99;
overflow: visible;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
min-height: 3.2rem;
line-height: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.back-button-icon-ios {
margin: -1px 0 0;
display: inherit;
min-width: 18px;
font-size: 3.4rem; }
.back-button-text-ios {
letter-spacing: -.01em; }
.bar-button-menutoggle-ios {
margin: 0 6px;
padding: 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
min-width: 36px; }
.bar-button-menutoggle-ios ion-icon {
padding: 0 6px;
font-size: 2.8rem; }
.bar-button-menutoggle-ios[end],
.bar-button-menutoggle-ios[right] {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.bar-button-default-ios,
.bar-button-default.bar-button-ios-default,
.bar-button-clear-ios-default {
color: #327eff;
background-color: transparent; }
.bar-button-default-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-default:hover:not(.disable-hover),
.bar-button-clear-ios-default:hover:not(.disable-hover) {
color: #327eff; }
.bar-button-default-ios.activated,
.bar-button-default.bar-button-ios-default.activated,
.bar-button-clear-ios-default.activated {
opacity: .4; }
.bar-button-clear-ios,
.bar-button-default.bar-button-ios-clear,
.bar-button-clear-ios-clear {
color: #327eff;
background-color: transparent; }
.bar-button-clear-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-clear:hover:not(.disable-hover),
.bar-button-clear-ios-clear:hover:not(.disable-hover) {
color: #327eff; }
.bar-button-clear-ios.activated,
.bar-button-default.bar-button-ios-clear.activated,
.bar-button-clear-ios-clear.activated {
opacity: .4; }
.toolbar-ios-primary .toolbar-background-ios {
background: #327eff; }
.toolbar-ios-primary .toolbar-title-ios,
.toolbar-ios-primary .bar-button-clear-ios,
.toolbar-ios-primary .bar-button-default-ios {
color: #fff; }
.toolbar-ios-primary .bar-button-primary-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary,
.toolbar-ios-primary .bar-button-clear-ios-primary {
color: #327eff;
background-color: transparent; }
.toolbar-ios-primary .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-ios-primary .bar-button-primary-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-primary .bar-button-clear-ios-primary.activated {
opacity: .4; }
.toolbar-ios-primary .bar-button-outline-ios-primary {
border-color: #327eff;
color: #327eff;
background-color: transparent; }
.toolbar-ios-primary .bar-button-outline-ios-primary.activated {
color: #fff;
background-color: #327eff; }
.toolbar-ios-primary .bar-button-solid-ios-primary {
color: #fff;
background-color: #327eff; }
.toolbar-ios-primary .bar-button-solid-ios-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-ios-primary .bar-button-secondary-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-primary .bar-button-clear-ios-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-ios-primary .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-ios-primary .bar-button-secondary-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-primary .bar-button-clear-ios-secondary.activated {
opacity: .4; }
.toolbar-ios-primary .bar-button-outline-ios-secondary {
border-color: #32db64;
color: #32db64;
background-color: transparent; }
.toolbar-ios-primary .bar-button-outline-ios-secondary.activated {
color: #fff;
background-color: #32db64; }
.toolbar-ios-primary .bar-button-solid-ios-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-ios-primary .bar-button-solid-ios-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-ios-primary .bar-button-danger-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger,
.toolbar-ios-primary .bar-button-clear-ios-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-ios-primary .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-ios-primary .bar-button-danger-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-primary .bar-button-clear-ios-danger.activated {
opacity: .4; }
.toolbar-ios-primary .bar-button-outline-ios-danger {
border-color: #f53d3d;
color: #f53d3d;
background-color: transparent; }
.toolbar-ios-primary .bar-button-outline-ios-danger.activated {
color: #fff;
background-color: #f53d3d; }
.toolbar-ios-primary .bar-button-solid-ios-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-ios-primary .bar-button-solid-ios-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-ios-primary .bar-button-light-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-light,
.toolbar-ios-primary .bar-button-clear-ios-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-ios-primary .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-ios-primary .bar-button-light-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-primary .bar-button-clear-ios-light.activated {
opacity: .4; }
.toolbar-ios-primary .bar-button-outline-ios-light {
border-color: #f4f4f4;
color: #f4f4f4;
background-color: transparent; }
.toolbar-ios-primary .bar-button-outline-ios-light.activated {
color: #000;
background-color: #f4f4f4; }
.toolbar-ios-primary .bar-button-solid-ios-light {
color: #000;
background-color: #f4f4f4; }
.toolbar-ios-primary .bar-button-solid-ios-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-ios-primary .bar-button-dark-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-dark,
.toolbar-ios-primary .bar-button-clear-ios-dark {
color: #222;
background-color: transparent; }
.toolbar-ios-primary .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-ios-primary .bar-button-dark-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-primary .bar-button-clear-ios-dark.activated {
opacity: .4; }
.toolbar-ios-primary .bar-button-outline-ios-dark {
border-color: #222;
color: #222;
background-color: transparent; }
.toolbar-ios-primary .bar-button-outline-ios-dark.activated {
color: #fff;
background-color: #222; }
.toolbar-ios-primary .bar-button-solid-ios-dark {
color: #fff;
background-color: #222; }
.toolbar-ios-primary .bar-button-solid-ios-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-primary-ios,
.bar-button-default.bar-button-ios-primary,
.bar-button-clear-ios-primary {
color: #327eff;
background-color: transparent; }
.bar-button-primary-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.bar-button-clear-ios-primary:hover:not(.disable-hover) {
color: #327eff; }
.bar-button-primary-ios.activated,
.bar-button-default.bar-button-ios-primary.activated,
.bar-button-clear-ios-primary.activated {
opacity: .4; }
.bar-button-outline-ios-primary {
border-color: #327eff;
color: #327eff;
background-color: transparent; }
.bar-button-outline-ios-primary.activated {
color: #fff;
background-color: #327eff; }
.bar-button-solid-ios-primary {
color: #fff;
background-color: #327eff; }
.bar-button-solid-ios-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-ios-secondary .toolbar-background-ios {
background: #32db64; }
.toolbar-ios-secondary .toolbar-title-ios,
.toolbar-ios-secondary .bar-button-clear-ios,
.toolbar-ios-secondary .bar-button-default-ios {
color: #fff; }
.toolbar-ios-secondary .bar-button-primary-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary,
.toolbar-ios-secondary .bar-button-clear-ios-primary {
color: #327eff;
background-color: transparent; }
.toolbar-ios-secondary .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-ios-secondary .bar-button-primary-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-secondary .bar-button-clear-ios-primary.activated {
opacity: .4; }
.toolbar-ios-secondary .bar-button-outline-ios-primary {
border-color: #327eff;
color: #327eff;
background-color: transparent; }
.toolbar-ios-secondary .bar-button-outline-ios-primary.activated {
color: #fff;
background-color: #327eff; }
.toolbar-ios-secondary .bar-button-solid-ios-primary {
color: #fff;
background-color: #327eff; }
.toolbar-ios-secondary .bar-button-solid-ios-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-ios-secondary .bar-button-secondary-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-secondary .bar-button-clear-ios-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-ios-secondary .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-ios-secondary .bar-button-secondary-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-secondary .bar-button-clear-ios-secondary.activated {
opacity: .4; }
.toolbar-ios-secondary .bar-button-outline-ios-secondary {
border-color: #32db64;
color: #32db64;
background-color: transparent; }
.toolbar-ios-secondary .bar-button-outline-ios-secondary.activated {
color: #fff;
background-color: #32db64; }
.toolbar-ios-secondary .bar-button-solid-ios-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-ios-secondary .bar-button-solid-ios-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-ios-secondary .bar-button-danger-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-danger,
.toolbar-ios-secondary .bar-button-clear-ios-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-ios-secondary .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-ios-secondary .bar-button-danger-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-secondary .bar-button-clear-ios-danger.activated {
opacity: .4; }
.toolbar-ios-secondary .bar-button-outline-ios-danger {
border-color: #f53d3d;
color: #f53d3d;
background-color: transparent; }
.toolbar-ios-secondary .bar-button-outline-ios-danger.activated {
color: #fff;
background-color: #f53d3d; }
.toolbar-ios-secondary .bar-button-solid-ios-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-ios-secondary .bar-button-solid-ios-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-ios-secondary .bar-button-light-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-light,
.toolbar-ios-secondary .bar-button-clear-ios-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-ios-secondary .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-ios-secondary .bar-button-light-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-secondary .bar-button-clear-ios-light.activated {
opacity: .4; }
.toolbar-ios-secondary .bar-button-outline-ios-light {
border-color: #f4f4f4;
color: #f4f4f4;
background-color: transparent; }
.toolbar-ios-secondary .bar-button-outline-ios-light.activated {
color: #000;
background-color: #f4f4f4; }
.toolbar-ios-secondary .bar-button-solid-ios-light {
color: #000;
background-color: #f4f4f4; }
.toolbar-ios-secondary .bar-button-solid-ios-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-ios-secondary .bar-button-dark-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-dark,
.toolbar-ios-secondary .bar-button-clear-ios-dark {
color: #222;
background-color: transparent; }
.toolbar-ios-secondary .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-ios-secondary .bar-button-dark-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-secondary .bar-button-clear-ios-dark.activated {
opacity: .4; }
.toolbar-ios-secondary .bar-button-outline-ios-dark {
border-color: #222;
color: #222;
background-color: transparent; }
.toolbar-ios-secondary .bar-button-outline-ios-dark.activated {
color: #fff;
background-color: #222; }
.toolbar-ios-secondary .bar-button-solid-ios-dark {
color: #fff;
background-color: #222; }
.toolbar-ios-secondary .bar-button-solid-ios-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-secondary-ios,
.bar-button-default.bar-button-ios-secondary,
.bar-button-clear-ios-secondary {
color: #32db64;
background-color: transparent; }
.bar-button-secondary-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.bar-button-clear-ios-secondary:hover:not(.disable-hover) {
color: #32db64; }
.bar-button-secondary-ios.activated,
.bar-button-default.bar-button-ios-secondary.activated,
.bar-button-clear-ios-secondary.activated {
opacity: .4; }
.bar-button-outline-ios-secondary {
border-color: #32db64;
color: #32db64;
background-color: transparent; }
.bar-button-outline-ios-secondary.activated {
color: #fff;
background-color: #32db64; }
.bar-button-solid-ios-secondary {
color: #fff;
background-color: #32db64; }
.bar-button-solid-ios-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-ios-danger .toolbar-background-ios {
background: #f53d3d; }
.toolbar-ios-danger .toolbar-title-ios,
.toolbar-ios-danger .bar-button-clear-ios,
.toolbar-ios-danger .bar-button-default-ios {
color: #fff; }
.toolbar-ios-danger .bar-button-primary-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary,
.toolbar-ios-danger .bar-button-clear-ios-primary {
color: #327eff;
background-color: transparent; }
.toolbar-ios-danger .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-ios-danger .bar-button-primary-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-danger .bar-button-clear-ios-primary.activated {
opacity: .4; }
.toolbar-ios-danger .bar-button-outline-ios-primary {
border-color: #327eff;
color: #327eff;
background-color: transparent; }
.toolbar-ios-danger .bar-button-outline-ios-primary.activated {
color: #fff;
background-color: #327eff; }
.toolbar-ios-danger .bar-button-solid-ios-primary {
color: #fff;
background-color: #327eff; }
.toolbar-ios-danger .bar-button-solid-ios-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-ios-danger .bar-button-secondary-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-danger .bar-button-clear-ios-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-ios-danger .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-ios-danger .bar-button-secondary-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-danger .bar-button-clear-ios-secondary.activated {
opacity: .4; }
.toolbar-ios-danger .bar-button-outline-ios-secondary {
border-color: #32db64;
color: #32db64;
background-color: transparent; }
.toolbar-ios-danger .bar-button-outline-ios-secondary.activated {
color: #fff;
background-color: #32db64; }
.toolbar-ios-danger .bar-button-solid-ios-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-ios-danger .bar-button-solid-ios-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-ios-danger .bar-button-danger-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger,
.toolbar-ios-danger .bar-button-clear-ios-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-ios-danger .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-ios-danger .bar-button-danger-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-danger .bar-button-clear-ios-danger.activated {
opacity: .4; }
.toolbar-ios-danger .bar-button-outline-ios-danger {
border-color: #f53d3d;
color: #f53d3d;
background-color: transparent; }
.toolbar-ios-danger .bar-button-outline-ios-danger.activated {
color: #fff;
background-color: #f53d3d; }
.toolbar-ios-danger .bar-button-solid-ios-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-ios-danger .bar-button-solid-ios-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-ios-danger .bar-button-light-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-light,
.toolbar-ios-danger .bar-button-clear-ios-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-ios-danger .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-ios-danger .bar-button-light-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-danger .bar-button-clear-ios-light.activated {
opacity: .4; }
.toolbar-ios-danger .bar-button-outline-ios-light {
border-color: #f4f4f4;
color: #f4f4f4;
background-color: transparent; }
.toolbar-ios-danger .bar-button-outline-ios-light.activated {
color: #000;
background-color: #f4f4f4; }
.toolbar-ios-danger .bar-button-solid-ios-light {
color: #000;
background-color: #f4f4f4; }
.toolbar-ios-danger .bar-button-solid-ios-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-ios-danger .bar-button-dark-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-dark,
.toolbar-ios-danger .bar-button-clear-ios-dark {
color: #222;
background-color: transparent; }
.toolbar-ios-danger .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-ios-danger .bar-button-dark-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-danger .bar-button-clear-ios-dark.activated {
opacity: .4; }
.toolbar-ios-danger .bar-button-outline-ios-dark {
border-color: #222;
color: #222;
background-color: transparent; }
.toolbar-ios-danger .bar-button-outline-ios-dark.activated {
color: #fff;
background-color: #222; }
.toolbar-ios-danger .bar-button-solid-ios-dark {
color: #fff;
background-color: #222; }
.toolbar-ios-danger .bar-button-solid-ios-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-danger-ios,
.bar-button-default.bar-button-ios-danger,
.bar-button-clear-ios-danger {
color: #f53d3d;
background-color: transparent; }
.bar-button-danger-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.bar-button-clear-ios-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.bar-button-danger-ios.activated,
.bar-button-default.bar-button-ios-danger.activated,
.bar-button-clear-ios-danger.activated {
opacity: .4; }
.bar-button-outline-ios-danger {
border-color: #f53d3d;
color: #f53d3d;
background-color: transparent; }
.bar-button-outline-ios-danger.activated {
color: #fff;
background-color: #f53d3d; }
.bar-button-solid-ios-danger {
color: #fff;
background-color: #f53d3d; }
.bar-button-solid-ios-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-ios-light .toolbar-background-ios {
background: #f4f4f4; }
.toolbar-ios-light .toolbar-title-ios,
.toolbar-ios-light .bar-button-clear-ios,
.toolbar-ios-light .bar-button-default-ios {
color: #000; }
.toolbar-ios-light .bar-button-primary-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-primary,
.toolbar-ios-light .bar-button-clear-ios-primary {
color: #327eff;
background-color: transparent; }
.toolbar-ios-light .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-ios-light .bar-button-primary-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-light .bar-button-clear-ios-primary.activated {
opacity: .4; }
.toolbar-ios-light .bar-button-outline-ios-primary {
border-color: #327eff;
color: #327eff;
background-color: transparent; }
.toolbar-ios-light .bar-button-outline-ios-primary.activated {
color: #fff;
background-color: #327eff; }
.toolbar-ios-light .bar-button-solid-ios-primary {
color: #fff;
background-color: #327eff; }
.toolbar-ios-light .bar-button-solid-ios-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-ios-light .bar-button-secondary-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-light .bar-button-clear-ios-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-ios-light .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-ios-light .bar-button-secondary-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-light .bar-button-clear-ios-secondary.activated {
opacity: .4; }
.toolbar-ios-light .bar-button-outline-ios-secondary {
border-color: #32db64;
color: #32db64;
background-color: transparent; }
.toolbar-ios-light .bar-button-outline-ios-secondary.activated {
color: #fff;
background-color: #32db64; }
.toolbar-ios-light .bar-button-solid-ios-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-ios-light .bar-button-solid-ios-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-ios-light .bar-button-danger-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-danger,
.toolbar-ios-light .bar-button-clear-ios-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-ios-light .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-ios-light .bar-button-danger-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-light .bar-button-clear-ios-danger.activated {
opacity: .4; }
.toolbar-ios-light .bar-button-outline-ios-danger {
border-color: #f53d3d;
color: #f53d3d;
background-color: transparent; }
.toolbar-ios-light .bar-button-outline-ios-danger.activated {
color: #fff;
background-color: #f53d3d; }
.toolbar-ios-light .bar-button-solid-ios-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-ios-light .bar-button-solid-ios-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-ios-light .bar-button-light-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-light,
.toolbar-ios-light .bar-button-clear-ios-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-ios-light .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-ios-light .bar-button-light-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-light .bar-button-clear-ios-light.activated {
opacity: .4; }
.toolbar-ios-light .bar-button-outline-ios-light {
border-color: #f4f4f4;
color: #f4f4f4;
background-color: transparent; }
.toolbar-ios-light .bar-button-outline-ios-light.activated {
color: #000;
background-color: #f4f4f4; }
.toolbar-ios-light .bar-button-solid-ios-light {
color: #000;
background-color: #f4f4f4; }
.toolbar-ios-light .bar-button-solid-ios-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-ios-light .bar-button-dark-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-dark,
.toolbar-ios-light .bar-button-clear-ios-dark {
color: #222;
background-color: transparent; }
.toolbar-ios-light .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-ios-light .bar-button-dark-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-light .bar-button-clear-ios-dark.activated {
opacity: .4; }
.toolbar-ios-light .bar-button-outline-ios-dark {
border-color: #222;
color: #222;
background-color: transparent; }
.toolbar-ios-light .bar-button-outline-ios-dark.activated {
color: #fff;
background-color: #222; }
.toolbar-ios-light .bar-button-solid-ios-dark {
color: #fff;
background-color: #222; }
.toolbar-ios-light .bar-button-solid-ios-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-light-ios,
.bar-button-default.bar-button-ios-light,
.bar-button-clear-ios-light {
color: #f4f4f4;
background-color: transparent; }
.bar-button-light-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.bar-button-clear-ios-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.bar-button-light-ios.activated,
.bar-button-default.bar-button-ios-light.activated,
.bar-button-clear-ios-light.activated {
opacity: .4; }
.bar-button-outline-ios-light {
border-color: #f4f4f4;
color: #f4f4f4;
background-color: transparent; }
.bar-button-outline-ios-light.activated {
color: #000;
background-color: #f4f4f4; }
.bar-button-solid-ios-light {
color: #000;
background-color: #f4f4f4; }
.bar-button-solid-ios-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-ios-dark .toolbar-background-ios {
background: #222; }
.toolbar-ios-dark .toolbar-title-ios,
.toolbar-ios-dark .bar-button-clear-ios,
.toolbar-ios-dark .bar-button-default-ios {
color: #fff; }
.toolbar-ios-dark .bar-button-primary-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary,
.toolbar-ios-dark .bar-button-clear-ios-primary {
color: #327eff;
background-color: transparent; }
.toolbar-ios-dark .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-ios-dark .bar-button-primary-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-dark .bar-button-clear-ios-primary.activated {
opacity: .4; }
.toolbar-ios-dark .bar-button-outline-ios-primary {
border-color: #327eff;
color: #327eff;
background-color: transparent; }
.toolbar-ios-dark .bar-button-outline-ios-primary.activated {
color: #fff;
background-color: #327eff; }
.toolbar-ios-dark .bar-button-solid-ios-primary {
color: #fff;
background-color: #327eff; }
.toolbar-ios-dark .bar-button-solid-ios-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-ios-dark .bar-button-secondary-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-dark .bar-button-clear-ios-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-ios-dark .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-ios-dark .bar-button-secondary-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-dark .bar-button-clear-ios-secondary.activated {
opacity: .4; }
.toolbar-ios-dark .bar-button-outline-ios-secondary {
border-color: #32db64;
color: #32db64;
background-color: transparent; }
.toolbar-ios-dark .bar-button-outline-ios-secondary.activated {
color: #fff;
background-color: #32db64; }
.toolbar-ios-dark .bar-button-solid-ios-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-ios-dark .bar-button-solid-ios-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-ios-dark .bar-button-danger-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger,
.toolbar-ios-dark .bar-button-clear-ios-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-ios-dark .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-ios-dark .bar-button-danger-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-dark .bar-button-clear-ios-danger.activated {
opacity: .4; }
.toolbar-ios-dark .bar-button-outline-ios-danger {
border-color: #f53d3d;
color: #f53d3d;
background-color: transparent; }
.toolbar-ios-dark .bar-button-outline-ios-danger.activated {
color: #fff;
background-color: #f53d3d; }
.toolbar-ios-dark .bar-button-solid-ios-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-ios-dark .bar-button-solid-ios-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-ios-dark .bar-button-light-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-light,
.toolbar-ios-dark .bar-button-clear-ios-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-ios-dark .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-ios-dark .bar-button-light-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-dark .bar-button-clear-ios-light.activated {
opacity: .4; }
.toolbar-ios-dark .bar-button-outline-ios-light {
border-color: #f4f4f4;
color: #f4f4f4;
background-color: transparent; }
.toolbar-ios-dark .bar-button-outline-ios-light.activated {
color: #000;
background-color: #f4f4f4; }
.toolbar-ios-dark .bar-button-solid-ios-light {
color: #000;
background-color: #f4f4f4; }
.toolbar-ios-dark .bar-button-solid-ios-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-ios-dark .bar-button-dark-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-dark,
.toolbar-ios-dark .bar-button-clear-ios-dark {
color: #222;
background-color: transparent; }
.toolbar-ios-dark .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-ios-dark .bar-button-dark-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-dark .bar-button-clear-ios-dark.activated {
opacity: .4; }
.toolbar-ios-dark .bar-button-outline-ios-dark {
border-color: #222;
color: #222;
background-color: transparent; }
.toolbar-ios-dark .bar-button-outline-ios-dark.activated {
color: #fff;
background-color: #222; }
.toolbar-ios-dark .bar-button-solid-ios-dark {
color: #fff;
background-color: #222; }
.toolbar-ios-dark .bar-button-solid-ios-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-dark-ios,
.bar-button-default.bar-button-ios-dark,
.bar-button-clear-ios-dark {
color: #222;
background-color: transparent; }
.bar-button-dark-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.bar-button-clear-ios-dark:hover:not(.disable-hover) {
color: #222; }
.bar-button-dark-ios.activated,
.bar-button-default.bar-button-ios-dark.activated,
.bar-button-clear-ios-dark.activated {
opacity: .4; }
.bar-button-outline-ios-dark {
border-color: #222;
color: #222;
background-color: transparent; }
.bar-button-outline-ios-dark.activated {
color: #fff;
background-color: #222; }
.bar-button-solid-ios-dark {
color: #fff;
background-color: #222; }
.bar-button-solid-ios-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-strong-ios {
font-weight: 600; }
.toolbar-md {
padding: 4px;
min-height: 56px; }
.toolbar-background-md {
border-color: #b2b2b2;
background: #f8f8f8; }
.header-md::after,
.tabs-md[tabsPlacement="top"] > .tabbar::after,
.footer-md::before,
.tabs-md[tabsPlacement="bottom"] > .tabbar::before {
left: 0;
bottom: -5px;
background-position: left 0 top -2px;
position: absolute;
width: 100%;
height: 5px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==);
background-repeat: repeat-x;
content: ""; }
.footer-md::before,
.tabs-md[tabsPlacement="bottom"] > .tabbar::before {
top: -2px;
bottom: auto;
background-position: left 0 top 0;
height: 2px; }
.header-md[no-border]::after,
.footer-md[no-border]::before,
.tabs-md[tabsPlacement="top"][no-border] > .tabbar::after,
.tabs-md[tabsPlacement="bottom"][no-border] > .tabbar::before {
display: none; }
.toolbar-content-md {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
min-width: 0;
max-width: 100%; }
.toolbar-title-md {
padding: 0 12px;
font-size: 2rem;
font-weight: 500;
color: #424242; }
.bar-buttons-md {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.bar-buttons-md[left] {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.bar-button-md:first-child {
margin-left: 0; }
.bar-buttons-md[end] {
text-align: right;
text-align: end;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.bar-buttons-md[right] {
text-align: right;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.bar-button-md {
margin: 0 0.2rem;
padding: 0 5px;
border-radius: 2px;
height: 32px;
border: 0;
font-size: 1.4rem;
font-weight: 500;
text-transform: uppercase; }
.bar-button-solid-md,
.bar-button-outline-md {
overflow: hidden; }
.bar-button-outline-md {
border-width: 1px;
border-style: solid;
border-color: #424242;
color: #424242;
background-color: transparent; }
.bar-button-outline-md:hover:not(.disable-hover) {
opacity: .4; }
.bar-button-outline-md.activated {
background-color: transparent; }
.bar-button-outline-md .button-effect {
background-color: #424242; }
.bar-button-solid-md {
color: #fff;
background-color: #424242; }
.bar-button-solid-md:hover:not(.disable-hover) {
color: #fff; }
.bar-button-solid-md.activated {
color: #fff;
background-color: #515151; }
.bar-button-md.bar-button-icon-start ion-icon {
padding-right: 0.3em;
font-size: 1.4em;
line-height: .67;
pointer-events: none; }
.bar-button-md.bar-button-icon-end ion-icon {
padding-left: 0.4em;
font-size: 1.4em;
line-height: .67;
pointer-events: none; }
.bar-button-md[icon-only] {
padding: 0; }
.bar-button-md[icon-only] ion-icon {
padding: 0 0.1em;
min-width: 28px;
font-size: 1.8em;
line-height: .67;
pointer-events: none; }
.back-button-md {
margin: 0 6px;
min-width: 44px;
box-shadow: none; }
.back-button-icon-md {
margin: 0;
padding: 0 6px;
text-align: left;
text-align: start;
font-size: 2.4rem;
font-weight: normal; }
.bar-button-menutoggle-md {
margin: 0 6px;
padding: 0 2px;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
min-width: 44px; }
.bar-button-menutoggle-md ion-icon {
padding: 0 6px;
font-size: 2.4rem; }
.bar-button-menutoggle-md[end],
.bar-button-menutoggle-md[right] {
margin: 0 2px;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
min-width: 28px; }
.bar-button-default-md,
.bar-button-clear-md-default,
.bar-button-md-default {
color: #424242;
background-color: transparent; }
.bar-button-default-md:hover:not(.disable-hover),
.bar-button-clear-md-default:hover:not(.disable-hover),
.bar-button-md-default:hover:not(.disable-hover) {
color: #424242; }
.bar-button-clear-md,
.bar-button-clear-md-clear,
.bar-button-md-clear {
color: #424242;
background-color: transparent; }
.bar-button-clear-md:hover:not(.disable-hover),
.bar-button-clear-md-clear:hover:not(.disable-hover),
.bar-button-md-clear:hover:not(.disable-hover) {
color: #424242; }
.toolbar-md-primary .toolbar-background-md {
background: #327eff; }
.toolbar-md-primary .bar-button-clear-md,
.toolbar-md-primary .bar-button-default-md,
.toolbar-md-primary .bar-button-outline-md,
.toolbar-md-primary .toolbar-title-md {
color: #fff; }
.toolbar-md-primary .bar-button-clear-md .button-effect,
.toolbar-md-primary .bar-button-default-md .button-effect,
.toolbar-md-primary .bar-button-outline-md .button-effect {
background-color: #fff; }
.toolbar-md-primary .bar-button-outline-md {
border-color: #fff; }
.toolbar-md-primary .bar-button-primary-md,
.toolbar-md-primary .bar-button-clear-md-primary,
.toolbar-md-primary .bar-button-md-primary {
color: #327eff;
background-color: transparent; }
.toolbar-md-primary .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-md-primary .bar-button-outline-md-primary {
border-color: #2e74eb;
color: #2e74eb;
background-color: transparent; }
.toolbar-md-primary .bar-button-outline-md-primary.activated {
background-color: transparent; }
.toolbar-md-primary .bar-button-outline-md-primary .button-effect {
background-color: #2e74eb; }
.toolbar-md-primary .bar-button-solid-md-primary {
color: #fff;
background-color: #327eff; }
.toolbar-md-primary .bar-button-solid-md-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-md-primary .bar-button-secondary-md,
.toolbar-md-primary .bar-button-clear-md-secondary,
.toolbar-md-primary .bar-button-md-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-md-primary .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-md-primary .bar-button-outline-md-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.toolbar-md-primary .bar-button-outline-md-secondary.activated {
background-color: transparent; }
.toolbar-md-primary .bar-button-outline-md-secondary .button-effect {
background-color: #2ec95c; }
.toolbar-md-primary .bar-button-solid-md-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-md-primary .bar-button-solid-md-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-md-primary .bar-button-danger-md,
.toolbar-md-primary .bar-button-clear-md-danger,
.toolbar-md-primary .bar-button-md-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-md-primary .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-md-primary .bar-button-outline-md-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.toolbar-md-primary .bar-button-outline-md-danger.activated {
background-color: transparent; }
.toolbar-md-primary .bar-button-outline-md-danger .button-effect {
background-color: #e13838; }
.toolbar-md-primary .bar-button-solid-md-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-md-primary .bar-button-solid-md-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-md-primary .bar-button-light-md,
.toolbar-md-primary .bar-button-clear-md-light,
.toolbar-md-primary .bar-button-md-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-md-primary .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-md-primary .bar-button-outline-md-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.toolbar-md-primary .bar-button-outline-md-light.activated {
background-color: transparent; }
.toolbar-md-primary .bar-button-outline-md-light .button-effect {
background-color: #e0e0e0; }
.toolbar-md-primary .bar-button-solid-md-light {
color: #424242;
background-color: #f4f4f4; }
.toolbar-md-primary .bar-button-solid-md-light.activated {
color: #424242;
background-color: #e0e0e0; }
.toolbar-md-primary .bar-button-dark-md,
.toolbar-md-primary .bar-button-clear-md-dark,
.toolbar-md-primary .bar-button-md-dark {
color: #222;
background-color: transparent; }
.toolbar-md-primary .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-md-primary .bar-button-outline-md-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.toolbar-md-primary .bar-button-outline-md-dark.activated {
background-color: transparent; }
.toolbar-md-primary .bar-button-outline-md-dark .button-effect {
background-color: #343434; }
.toolbar-md-primary .bar-button-solid-md-dark {
color: #fff;
background-color: #222; }
.toolbar-md-primary .bar-button-solid-md-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-primary-md,
.bar-button-clear-md-primary,
.bar-button-md-primary {
color: #327eff;
background-color: transparent; }
.bar-button-primary-md:hover:not(.disable-hover),
.bar-button-clear-md-primary:hover:not(.disable-hover),
.bar-button-md-primary:hover:not(.disable-hover) {
color: #327eff; }
.bar-button-outline-md-primary {
border-color: #2e74eb;
color: #2e74eb;
background-color: transparent; }
.bar-button-outline-md-primary.activated {
background-color: transparent; }
.bar-button-outline-md-primary .button-effect {
background-color: #2e74eb; }
.bar-button-solid-md-primary {
color: #fff;
background-color: #327eff; }
.bar-button-solid-md-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-md-secondary .toolbar-background-md {
background: #32db64; }
.toolbar-md-secondary .bar-button-clear-md,
.toolbar-md-secondary .bar-button-default-md,
.toolbar-md-secondary .bar-button-outline-md,
.toolbar-md-secondary .toolbar-title-md {
color: #fff; }
.toolbar-md-secondary .bar-button-clear-md .button-effect,
.toolbar-md-secondary .bar-button-default-md .button-effect,
.toolbar-md-secondary .bar-button-outline-md .button-effect {
background-color: #fff; }
.toolbar-md-secondary .bar-button-outline-md {
border-color: #fff; }
.toolbar-md-secondary .bar-button-primary-md,
.toolbar-md-secondary .bar-button-clear-md-primary,
.toolbar-md-secondary .bar-button-md-primary {
color: #327eff;
background-color: transparent; }
.toolbar-md-secondary .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-md-secondary .bar-button-outline-md-primary {
border-color: #2e74eb;
color: #2e74eb;
background-color: transparent; }
.toolbar-md-secondary .bar-button-outline-md-primary.activated {
background-color: transparent; }
.toolbar-md-secondary .bar-button-outline-md-primary .button-effect {
background-color: #2e74eb; }
.toolbar-md-secondary .bar-button-solid-md-primary {
color: #fff;
background-color: #327eff; }
.toolbar-md-secondary .bar-button-solid-md-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-md-secondary .bar-button-secondary-md,
.toolbar-md-secondary .bar-button-clear-md-secondary,
.toolbar-md-secondary .bar-button-md-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-md-secondary .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-md-secondary .bar-button-outline-md-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.toolbar-md-secondary .bar-button-outline-md-secondary.activated {
background-color: transparent; }
.toolbar-md-secondary .bar-button-outline-md-secondary .button-effect {
background-color: #2ec95c; }
.toolbar-md-secondary .bar-button-solid-md-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-md-secondary .bar-button-solid-md-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-md-secondary .bar-button-danger-md,
.toolbar-md-secondary .bar-button-clear-md-danger,
.toolbar-md-secondary .bar-button-md-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-md-secondary .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-md-secondary .bar-button-outline-md-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.toolbar-md-secondary .bar-button-outline-md-danger.activated {
background-color: transparent; }
.toolbar-md-secondary .bar-button-outline-md-danger .button-effect {
background-color: #e13838; }
.toolbar-md-secondary .bar-button-solid-md-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-md-secondary .bar-button-solid-md-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-md-secondary .bar-button-light-md,
.toolbar-md-secondary .bar-button-clear-md-light,
.toolbar-md-secondary .bar-button-md-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-md-secondary .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-md-secondary .bar-button-outline-md-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.toolbar-md-secondary .bar-button-outline-md-light.activated {
background-color: transparent; }
.toolbar-md-secondary .bar-button-outline-md-light .button-effect {
background-color: #e0e0e0; }
.toolbar-md-secondary .bar-button-solid-md-light {
color: #424242;
background-color: #f4f4f4; }
.toolbar-md-secondary .bar-button-solid-md-light.activated {
color: #424242;
background-color: #e0e0e0; }
.toolbar-md-secondary .bar-button-dark-md,
.toolbar-md-secondary .bar-button-clear-md-dark,
.toolbar-md-secondary .bar-button-md-dark {
color: #222;
background-color: transparent; }
.toolbar-md-secondary .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-md-secondary .bar-button-outline-md-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.toolbar-md-secondary .bar-button-outline-md-dark.activated {
background-color: transparent; }
.toolbar-md-secondary .bar-button-outline-md-dark .button-effect {
background-color: #343434; }
.toolbar-md-secondary .bar-button-solid-md-dark {
color: #fff;
background-color: #222; }
.toolbar-md-secondary .bar-button-solid-md-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-secondary-md,
.bar-button-clear-md-secondary,
.bar-button-md-secondary {
color: #32db64;
background-color: transparent; }
.bar-button-secondary-md:hover:not(.disable-hover),
.bar-button-clear-md-secondary:hover:not(.disable-hover),
.bar-button-md-secondary:hover:not(.disable-hover) {
color: #32db64; }
.bar-button-outline-md-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.bar-button-outline-md-secondary.activated {
background-color: transparent; }
.bar-button-outline-md-secondary .button-effect {
background-color: #2ec95c; }
.bar-button-solid-md-secondary {
color: #fff;
background-color: #32db64; }
.bar-button-solid-md-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-md-danger .toolbar-background-md {
background: #f53d3d; }
.toolbar-md-danger .bar-button-clear-md,
.toolbar-md-danger .bar-button-default-md,
.toolbar-md-danger .bar-button-outline-md,
.toolbar-md-danger .toolbar-title-md {
color: #fff; }
.toolbar-md-danger .bar-button-clear-md .button-effect,
.toolbar-md-danger .bar-button-default-md .button-effect,
.toolbar-md-danger .bar-button-outline-md .button-effect {
background-color: #fff; }
.toolbar-md-danger .bar-button-outline-md {
border-color: #fff; }
.toolbar-md-danger .bar-button-primary-md,
.toolbar-md-danger .bar-button-clear-md-primary,
.toolbar-md-danger .bar-button-md-primary {
color: #327eff;
background-color: transparent; }
.toolbar-md-danger .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-md-danger .bar-button-outline-md-primary {
border-color: #2e74eb;
color: #2e74eb;
background-color: transparent; }
.toolbar-md-danger .bar-button-outline-md-primary.activated {
background-color: transparent; }
.toolbar-md-danger .bar-button-outline-md-primary .button-effect {
background-color: #2e74eb; }
.toolbar-md-danger .bar-button-solid-md-primary {
color: #fff;
background-color: #327eff; }
.toolbar-md-danger .bar-button-solid-md-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-md-danger .bar-button-secondary-md,
.toolbar-md-danger .bar-button-clear-md-secondary,
.toolbar-md-danger .bar-button-md-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-md-danger .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-md-danger .bar-button-outline-md-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.toolbar-md-danger .bar-button-outline-md-secondary.activated {
background-color: transparent; }
.toolbar-md-danger .bar-button-outline-md-secondary .button-effect {
background-color: #2ec95c; }
.toolbar-md-danger .bar-button-solid-md-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-md-danger .bar-button-solid-md-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-md-danger .bar-button-danger-md,
.toolbar-md-danger .bar-button-clear-md-danger,
.toolbar-md-danger .bar-button-md-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-md-danger .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-md-danger .bar-button-outline-md-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.toolbar-md-danger .bar-button-outline-md-danger.activated {
background-color: transparent; }
.toolbar-md-danger .bar-button-outline-md-danger .button-effect {
background-color: #e13838; }
.toolbar-md-danger .bar-button-solid-md-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-md-danger .bar-button-solid-md-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-md-danger .bar-button-light-md,
.toolbar-md-danger .bar-button-clear-md-light,
.toolbar-md-danger .bar-button-md-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-md-danger .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-md-danger .bar-button-outline-md-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.toolbar-md-danger .bar-button-outline-md-light.activated {
background-color: transparent; }
.toolbar-md-danger .bar-button-outline-md-light .button-effect {
background-color: #e0e0e0; }
.toolbar-md-danger .bar-button-solid-md-light {
color: #424242;
background-color: #f4f4f4; }
.toolbar-md-danger .bar-button-solid-md-light.activated {
color: #424242;
background-color: #e0e0e0; }
.toolbar-md-danger .bar-button-dark-md,
.toolbar-md-danger .bar-button-clear-md-dark,
.toolbar-md-danger .bar-button-md-dark {
color: #222;
background-color: transparent; }
.toolbar-md-danger .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-md-danger .bar-button-outline-md-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.toolbar-md-danger .bar-button-outline-md-dark.activated {
background-color: transparent; }
.toolbar-md-danger .bar-button-outline-md-dark .button-effect {
background-color: #343434; }
.toolbar-md-danger .bar-button-solid-md-dark {
color: #fff;
background-color: #222; }
.toolbar-md-danger .bar-button-solid-md-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-danger-md,
.bar-button-clear-md-danger,
.bar-button-md-danger {
color: #f53d3d;
background-color: transparent; }
.bar-button-danger-md:hover:not(.disable-hover),
.bar-button-clear-md-danger:hover:not(.disable-hover),
.bar-button-md-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.bar-button-outline-md-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.bar-button-outline-md-danger.activated {
background-color: transparent; }
.bar-button-outline-md-danger .button-effect {
background-color: #e13838; }
.bar-button-solid-md-danger {
color: #fff;
background-color: #f53d3d; }
.bar-button-solid-md-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-md-light .toolbar-background-md {
background: #f4f4f4; }
.toolbar-md-light .bar-button-clear-md,
.toolbar-md-light .bar-button-default-md,
.toolbar-md-light .bar-button-outline-md,
.toolbar-md-light .toolbar-title-md {
color: #424242; }
.toolbar-md-light .bar-button-clear-md .button-effect,
.toolbar-md-light .bar-button-default-md .button-effect,
.toolbar-md-light .bar-button-outline-md .button-effect {
background-color: #424242; }
.toolbar-md-light .bar-button-outline-md {
border-color: #424242; }
.toolbar-md-light .bar-button-primary-md,
.toolbar-md-light .bar-button-clear-md-primary,
.toolbar-md-light .bar-button-md-primary {
color: #327eff;
background-color: transparent; }
.toolbar-md-light .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-md-light .bar-button-outline-md-primary {
border-color: #2e74eb;
color: #2e74eb;
background-color: transparent; }
.toolbar-md-light .bar-button-outline-md-primary.activated {
background-color: transparent; }
.toolbar-md-light .bar-button-outline-md-primary .button-effect {
background-color: #2e74eb; }
.toolbar-md-light .bar-button-solid-md-primary {
color: #fff;
background-color: #327eff; }
.toolbar-md-light .bar-button-solid-md-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-md-light .bar-button-secondary-md,
.toolbar-md-light .bar-button-clear-md-secondary,
.toolbar-md-light .bar-button-md-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-md-light .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-md-light .bar-button-outline-md-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.toolbar-md-light .bar-button-outline-md-secondary.activated {
background-color: transparent; }
.toolbar-md-light .bar-button-outline-md-secondary .button-effect {
background-color: #2ec95c; }
.toolbar-md-light .bar-button-solid-md-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-md-light .bar-button-solid-md-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-md-light .bar-button-danger-md,
.toolbar-md-light .bar-button-clear-md-danger,
.toolbar-md-light .bar-button-md-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-md-light .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-md-light .bar-button-outline-md-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.toolbar-md-light .bar-button-outline-md-danger.activated {
background-color: transparent; }
.toolbar-md-light .bar-button-outline-md-danger .button-effect {
background-color: #e13838; }
.toolbar-md-light .bar-button-solid-md-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-md-light .bar-button-solid-md-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-md-light .bar-button-light-md,
.toolbar-md-light .bar-button-clear-md-light,
.toolbar-md-light .bar-button-md-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-md-light .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-md-light .bar-button-outline-md-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.toolbar-md-light .bar-button-outline-md-light.activated {
background-color: transparent; }
.toolbar-md-light .bar-button-outline-md-light .button-effect {
background-color: #e0e0e0; }
.toolbar-md-light .bar-button-solid-md-light {
color: #424242;
background-color: #f4f4f4; }
.toolbar-md-light .bar-button-solid-md-light.activated {
color: #424242;
background-color: #e0e0e0; }
.toolbar-md-light .bar-button-dark-md,
.toolbar-md-light .bar-button-clear-md-dark,
.toolbar-md-light .bar-button-md-dark {
color: #222;
background-color: transparent; }
.toolbar-md-light .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-md-light .bar-button-outline-md-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.toolbar-md-light .bar-button-outline-md-dark.activated {
background-color: transparent; }
.toolbar-md-light .bar-button-outline-md-dark .button-effect {
background-color: #343434; }
.toolbar-md-light .bar-button-solid-md-dark {
color: #fff;
background-color: #222; }
.toolbar-md-light .bar-button-solid-md-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-light-md,
.bar-button-clear-md-light,
.bar-button-md-light {
color: #f4f4f4;
background-color: transparent; }
.bar-button-light-md:hover:not(.disable-hover),
.bar-button-clear-md-light:hover:not(.disable-hover),
.bar-button-md-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.bar-button-outline-md-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.bar-button-outline-md-light.activated {
background-color: transparent; }
.bar-button-outline-md-light .button-effect {
background-color: #e0e0e0; }
.bar-button-solid-md-light {
color: #424242;
background-color: #f4f4f4; }
.bar-button-solid-md-light.activated {
color: #424242;
background-color: #e0e0e0; }
.toolbar-md-dark .toolbar-background-md {
background: #222; }
.toolbar-md-dark .bar-button-clear-md,
.toolbar-md-dark .bar-button-default-md,
.toolbar-md-dark .bar-button-outline-md,
.toolbar-md-dark .toolbar-title-md {
color: #fff; }
.toolbar-md-dark .bar-button-clear-md .button-effect,
.toolbar-md-dark .bar-button-default-md .button-effect,
.toolbar-md-dark .bar-button-outline-md .button-effect {
background-color: #fff; }
.toolbar-md-dark .bar-button-outline-md {
border-color: #fff; }
.toolbar-md-dark .bar-button-primary-md,
.toolbar-md-dark .bar-button-clear-md-primary,
.toolbar-md-dark .bar-button-md-primary {
color: #327eff;
background-color: transparent; }
.toolbar-md-dark .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-md-dark .bar-button-outline-md-primary {
border-color: #2e74eb;
color: #2e74eb;
background-color: transparent; }
.toolbar-md-dark .bar-button-outline-md-primary.activated {
background-color: transparent; }
.toolbar-md-dark .bar-button-outline-md-primary .button-effect {
background-color: #2e74eb; }
.toolbar-md-dark .bar-button-solid-md-primary {
color: #fff;
background-color: #327eff; }
.toolbar-md-dark .bar-button-solid-md-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-md-dark .bar-button-secondary-md,
.toolbar-md-dark .bar-button-clear-md-secondary,
.toolbar-md-dark .bar-button-md-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-md-dark .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-md-dark .bar-button-outline-md-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.toolbar-md-dark .bar-button-outline-md-secondary.activated {
background-color: transparent; }
.toolbar-md-dark .bar-button-outline-md-secondary .button-effect {
background-color: #2ec95c; }
.toolbar-md-dark .bar-button-solid-md-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-md-dark .bar-button-solid-md-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-md-dark .bar-button-danger-md,
.toolbar-md-dark .bar-button-clear-md-danger,
.toolbar-md-dark .bar-button-md-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-md-dark .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-md-dark .bar-button-outline-md-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.toolbar-md-dark .bar-button-outline-md-danger.activated {
background-color: transparent; }
.toolbar-md-dark .bar-button-outline-md-danger .button-effect {
background-color: #e13838; }
.toolbar-md-dark .bar-button-solid-md-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-md-dark .bar-button-solid-md-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-md-dark .bar-button-light-md,
.toolbar-md-dark .bar-button-clear-md-light,
.toolbar-md-dark .bar-button-md-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-md-dark .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-md-dark .bar-button-outline-md-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.toolbar-md-dark .bar-button-outline-md-light.activated {
background-color: transparent; }
.toolbar-md-dark .bar-button-outline-md-light .button-effect {
background-color: #e0e0e0; }
.toolbar-md-dark .bar-button-solid-md-light {
color: #424242;
background-color: #f4f4f4; }
.toolbar-md-dark .bar-button-solid-md-light.activated {
color: #424242;
background-color: #e0e0e0; }
.toolbar-md-dark .bar-button-dark-md,
.toolbar-md-dark .bar-button-clear-md-dark,
.toolbar-md-dark .bar-button-md-dark {
color: #222;
background-color: transparent; }
.toolbar-md-dark .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-md-dark .bar-button-outline-md-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.toolbar-md-dark .bar-button-outline-md-dark.activated {
background-color: transparent; }
.toolbar-md-dark .bar-button-outline-md-dark .button-effect {
background-color: #343434; }
.toolbar-md-dark .bar-button-solid-md-dark {
color: #fff;
background-color: #222; }
.toolbar-md-dark .bar-button-solid-md-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-dark-md,
.bar-button-clear-md-dark,
.bar-button-md-dark {
color: #222;
background-color: transparent; }
.bar-button-dark-md:hover:not(.disable-hover),
.bar-button-clear-md-dark:hover:not(.disable-hover),
.bar-button-md-dark:hover:not(.disable-hover) {
color: #222; }
.bar-button-outline-md-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.bar-button-outline-md-dark.activated {
background-color: transparent; }
.bar-button-outline-md-dark .button-effect {
background-color: #343434; }
.bar-button-solid-md-dark {
color: #fff;
background-color: #222; }
.bar-button-solid-md-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-strong-md {
font-weight: bold; }
.toolbar-wp {
padding: 4px;
min-height: 46px; }
.toolbar-background-wp {
border-color: #b2b2b2;
background: #f8f8f8; }
.toolbar-content-wp {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
min-width: 0;
max-width: 100%; }
.toolbar-title-wp {
font-size: 1.5rem;
font-weight: bold;
text-transform: uppercase;
color: #000;
padding: 0 6px; }
.bar-buttons-wp {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.bar-buttons-wp[left] {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.bar-buttons-wp[left] .bar-button:first-child {
margin-left: 0; }
.bar-buttons-wp[end] {
text-align: right;
text-align: end;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.bar-buttons-wp[right] {
text-align: right;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.bar-button-wp {
margin: 0 0.2rem;
padding: 0 5px;
border-radius: 2px;
height: 32px;
border: 0;
font-size: 1.4rem;
font-weight: 500;
text-transform: uppercase; }
.bar-button-solid-wp,
.bar-button-outline-wp {
overflow: hidden; }
.bar-button-outline-wp {
border-width: 1px;
border-style: solid;
border-color: #000;
color: #000;
background-color: transparent; }
.bar-button-outline-wp:hover:not(.disable-hover) {
opacity: .4; }
.bar-button-outline-wp.activated {
color: #fff;
background-color: #000; }
.bar-button-solid-wp {
color: #fff;
background-color: #000; }
.bar-button-solid-wp:hover:not(.disable-hover) {
color: #fff; }
.bar-button-solid-wp.activated {
color: #fff;
background-color: #141414; }
.bar-button-wp.bar-button-icon-start ion-icon {
padding-right: 0.3em;
font-size: 1.4em;
line-height: .67;
pointer-events: none; }
.bar-button-wp.bar-button-icon-end ion-icon {
padding-left: 0.4em;
font-size: 1.4em;
line-height: .67;
pointer-events: none; }
.bar-button-wp[icon-only] {
padding: 0; }
.bar-button-wp[icon-only] ion-icon {
padding: 0 0.1em;
min-width: 28px;
font-size: 1.8em;
line-height: .67;
pointer-events: none; }
.back-button-wp {
margin: 0 6px;
min-width: 44px;
box-shadow: none; }
.back-button-icon-wp {
text-align: left;
text-align: start;
margin: 0;
padding: 0 6px;
font-size: 2.4rem;
font-weight: normal; }
.bar-button-menutoggle-wp {
margin: 0 6px;
padding: 0 2px;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
min-width: 44px; }
.bar-button-menutoggle-wp ion-icon {
padding: 0 6px;
font-size: 2.4rem; }
.bar-button-menutoggle-wp[end],
.bar-button-menutoggle-wp[right] {
margin: 0 2px;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
min-width: 28px; }
.bar-button-default-wp,
.bar-button-clear-wp-default,
.bar-button-wp-default {
color: #000;
background-color: transparent; }
.bar-button-default-wp:hover:not(.disable-hover),
.bar-button-clear-wp-default:hover:not(.disable-hover),
.bar-button-wp-default:hover:not(.disable-hover) {
color: #000; }
.bar-button-clear-wp,
.bar-button-clear-wp-clear,
.bar-button-wp-clear {
color: #000;
background-color: transparent; }
.bar-button-clear-wp:hover:not(.disable-hover),
.bar-button-clear-wp-clear:hover:not(.disable-hover),
.bar-button-wp-clear:hover:not(.disable-hover) {
color: #000; }
.toolbar-wp-primary .toolbar-background-wp {
background: #327eff; }
.toolbar-wp-primary .bar-button-clear-wp,
.toolbar-wp-primary .bar-button-default-wp,
.toolbar-wp-primary .bar-button-outline-wp,
.toolbar-wp-primary .toolbar-title-wp {
color: #fff; }
.toolbar-wp-primary .bar-button-outline-wp {
border-color: #fff; }
.toolbar-wp-primary .bar-button-primary-wp,
.toolbar-wp-primary .bar-button-clear-wp-primary,
.toolbar-wp-primary .bar-button-wp-primary {
color: #327eff;
background-color: transparent; }
.toolbar-wp-primary .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-wp-primary .bar-button-outline-wp-primary {
border-color: #2e74eb;
color: #2e74eb;
background-color: transparent; }
.toolbar-wp-primary .bar-button-outline-wp-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-wp-primary .bar-button-solid-wp-primary {
color: #fff;
background-color: #327eff; }
.toolbar-wp-primary .bar-button-solid-wp-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-wp-primary .bar-button-secondary-wp,
.toolbar-wp-primary .bar-button-clear-wp-secondary,
.toolbar-wp-primary .bar-button-wp-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-wp-primary .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-wp-primary .bar-button-outline-wp-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.toolbar-wp-primary .bar-button-outline-wp-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-wp-primary .bar-button-solid-wp-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-wp-primary .bar-button-solid-wp-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-wp-primary .bar-button-danger-wp,
.toolbar-wp-primary .bar-button-clear-wp-danger,
.toolbar-wp-primary .bar-button-wp-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-wp-primary .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-wp-primary .bar-button-outline-wp-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.toolbar-wp-primary .bar-button-outline-wp-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-wp-primary .bar-button-solid-wp-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-wp-primary .bar-button-solid-wp-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-wp-primary .bar-button-light-wp,
.toolbar-wp-primary .bar-button-clear-wp-light,
.toolbar-wp-primary .bar-button-wp-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-wp-primary .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-wp-primary .bar-button-outline-wp-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.toolbar-wp-primary .bar-button-outline-wp-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-wp-primary .bar-button-solid-wp-light {
color: #000;
background-color: #f4f4f4; }
.toolbar-wp-primary .bar-button-solid-wp-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-wp-primary .bar-button-dark-wp,
.toolbar-wp-primary .bar-button-clear-wp-dark,
.toolbar-wp-primary .bar-button-wp-dark {
color: #222;
background-color: transparent; }
.toolbar-wp-primary .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-wp-primary .bar-button-outline-wp-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.toolbar-wp-primary .bar-button-outline-wp-dark.activated {
color: #fff;
background-color: #343434; }
.toolbar-wp-primary .bar-button-solid-wp-dark {
color: #fff;
background-color: #222; }
.toolbar-wp-primary .bar-button-solid-wp-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-primary-wp,
.bar-button-clear-wp-primary,
.bar-button-wp-primary {
color: #327eff;
background-color: transparent; }
.bar-button-primary-wp:hover:not(.disable-hover),
.bar-button-clear-wp-primary:hover:not(.disable-hover),
.bar-button-wp-primary:hover:not(.disable-hover) {
color: #327eff; }
.bar-button-outline-wp-primary {
border-color: #2e74eb;
color: #2e74eb;
background-color: transparent; }
.bar-button-outline-wp-primary.activated {
color: #fff;
background-color: #2e74eb; }
.bar-button-solid-wp-primary {
color: #fff;
background-color: #327eff; }
.bar-button-solid-wp-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-wp-secondary .toolbar-background-wp {
background: #32db64; }
.toolbar-wp-secondary .bar-button-clear-wp,
.toolbar-wp-secondary .bar-button-default-wp,
.toolbar-wp-secondary .bar-button-outline-wp,
.toolbar-wp-secondary .toolbar-title-wp {
color: #fff; }
.toolbar-wp-secondary .bar-button-outline-wp {
border-color: #fff; }
.toolbar-wp-secondary .bar-button-primary-wp,
.toolbar-wp-secondary .bar-button-clear-wp-primary,
.toolbar-wp-secondary .bar-button-wp-primary {
color: #327eff;
background-color: transparent; }
.toolbar-wp-secondary .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-wp-secondary .bar-button-outline-wp-primary {
border-color: #2e74eb;
color: #2e74eb;
background-color: transparent; }
.toolbar-wp-secondary .bar-button-outline-wp-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-wp-secondary .bar-button-solid-wp-primary {
color: #fff;
background-color: #327eff; }
.toolbar-wp-secondary .bar-button-solid-wp-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-wp-secondary .bar-button-secondary-wp,
.toolbar-wp-secondary .bar-button-clear-wp-secondary,
.toolbar-wp-secondary .bar-button-wp-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-wp-secondary .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-wp-secondary .bar-button-outline-wp-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.toolbar-wp-secondary .bar-button-outline-wp-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-wp-secondary .bar-button-solid-wp-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-wp-secondary .bar-button-solid-wp-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-wp-secondary .bar-button-danger-wp,
.toolbar-wp-secondary .bar-button-clear-wp-danger,
.toolbar-wp-secondary .bar-button-wp-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-wp-secondary .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-wp-secondary .bar-button-outline-wp-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.toolbar-wp-secondary .bar-button-outline-wp-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-wp-secondary .bar-button-solid-wp-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-wp-secondary .bar-button-solid-wp-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-wp-secondary .bar-button-light-wp,
.toolbar-wp-secondary .bar-button-clear-wp-light,
.toolbar-wp-secondary .bar-button-wp-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-wp-secondary .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-wp-secondary .bar-button-outline-wp-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.toolbar-wp-secondary .bar-button-outline-wp-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-wp-secondary .bar-button-solid-wp-light {
color: #000;
background-color: #f4f4f4; }
.toolbar-wp-secondary .bar-button-solid-wp-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-wp-secondary .bar-button-dark-wp,
.toolbar-wp-secondary .bar-button-clear-wp-dark,
.toolbar-wp-secondary .bar-button-wp-dark {
color: #222;
background-color: transparent; }
.toolbar-wp-secondary .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-wp-secondary .bar-button-outline-wp-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.toolbar-wp-secondary .bar-button-outline-wp-dark.activated {
color: #fff;
background-color: #343434; }
.toolbar-wp-secondary .bar-button-solid-wp-dark {
color: #fff;
background-color: #222; }
.toolbar-wp-secondary .bar-button-solid-wp-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-secondary-wp,
.bar-button-clear-wp-secondary,
.bar-button-wp-secondary {
color: #32db64;
background-color: transparent; }
.bar-button-secondary-wp:hover:not(.disable-hover),
.bar-button-clear-wp-secondary:hover:not(.disable-hover),
.bar-button-wp-secondary:hover:not(.disable-hover) {
color: #32db64; }
.bar-button-outline-wp-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.bar-button-outline-wp-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.bar-button-solid-wp-secondary {
color: #fff;
background-color: #32db64; }
.bar-button-solid-wp-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-wp-danger .toolbar-background-wp {
background: #f53d3d; }
.toolbar-wp-danger .bar-button-clear-wp,
.toolbar-wp-danger .bar-button-default-wp,
.toolbar-wp-danger .bar-button-outline-wp,
.toolbar-wp-danger .toolbar-title-wp {
color: #fff; }
.toolbar-wp-danger .bar-button-outline-wp {
border-color: #fff; }
.toolbar-wp-danger .bar-button-primary-wp,
.toolbar-wp-danger .bar-button-clear-wp-primary,
.toolbar-wp-danger .bar-button-wp-primary {
color: #327eff;
background-color: transparent; }
.toolbar-wp-danger .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-wp-danger .bar-button-outline-wp-primary {
border-color: #2e74eb;
color: #2e74eb;
background-color: transparent; }
.toolbar-wp-danger .bar-button-outline-wp-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-wp-danger .bar-button-solid-wp-primary {
color: #fff;
background-color: #327eff; }
.toolbar-wp-danger .bar-button-solid-wp-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-wp-danger .bar-button-secondary-wp,
.toolbar-wp-danger .bar-button-clear-wp-secondary,
.toolbar-wp-danger .bar-button-wp-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-wp-danger .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-wp-danger .bar-button-outline-wp-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.toolbar-wp-danger .bar-button-outline-wp-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-wp-danger .bar-button-solid-wp-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-wp-danger .bar-button-solid-wp-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-wp-danger .bar-button-danger-wp,
.toolbar-wp-danger .bar-button-clear-wp-danger,
.toolbar-wp-danger .bar-button-wp-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-wp-danger .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-wp-danger .bar-button-outline-wp-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.toolbar-wp-danger .bar-button-outline-wp-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-wp-danger .bar-button-solid-wp-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-wp-danger .bar-button-solid-wp-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-wp-danger .bar-button-light-wp,
.toolbar-wp-danger .bar-button-clear-wp-light,
.toolbar-wp-danger .bar-button-wp-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-wp-danger .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-wp-danger .bar-button-outline-wp-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.toolbar-wp-danger .bar-button-outline-wp-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-wp-danger .bar-button-solid-wp-light {
color: #000;
background-color: #f4f4f4; }
.toolbar-wp-danger .bar-button-solid-wp-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-wp-danger .bar-button-dark-wp,
.toolbar-wp-danger .bar-button-clear-wp-dark,
.toolbar-wp-danger .bar-button-wp-dark {
color: #222;
background-color: transparent; }
.toolbar-wp-danger .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-wp-danger .bar-button-outline-wp-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.toolbar-wp-danger .bar-button-outline-wp-dark.activated {
color: #fff;
background-color: #343434; }
.toolbar-wp-danger .bar-button-solid-wp-dark {
color: #fff;
background-color: #222; }
.toolbar-wp-danger .bar-button-solid-wp-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-danger-wp,
.bar-button-clear-wp-danger,
.bar-button-wp-danger {
color: #f53d3d;
background-color: transparent; }
.bar-button-danger-wp:hover:not(.disable-hover),
.bar-button-clear-wp-danger:hover:not(.disable-hover),
.bar-button-wp-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.bar-button-outline-wp-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.bar-button-outline-wp-danger.activated {
color: #fff;
background-color: #e13838; }
.bar-button-solid-wp-danger {
color: #fff;
background-color: #f53d3d; }
.bar-button-solid-wp-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-wp-light .toolbar-background-wp {
background: #f4f4f4; }
.toolbar-wp-light .bar-button-clear-wp,
.toolbar-wp-light .bar-button-default-wp,
.toolbar-wp-light .bar-button-outline-wp,
.toolbar-wp-light .toolbar-title-wp {
color: #000; }
.toolbar-wp-light .bar-button-outline-wp {
border-color: #000; }
.toolbar-wp-light .bar-button-primary-wp,
.toolbar-wp-light .bar-button-clear-wp-primary,
.toolbar-wp-light .bar-button-wp-primary {
color: #327eff;
background-color: transparent; }
.toolbar-wp-light .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-wp-light .bar-button-outline-wp-primary {
border-color: #2e74eb;
color: #2e74eb;
background-color: transparent; }
.toolbar-wp-light .bar-button-outline-wp-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-wp-light .bar-button-solid-wp-primary {
color: #fff;
background-color: #327eff; }
.toolbar-wp-light .bar-button-solid-wp-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-wp-light .bar-button-secondary-wp,
.toolbar-wp-light .bar-button-clear-wp-secondary,
.toolbar-wp-light .bar-button-wp-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-wp-light .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-wp-light .bar-button-outline-wp-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.toolbar-wp-light .bar-button-outline-wp-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-wp-light .bar-button-solid-wp-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-wp-light .bar-button-solid-wp-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-wp-light .bar-button-danger-wp,
.toolbar-wp-light .bar-button-clear-wp-danger,
.toolbar-wp-light .bar-button-wp-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-wp-light .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-wp-light .bar-button-outline-wp-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.toolbar-wp-light .bar-button-outline-wp-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-wp-light .bar-button-solid-wp-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-wp-light .bar-button-solid-wp-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-wp-light .bar-button-light-wp,
.toolbar-wp-light .bar-button-clear-wp-light,
.toolbar-wp-light .bar-button-wp-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-wp-light .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-wp-light .bar-button-outline-wp-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.toolbar-wp-light .bar-button-outline-wp-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-wp-light .bar-button-solid-wp-light {
color: #000;
background-color: #f4f4f4; }
.toolbar-wp-light .bar-button-solid-wp-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-wp-light .bar-button-dark-wp,
.toolbar-wp-light .bar-button-clear-wp-dark,
.toolbar-wp-light .bar-button-wp-dark {
color: #222;
background-color: transparent; }
.toolbar-wp-light .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-wp-light .bar-button-outline-wp-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.toolbar-wp-light .bar-button-outline-wp-dark.activated {
color: #fff;
background-color: #343434; }
.toolbar-wp-light .bar-button-solid-wp-dark {
color: #fff;
background-color: #222; }
.toolbar-wp-light .bar-button-solid-wp-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-light-wp,
.bar-button-clear-wp-light,
.bar-button-wp-light {
color: #f4f4f4;
background-color: transparent; }
.bar-button-light-wp:hover:not(.disable-hover),
.bar-button-clear-wp-light:hover:not(.disable-hover),
.bar-button-wp-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.bar-button-outline-wp-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.bar-button-outline-wp-light.activated {
color: #000;
background-color: #e0e0e0; }
.bar-button-solid-wp-light {
color: #000;
background-color: #f4f4f4; }
.bar-button-solid-wp-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-wp-dark .toolbar-background-wp {
background: #222; }
.toolbar-wp-dark .bar-button-clear-wp,
.toolbar-wp-dark .bar-button-default-wp,
.toolbar-wp-dark .bar-button-outline-wp,
.toolbar-wp-dark .toolbar-title-wp {
color: #fff; }
.toolbar-wp-dark .bar-button-outline-wp {
border-color: #fff; }
.toolbar-wp-dark .bar-button-primary-wp,
.toolbar-wp-dark .bar-button-clear-wp-primary,
.toolbar-wp-dark .bar-button-wp-primary {
color: #327eff;
background-color: transparent; }
.toolbar-wp-dark .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-primary:hover:not(.disable-hover) {
color: #327eff; }
.toolbar-wp-dark .bar-button-outline-wp-primary {
border-color: #2e74eb;
color: #2e74eb;
background-color: transparent; }
.toolbar-wp-dark .bar-button-outline-wp-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-wp-dark .bar-button-solid-wp-primary {
color: #fff;
background-color: #327eff; }
.toolbar-wp-dark .bar-button-solid-wp-primary.activated {
color: #fff;
background-color: #2e74eb; }
.toolbar-wp-dark .bar-button-secondary-wp,
.toolbar-wp-dark .bar-button-clear-wp-secondary,
.toolbar-wp-dark .bar-button-wp-secondary {
color: #32db64;
background-color: transparent; }
.toolbar-wp-dark .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-secondary:hover:not(.disable-hover) {
color: #32db64; }
.toolbar-wp-dark .bar-button-outline-wp-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent; }
.toolbar-wp-dark .bar-button-outline-wp-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-wp-dark .bar-button-solid-wp-secondary {
color: #fff;
background-color: #32db64; }
.toolbar-wp-dark .bar-button-solid-wp-secondary.activated {
color: #fff;
background-color: #2ec95c; }
.toolbar-wp-dark .bar-button-danger-wp,
.toolbar-wp-dark .bar-button-clear-wp-danger,
.toolbar-wp-dark .bar-button-wp-danger {
color: #f53d3d;
background-color: transparent; }
.toolbar-wp-dark .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-danger:hover:not(.disable-hover) {
color: #f53d3d; }
.toolbar-wp-dark .bar-button-outline-wp-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent; }
.toolbar-wp-dark .bar-button-outline-wp-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-wp-dark .bar-button-solid-wp-danger {
color: #fff;
background-color: #f53d3d; }
.toolbar-wp-dark .bar-button-solid-wp-danger.activated {
color: #fff;
background-color: #e13838; }
.toolbar-wp-dark .bar-button-light-wp,
.toolbar-wp-dark .bar-button-clear-wp-light,
.toolbar-wp-dark .bar-button-wp-light {
color: #f4f4f4;
background-color: transparent; }
.toolbar-wp-dark .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-light:hover:not(.disable-hover) {
color: #f4f4f4; }
.toolbar-wp-dark .bar-button-outline-wp-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent; }
.toolbar-wp-dark .bar-button-outline-wp-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-wp-dark .bar-button-solid-wp-light {
color: #000;
background-color: #f4f4f4; }
.toolbar-wp-dark .bar-button-solid-wp-light.activated {
color: #000;
background-color: #e0e0e0; }
.toolbar-wp-dark .bar-button-dark-wp,
.toolbar-wp-dark .bar-button-clear-wp-dark,
.toolbar-wp-dark .bar-button-wp-dark {
color: #222;
background-color: transparent; }
.toolbar-wp-dark .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-dark:hover:not(.disable-hover) {
color: #222; }
.toolbar-wp-dark .bar-button-outline-wp-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.toolbar-wp-dark .bar-button-outline-wp-dark.activated {
color: #fff;
background-color: #343434; }
.toolbar-wp-dark .bar-button-solid-wp-dark {
color: #fff;
background-color: #222; }
.toolbar-wp-dark .bar-button-solid-wp-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-dark-wp,
.bar-button-clear-wp-dark,
.bar-button-wp-dark {
color: #222;
background-color: transparent; }
.bar-button-dark-wp:hover:not(.disable-hover),
.bar-button-clear-wp-dark:hover:not(.disable-hover),
.bar-button-wp-dark:hover:not(.disable-hover) {
color: #222; }
.bar-button-outline-wp-dark {
border-color: #343434;
color: #343434;
background-color: transparent; }
.bar-button-outline-wp-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-solid-wp-dark {
color: #fff;
background-color: #222; }
.bar-button-solid-wp-dark.activated {
color: #fff;
background-color: #343434; }
.bar-button-strong-wp {
font-weight: bold; }
.text-ios-primary {
color: #327eff; }
.text-ios-secondary {
color: #32db64; }
.text-ios-danger {
color: #f53d3d; }
.text-ios-light {
color: #f4f4f4; }
.text-ios-dark {
color: #222; }
.text-md-primary {
color: #327eff; }
.text-md-secondary {
color: #32db64; }
.text-md-danger {
color: #f53d3d; }
.text-md-light {
color: #f4f4f4; }
.text-md-dark {
color: #222; }
.text-wp-primary {
color: #327eff; }
.text-wp-secondary {
color: #32db64; }
.text-wp-danger {
color: #f53d3d; }
.text-wp-light {
color: #f4f4f4; }
.text-wp-dark {
color: #222; }
.virtual-loading {
opacity: 0; }
.virtual-scroll {
position: relative;
contain: content; }
.virtual-scroll .virtual-position,
.virtual-scroll .virtual-position.item {
left: 0;
top: 0;
position: absolute;
transition-duration: 0ms;
contain: content; }
.virtual-scroll .virtual-last {
display: none; }
.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
padding-top: calc(20px + 4px);
padding-top: calc(constant(safe-area-inset-top) + 4px);
padding-top: calc(env(safe-area-inset-top) + 4px);
min-height: calc(44px + 20px);
min-height: calc(44px + constant(safe-area-inset-top));
min-height: calc(44px + env(safe-area-inset-top)); }
.ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
padding-top: 20px;
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top); }
.ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
padding-top: calc(16px + 20px);
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top); }
.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-title {
padding-top: 20px;
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top);
height: calc(44px + 20px);
height: calc(44px + constant(safe-area-inset-top));
height: calc(44px + env(safe-area-inset-top));
min-height: calc(44px + 20px);
min-height: calc(44px + constant(safe-area-inset-top));
min-height: calc(44px + env(safe-area-inset-top)); }
@media only screen and (max-width: 767px) {
.ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
padding-top: calc(20px + 4px);
padding-top: calc(constant(safe-area-inset-top) + 4px);
padding-top: calc(env(safe-area-inset-top) + 4px);
min-height: calc(44px + 20px);
min-height: calc(44px + constant(safe-area-inset-top));
min-height: calc(44px + env(safe-area-inset-top)); }
.ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
padding-top: 20px;
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top); }
.ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
padding-top: calc(16px + 20px);
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top); }
.ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title {
padding-top: 20px;
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top);
height: calc(44px + 20px);
height: calc(44px + constant(safe-area-inset-top));
height: calc(44px + env(safe-area-inset-top));
min-height: calc(44px + 20px);
min-height: calc(44px + constant(safe-area-inset-top));
min-height: calc(44px + env(safe-area-inset-top)); } }
.ios .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom); }
.ios ion-footer .toolbar:last-child {
padding-bottom: calc(constant(safe-area-inset-bottom) + 4px);
padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
min-height: calc(44px + constant(safe-area-inset-bottom));
min-height: calc(44px + env(safe-area-inset-bottom)); }
.md ion-nav > .ion-page > .toolbar.statusbar-padding:first-child,
.md ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.md ion-tab > .ion-page > .toolbar.statusbar-padding:first-child,
.md ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.md ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child,
.md ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child,
.md ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
padding-top: calc(20px + 4px);
padding-top: calc(constant(safe-area-inset-top) + 4px);
padding-top: calc(env(safe-area-inset-top) + 4px);
min-height: calc(56px + 20px);
min-height: calc(56px + constant(safe-area-inset-top));
min-height: calc(56px + env(safe-area-inset-top)); }
.md ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
padding-top: 20px;
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top); }
.md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
padding-top: calc(16px + 20px);
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top); }
@media only screen and (max-width: 767px) {
.md .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
padding-top: calc(20px + 4px);
padding-top: calc(constant(safe-area-inset-top) + 4px);
padding-top: calc(env(safe-area-inset-top) + 4px);
min-height: calc(56px + 20px);
min-height: calc(56px + constant(safe-area-inset-top));
min-height: calc(56px + env(safe-area-inset-top)); }
.md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
padding-top: 20px;
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top); }
.md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
padding-top: calc(16px + 20px);
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top); } }
.md .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom); }
.md ion-footer .toolbar:last-child {
padding-bottom: calc(constant(safe-area-inset-bottom) + 4px);
padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
min-height: calc(56px + constant(safe-area-inset-bottom));
min-height: calc(56px + env(safe-area-inset-bottom)); }
.wp ion-nav > .ion-page > .toolbar.statusbar-padding:first-child,
.wp ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.wp ion-tab > .ion-page > .toolbar.statusbar-padding:first-child,
.wp ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.wp ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child,
.wp ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child,
.wp ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
padding-top: calc(20px + 4px);
padding-top: calc(constant(safe-area-inset-top) + 4px);
padding-top: calc(env(safe-area-inset-top) + 4px);
min-height: calc(46px + 20px);
min-height: calc(46px + constant(safe-area-inset-top));
min-height: calc(46px + env(safe-area-inset-top)); }
.wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
padding-top: 20px;
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top); }
.wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
padding-top: calc(16px + 20px);
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top); }
@media only screen and (max-width: 767px) {
.wp .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
padding-top: calc(20px + 4px);
padding-top: calc(constant(safe-area-inset-top) + 4px);
padding-top: calc(env(safe-area-inset-top) + 4px);
min-height: calc(46px + 20px);
min-height: calc(46px + constant(safe-area-inset-top));
min-height: calc(46px + env(safe-area-inset-top)); }
.wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
padding-top: 20px;
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top); }
.wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
padding-top: calc(16px + 20px);
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top); } }
.wp .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom); }
.wp ion-footer .toolbar:last-child {
padding-bottom: calc(constant(safe-area-inset-bottom) + 4px);
padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
min-height: calc(46px + constant(safe-area-inset-bottom));
min-height: calc(46px + env(safe-area-inset-bottom)); }
.ion-ios-add:before {
content: "\f102"; }
.ion-ios-add-circle:before {
content: "\f101"; }
.ion-ios-add-circle-outline:before {
content: "\f100"; }
.ion-ios-add-outline:before {
content: "\f102"; }
.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-back-outline:before {
content: "\f3cf"; }
.ion-ios-arrow-down:before {
content: "\f3d0"; }
.ion-ios-arrow-down-outline:before {
content: "\f3d0"; }
.ion-ios-arrow-dropdown:before {
content: "\f110"; }
.ion-ios-arrow-dropdown-circle:before {
content: "\f10f"; }
.ion-ios-arrow-dropdown-circle-outline:before {
content: "\f10f"; }
.ion-ios-arrow-dropdown-outline:before {
content: "\f110"; }
.ion-ios-arrow-dropleft:before {
content: "\f112"; }
.ion-ios-arrow-dropleft-circle:before {
content: "\f111"; }
.ion-ios-arrow-dropleft-circle-outline:before {
content: "\f111"; }
.ion-ios-arrow-dropleft-outline:before {
content: "\f112"; }
.ion-ios-arrow-dropright:before {
content: "\f114"; }
.ion-ios-arrow-dropright-circle:before {
content: "\f113"; }
.ion-ios-arrow-dropright-circle-outline:before {
content: "\f113"; }
.ion-ios-arrow-dropright-outline:before {
content: "\f114"; }
.ion-ios-arrow-dropup:before {
content: "\f116"; }
.ion-ios-arrow-dropup-circle:before {
content: "\f115"; }
.ion-ios-arrow-dropup-circle-outline:before {
content: "\f115"; }
.ion-ios-arrow-dropup-outline:before {
content: "\f116"; }
.ion-ios-arrow-forward:before {
content: "\f3d1"; }
.ion-ios-arrow-forward-outline:before {
content: "\f3d1"; }
.ion-ios-arrow-round-back:before {
content: "\f117"; }
.ion-ios-arrow-round-back-outline:before {
content: "\f117"; }
.ion-ios-arrow-round-down:before {
content: "\f118"; }
.ion-ios-arrow-round-down-outline:before {
content: "\f118"; }
.ion-ios-arrow-round-forward:before {
content: "\f119"; }
.ion-ios-arrow-round-forward-outline:before {
content: "\f119"; }
.ion-ios-arrow-round-up:before {
content: "\f11a"; }
.ion-ios-arrow-round-up-outline:before {
content: "\f11a"; }
.ion-ios-arrow-up:before {
content: "\f3d8"; }
.ion-ios-arrow-up-outline:before {
content: "\f3d8"; }
.ion-ios-at:before {
content: "\f3da"; }
.ion-ios-at-outline:before {
content: "\f3d9"; }
.ion-ios-attach:before {
content: "\f11b"; }
.ion-ios-attach-outline: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-charging-outline:before {
content: "\f120"; }
.ion-ios-battery-dead:before {
content: "\f121"; }
.ion-ios-battery-dead-outline:before {
content: "\f121"; }
.ion-ios-battery-full:before {
content: "\f122"; }
.ion-ios-battery-full-outline: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-bicycle-outline:before {
content: "\f127"; }
.ion-ios-bluetooth:before {
content: "\f128"; }
.ion-ios-bluetooth-outline: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-checkmark-outline:before {
content: "\f3ff"; }
.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-close-outline:before {
content: "\f406"; }
.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-download-outline:before {
content: "\f155"; }
.ion-ios-code-outline:before {
content: "\f157"; }
.ion-ios-code-working:before {
content: "\f156"; }
.ion-ios-code-working-outline: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-contract-outline:before {
content: "\f162"; }
.ion-ios-contrast:before {
content: "\f163"; }
.ion-ios-contrast-outline: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-done-all-outline: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-expand-outline: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-female-outline: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-finger-print-outline: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-branch-outline:before {
content: "\f183"; }
.ion-ios-git-commit:before {
content: "\f184"; }
.ion-ios-git-commit-outline:before {
content: "\f184"; }
.ion-ios-git-compare:before {
content: "\f185"; }
.ion-ios-git-compare-outline:before {
content: "\f185"; }
.ion-ios-git-merge:before {
content: "\f186"; }
.ion-ios-git-merge-outline:before {
content: "\f186"; }
.ion-ios-git-network:before {
content: "\f187"; }
.ion-ios-git-network-outline:before {
content: "\f187"; }
.ion-ios-git-pull-request:before {
content: "\f188"; }
.ion-ios-git-pull-request-outline: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-help-outline:before {
content: "\f446"; }
.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-information-outline:before {
content: "\f44d"; }
.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-laptop-outline:before {
content: "\f1a8"; }
.ion-ios-leaf:before {
content: "\f1aa"; }
.ion-ios-leaf-outline:before {
content: "\f1a9"; }
.ion-ios-link:before {
content: "\f22a"; }
.ion-ios-link-outline:before {
content: "\f1ca"; }
.ion-ios-list:before {
content: "\f454"; }
.ion-ios-list-box:before {
content: "\f1ac"; }
.ion-ios-list-box-outline:before {
content: "\f1ab"; }
.ion-ios-list-outline:before {
content: "\f454"; }
.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-in-outline:before {
content: "\f1b1"; }
.ion-ios-log-out:before {
content: "\f1b2"; }
.ion-ios-log-out-outline: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-male-outline: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-move-outline: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-landscape-outline:before {
content: "\f1e2"; }
.ion-ios-phone-portrait:before {
content: "\f1e3"; }
.ion-ios-phone-portrait-outline: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-qr-scanner-outline: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-off-outline:before {
content: "\f1f6"; }
.ion-ios-radio-button-on:before {
content: "\f1f7"; }
.ion-ios-radio-button-on-outline: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-refresh-outline:before {
content: "\f49c"; }
.ion-ios-remove:before {
content: "\f1fc"; }
.ion-ios-remove-circle:before {
content: "\f1fb"; }
.ion-ios-remove-circle-outline:before {
content: "\f1fa"; }
.ion-ios-remove-outline:before {
content: "\f1fc"; }
.ion-ios-reorder:before {
content: "\f1fd"; }
.ion-ios-reorder-outline:before {
content: "\f1fd"; }
.ion-ios-repeat:before {
content: "\f1fe"; }
.ion-ios-repeat-outline:before {
content: "\f1fe"; }
.ion-ios-resize:before {
content: "\f1ff"; }
.ion-ios-resize-outline: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-left-outline:before {
content: "\f202"; }
.ion-ios-return-right:before {
content: "\f203"; }
.ion-ios-return-right-outline: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-shuffle-outline: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: "\f22c"; }
.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-half-outline: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-swap-outline:before {
content: "\f21f"; }
.ion-ios-switch:before {
content: "\f221"; }
.ion-ios-switch-outline:before {
content: "\f220"; }
.ion-ios-sync:before {
content: "\f222"; }
.ion-ios-sync-outline:before {
content: "\f222"; }
.ion-ios-tablet-landscape:before {
content: "\f223"; }
.ion-ios-tablet-landscape-outline:before {
content: "\f223"; }
.ion-ios-tablet-portrait:before {
content: "\f24e"; }
.ion-ios-tablet-portrait-outline: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-transgender-outline: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-down-outline:before {
content: "\f25a"; }
.ion-ios-trending-up:before {
content: "\f25b"; }
.ion-ios-trending-up-outline: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-down-outline:before {
content: "\f262"; }
.ion-ios-volume-mute:before {
content: "\f263"; }
.ion-ios-volume-mute-outline:before {
content: "\f263"; }
.ion-ios-volume-off:before {
content: "\f264"; }
.ion-ios-volume-off-outline:before {
content: "\f264"; }
.ion-ios-volume-up:before {
content: "\f265"; }
.ion-ios-volume-up-outline:before {
content: "\f265"; }
.ion-ios-walk:before {
content: "\f266"; }
.ion-ios-walk-outline:before {
content: "\f266"; }
.ion-ios-warning:before {
content: "\f268"; }
.ion-ios-warning-outline:before {
content: "\f267"; }
.ion-ios-watch:before {
content: "\f269"; }
.ion-ios-watch-outline: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-logo-android:before {
content: "\f225"; }
.ion-logo-angular:before {
content: "\f227"; }
.ion-logo-apple:before {
content: "\f229"; }
.ion-logo-bitcoin:before {
content: "\f22b"; }
.ion-logo-buffer:before {
content: "\f22d"; }
.ion-logo-chrome:before {
content: "\f22f"; }
.ion-logo-codepen:before {
content: "\f230"; }
.ion-logo-css3:before {
content: "\f231"; }
.ion-logo-designernews:before {
content: "\f232"; }
.ion-logo-dribbble:before {
content: "\f233"; }
.ion-logo-dropbox:before {
content: "\f234"; }
.ion-logo-euro:before {
content: "\f235"; }
.ion-logo-facebook:before {
content: "\f236"; }
.ion-logo-foursquare:before {
content: "\f237"; }
.ion-logo-freebsd-devil:before {
content: "\f238"; }
.ion-logo-github:before {
content: "\f239"; }
.ion-logo-google:before {
content: "\f23a"; }
.ion-logo-googleplus:before {
content: "\f23b"; }
.ion-logo-hackernews:before {
content: "\f23c"; }
.ion-logo-html5:before {
content: "\f23d"; }
.ion-logo-instagram:before {
content: "\f23e"; }
.ion-logo-javascript:before {
content: "\f23f"; }
.ion-logo-linkedin:before {
content: "\f240"; }
.ion-logo-markdown:before {
content: "\f241"; }
.ion-logo-nodejs:before {
content: "\f242"; }
.ion-logo-octocat:before {
content: "\f243"; }
.ion-logo-pinterest:before {
content: "\f244"; }
.ion-logo-playstation:before {
content: "\f245"; }
.ion-logo-python:before {
content: "\f246"; }
.ion-logo-reddit:before {
content: "\f247"; }
.ion-logo-rss:before {
content: "\f248"; }
.ion-logo-sass:before {
content: "\f249"; }
.ion-logo-skype:before {
content: "\f24a"; }
.ion-logo-snapchat:before {
content: "\f24b"; }
.ion-logo-steam:before {
content: "\f24c"; }
.ion-logo-tumblr:before {
content: "\f24d"; }
.ion-logo-tux:before {
content: "\f2ae"; }
.ion-logo-twitch:before {
content: "\f2af"; }
.ion-logo-twitter:before {
content: "\f2b0"; }
.ion-logo-usd:before {
content: "\f2b1"; }
.ion-logo-vimeo:before {
content: "\f2c4"; }
.ion-logo-whatsapp:before {
content: "\f2c5"; }
.ion-logo-windows:before {
content: "\f32f"; }
.ion-logo-wordpress:before {
content: "\f330"; }
.ion-logo-xbox:before {
content: "\f34c"; }
.ion-logo-yahoo:before {
content: "\f34d"; }
.ion-logo-yen:before {
content: "\f34e"; }
.ion-logo-youtube:before {
content: "\f34f"; }
.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-link:before {
content: "\f22e"; }
.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"; }
@font-face {
font-family: "Ionicons";
src: url("../fonts/ionicons.woff2?v=3.0.0-alpha.3") format("woff2"), url("../fonts/ionicons.woff?v=3.0.0-alpha.3") format("woff"), url("../fonts/ionicons.ttf?v=3.0.0-alpha.3") format("truetype");
font-weight: normal;
font-style: normal; }
ion-icon {
display: inline-block;
font-family: "Ionicons";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-rendering: auto;
text-transform: none;
speak: none; }
ion-icon::before {
display: inline-block; }
@font-face {
font-family: "Noto Sans";
font-style: normal;
font-weight: 300;
src: local("Noto Sans"), local("Noto-Sans-Regular"), url("../fonts/noto-sans-regular.woff") format("woff"), url("../fonts/noto-sans-regular.ttf") format("truetype"); }
@font-face {
font-family: "Noto Sans";
font-style: normal;
font-weight: 400;
src: local("Noto Sans"), local("Noto-Sans-Regular"), url("../fonts/noto-sans-regular.woff") format("woff"), url("../fonts/noto-sans-regular.ttf") format("truetype"); }
@font-face {
font-family: "Noto Sans";
font-style: normal;
font-weight: 500;
src: local("Noto Sans Bold"), local("Noto-Sans-Bold"), url("../fonts/noto-sans-bold.woff") format("woff"), url("../fonts/noto-sans-bold.ttf") format("truetype"); }
@font-face {
font-family: "Noto Sans";
font-style: normal;
font-weight: 700;
src: local("Noto Sans Bold"), local("Noto-Sans-Bold"), url("../fonts/noto-sans-bold.woff") format("woff"), url("../fonts/noto-sans-bold.ttf") format("truetype"); }
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.woff2") format("woff2"), url("../fonts/roboto-light.woff") format("woff"), url("../fonts/roboto-light.ttf") format("truetype"); }
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.woff2") format("woff2"), url("../fonts/roboto-regular.woff") format("woff"), url("../fonts/roboto-regular.ttf") format("truetype"); }
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.woff2") format("woff2"), url("../fonts/roboto-medium.woff") format("woff"), url("../fonts/roboto-medium.ttf") format("truetype"); }
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.woff2") format("woff2"), url("../fonts/roboto-bold.woff") format("woff"), url("../fonts/roboto-bold.ttf") format("truetype"); }