@charset "UTF-8";
[class$="-primary_transparent"],
[class*="-primary_transparent "] {
  color: #b21f2f;
}

[class$="-primary_transparent"] .toolbar-background,
[class*="-primary_transparent "] .toolbar-background {
  background-color: #b21f2f;
}

[class$="-primary_transparent"].badge, [class$="-primary_transparent"].button,
[class*="-primary_transparent "].badge,
[class*="-primary_transparent "].button {
  color: #b21f2f;
  background-color: transparent;
}

[class$="-primary_transparent"].button:hover:not(.disable-hover),
[class*="-primary_transparent "].button:hover:not(.disable-hover) {
  color: #b21f2f;
  background-color: #ffffff;
  border: thin solid #b21f2f;
}

[class$="-white_transparent"],
[class*="-white_transparent "] {
  color: #ffffff;
}

[class$="-white_transparent"].badge, [class$="-white_transparent"].button,
[class*="-white_transparent "].badge,
[class*="-white_transparent "].button {
  color: #ffffff;
  background-color: transparent;
}

[class$="-gray4"],
[class*="-gray4 "] {
  color: #8f9296;
}

[class$="-gray4"] .toolbar-background,
[class*="-gray4 "] .toolbar-background {
  background-color: #8f9296;
}

[class$="-gray4"]:hover:not(.badge),
[class*="-gray4 "]:hover:not(.badge) {
  color: #000;
}

[class$="-gray4"].badge, [class$="-gray4"].button,
[class*="-gray4 "].badge,
[class*="-gray4 "].button {
  color: #ffffff;
  background-color: #8f9296;
}

[class$="-gray4"].button:hover:not(.disable-hover),
[class*="-gray4 "].button:hover:not(.disable-hover) {
  color: #8f9296;
  background-color: #ffffff;
  border: thin solid #8f9296;
}

[class$="-white_back"],
[class*="-white_back "] {
  color: #535454;
}

[class$="-white_back"] .toolbar-background,
[class*="-white_back "] .toolbar-background {
  background-color: #ffffff;
}

[class$="-white_back"].badge, [class$="-white_back"].button,
[class*="-white_back "].badge,
[class*="-white_back "].button {
  color: #535454;
  background-color: #ffffff;
}

[class$="-white_back"].button:hover:not(.disable-hover),
[class*="-white_back "].button:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #535454;
}

[class$="-black_transparent"],
[class*="-black_transparent "] {
  color: #535454;
}

[class$="-black_transparent"] .toolbar-background,
[class*="-black_transparent "] .toolbar-background {
  background-color: #ffffff;
}

[class$="-black_transparent"].badge, [class$="-black_transparent"].button,
[class*="-black_transparent "].badge,
[class*="-black_transparent "].button {
  color: #535454;
  background-color: #ffffff;
}

[class$="-black_transparent"].button:hover:not(.disable-hover),
[class*="-black_transparent "].button:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #535454;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #ef7a6e;
}

[class$='-synergyThemeColor'], ion-col[color='synergyThemeColor'],
[class*='-synergyThemeColor '] {
  color: #ef7a6e;
}

[class$='-synergyThemeColor'].col, ion-col[color='synergyThemeColor'].col,
[class*='-synergyThemeColor '].col {
  background-color: #ef7a6e;
}

[class$='-synergyThemeColor'] .toolbar-background, ion-col[color='synergyThemeColor'] .toolbar-background,
[class*='-synergyThemeColor '] .toolbar-background {
  background-color: transparent;
}

[class$='-synergyThemeColor'].footer .toolbar .toolbar-background, [class$='-synergyThemeColor']:has(.footer) .toolbar .toolbar-background, ion-col[color='synergyThemeColor'].footer .toolbar .toolbar-background, ion-col[color='synergyThemeColor']:has(.footer) .toolbar .toolbar-background,
[class*='-synergyThemeColor '].footer .toolbar .toolbar-background,
[class*='-synergyThemeColor ']:has(.footer) .toolbar .toolbar-background {
  background-color: #ef7a6e;
}

[class$='-synergyThemeColor'].badge, [class$='-synergyThemeColor'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='synergyThemeColor'].badge, ion-col[color='synergyThemeColor'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-synergyThemeColor '].badge,
[class*='-synergyThemeColor '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #ef7a6e;
}

[class$='-synergyThemeColor'].button:hover:not(.disable-hover), ion-col[color='synergyThemeColor'].button:hover:not(.disable-hover),
[class*='-synergyThemeColor '].button:hover:not(.disable-hover) {
  color: #ef7a6e;
  background-color: #ffffff;
  border: thin solid #ef7a6e;
}

[class$='-synergyThemeColor'].button.button-outline-md, [class$='-synergyThemeColor'].button.button-outline-ios, ion-col[color='synergyThemeColor'].button.button-outline-md, ion-col[color='synergyThemeColor'].button.button-outline-ios,
[class*='-synergyThemeColor '].button.button-outline-md,
[class*='-synergyThemeColor '].button.button-outline-ios {
  color: #ef7a6e;
  background-color: #ffffff;
  border: thin solid #ef7a6e;
}

[class$='-synergyThemeColor'].button.button-outline-md:hover:not(.disable-hover), [class$='-synergyThemeColor'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='synergyThemeColor'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='synergyThemeColor'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-synergyThemeColor '].button.button-outline-md:hover:not(.disable-hover),
[class*='-synergyThemeColor '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #ef7a6e;
}

[class$='-synergyThemeColor'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-synergyThemeColor'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='synergyThemeColor'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='synergyThemeColor'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-synergyThemeColor '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-synergyThemeColor '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-synergyThemeColor'].button-clear .icon, [class$='-synergyThemeColor'].button-outline-md .icon, [class$='-synergyThemeColor'].button-outline-ios .icon, [class$='-synergyThemeColor'][icon-only] .icon, ion-col[color='synergyThemeColor'].button-clear .icon, ion-col[color='synergyThemeColor'].button-outline-md .icon, ion-col[color='synergyThemeColor'].button-outline-ios .icon, ion-col[color='synergyThemeColor'][icon-only] .icon,
[class*='-synergyThemeColor '].button-clear .icon,
[class*='-synergyThemeColor '].button-outline-md .icon,
[class*='-synergyThemeColor '].button-outline-ios .icon,
[class*='-synergyThemeColor '][icon-only] .icon {
  color: #ef7a6e;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #007b39;
}

[class$='-secondaryMydcaa'], ion-col[color='secondaryMydcaa'],
[class*='-secondaryMydcaa '] {
  color: #007b39;
}

[class$='-secondaryMydcaa'].col, ion-col[color='secondaryMydcaa'].col,
[class*='-secondaryMydcaa '].col {
  background-color: #007b39;
}

[class$='-secondaryMydcaa'] .toolbar-background, ion-col[color='secondaryMydcaa'] .toolbar-background,
[class*='-secondaryMydcaa '] .toolbar-background {
  background-color: transparent;
}

[class$='-secondaryMydcaa'].footer .toolbar .toolbar-background, [class$='-secondaryMydcaa']:has(.footer) .toolbar .toolbar-background, ion-col[color='secondaryMydcaa'].footer .toolbar .toolbar-background, ion-col[color='secondaryMydcaa']:has(.footer) .toolbar .toolbar-background,
[class*='-secondaryMydcaa '].footer .toolbar .toolbar-background,
[class*='-secondaryMydcaa ']:has(.footer) .toolbar .toolbar-background {
  background-color: #007b39;
}

[class$='-secondaryMydcaa'].badge, [class$='-secondaryMydcaa'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='secondaryMydcaa'].badge, ion-col[color='secondaryMydcaa'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-secondaryMydcaa '].badge,
[class*='-secondaryMydcaa '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #007b39;
}

[class$='-secondaryMydcaa'].button:hover:not(.disable-hover), ion-col[color='secondaryMydcaa'].button:hover:not(.disable-hover),
[class*='-secondaryMydcaa '].button:hover:not(.disable-hover) {
  color: #007b39;
  background-color: #ffffff;
  border: thin solid #007b39;
}

[class$='-secondaryMydcaa'].button.button-outline-md, [class$='-secondaryMydcaa'].button.button-outline-ios, ion-col[color='secondaryMydcaa'].button.button-outline-md, ion-col[color='secondaryMydcaa'].button.button-outline-ios,
[class*='-secondaryMydcaa '].button.button-outline-md,
[class*='-secondaryMydcaa '].button.button-outline-ios {
  color: #007b39;
  background-color: #ffffff;
  border: thin solid #007b39;
}

[class$='-secondaryMydcaa'].button.button-outline-md:hover:not(.disable-hover), [class$='-secondaryMydcaa'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='secondaryMydcaa'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='secondaryMydcaa'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-secondaryMydcaa '].button.button-outline-md:hover:not(.disable-hover),
[class*='-secondaryMydcaa '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #007b39;
}

[class$='-secondaryMydcaa'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-secondaryMydcaa'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='secondaryMydcaa'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='secondaryMydcaa'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-secondaryMydcaa '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-secondaryMydcaa '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-secondaryMydcaa'].button-clear .icon, [class$='-secondaryMydcaa'].button-outline-md .icon, [class$='-secondaryMydcaa'].button-outline-ios .icon, [class$='-secondaryMydcaa'][icon-only] .icon, ion-col[color='secondaryMydcaa'].button-clear .icon, ion-col[color='secondaryMydcaa'].button-outline-md .icon, ion-col[color='secondaryMydcaa'].button-outline-ios .icon, ion-col[color='secondaryMydcaa'][icon-only] .icon,
[class*='-secondaryMydcaa '].button-clear .icon,
[class*='-secondaryMydcaa '].button-outline-md .icon,
[class*='-secondaryMydcaa '].button-outline-ios .icon,
[class*='-secondaryMydcaa '][icon-only] .icon {
  color: #007b39;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #000;
}

[class$='-dark'], ion-col[color='dark'],
[class*='-dark '] {
  color: #000;
}

[class$='-dark'].col, ion-col[color='dark'].col,
[class*='-dark '].col {
  background-color: #000;
}

[class$='-dark'] .toolbar-background, ion-col[color='dark'] .toolbar-background,
[class*='-dark '] .toolbar-background {
  background-color: transparent;
}

[class$='-dark'].footer .toolbar .toolbar-background, [class$='-dark']:has(.footer) .toolbar .toolbar-background, ion-col[color='dark'].footer .toolbar .toolbar-background, ion-col[color='dark']:has(.footer) .toolbar .toolbar-background,
[class*='-dark '].footer .toolbar .toolbar-background,
[class*='-dark ']:has(.footer) .toolbar .toolbar-background {
  background-color: #000;
}

[class$='-dark'].badge, [class$='-dark'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='dark'].badge, ion-col[color='dark'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-dark '].badge,
[class*='-dark '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #000;
}

[class$='-dark'].button:hover:not(.disable-hover), ion-col[color='dark'].button:hover:not(.disable-hover),
[class*='-dark '].button:hover:not(.disable-hover) {
  color: #000;
  background-color: #ffffff;
  border: thin solid #000;
}

[class$='-dark'].button.button-outline-md, [class$='-dark'].button.button-outline-ios, ion-col[color='dark'].button.button-outline-md, ion-col[color='dark'].button.button-outline-ios,
[class*='-dark '].button.button-outline-md,
[class*='-dark '].button.button-outline-ios {
  color: #000;
  background-color: #ffffff;
  border: thin solid #000;
}

[class$='-dark'].button.button-outline-md:hover:not(.disable-hover), [class$='-dark'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='dark'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='dark'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-dark '].button.button-outline-md:hover:not(.disable-hover),
[class*='-dark '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #000;
}

[class$='-dark'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-dark'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='dark'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='dark'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-dark '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-dark '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-dark'].button-clear .icon, [class$='-dark'].button-outline-md .icon, [class$='-dark'].button-outline-ios .icon, [class$='-dark'][icon-only] .icon, ion-col[color='dark'].button-clear .icon, ion-col[color='dark'].button-outline-md .icon, ion-col[color='dark'].button-outline-ios .icon, ion-col[color='dark'][icon-only] .icon,
[class*='-dark '].button-clear .icon,
[class*='-dark '].button-outline-md .icon,
[class*='-dark '].button-outline-ios .icon,
[class*='-dark '][icon-only] .icon {
  color: #000;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #ec322a;
}

[class$='-validateFail'], ion-col[color='validateFail'],
[class*='-validateFail '] {
  color: #ec322a;
}

[class$='-validateFail'].col, ion-col[color='validateFail'].col,
[class*='-validateFail '].col {
  background-color: #ec322a;
}

[class$='-validateFail'] .toolbar-background, ion-col[color='validateFail'] .toolbar-background,
[class*='-validateFail '] .toolbar-background {
  background-color: transparent;
}

[class$='-validateFail'].footer .toolbar .toolbar-background, [class$='-validateFail']:has(.footer) .toolbar .toolbar-background, ion-col[color='validateFail'].footer .toolbar .toolbar-background, ion-col[color='validateFail']:has(.footer) .toolbar .toolbar-background,
[class*='-validateFail '].footer .toolbar .toolbar-background,
[class*='-validateFail ']:has(.footer) .toolbar .toolbar-background {
  background-color: #ec322a;
}

[class$='-validateFail'].badge, [class$='-validateFail'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='validateFail'].badge, ion-col[color='validateFail'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-validateFail '].badge,
[class*='-validateFail '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #ec322a;
}

[class$='-validateFail'].button:hover:not(.disable-hover), ion-col[color='validateFail'].button:hover:not(.disable-hover),
[class*='-validateFail '].button:hover:not(.disable-hover) {
  color: #ec322a;
  background-color: #ffffff;
  border: thin solid #ec322a;
}

[class$='-validateFail'].button.button-outline-md, [class$='-validateFail'].button.button-outline-ios, ion-col[color='validateFail'].button.button-outline-md, ion-col[color='validateFail'].button.button-outline-ios,
[class*='-validateFail '].button.button-outline-md,
[class*='-validateFail '].button.button-outline-ios {
  color: #ec322a;
  background-color: #ffffff;
  border: thin solid #ec322a;
}

[class$='-validateFail'].button.button-outline-md:hover:not(.disable-hover), [class$='-validateFail'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='validateFail'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='validateFail'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-validateFail '].button.button-outline-md:hover:not(.disable-hover),
[class*='-validateFail '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #ec322a;
}

[class$='-validateFail'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-validateFail'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='validateFail'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='validateFail'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-validateFail '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-validateFail '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-validateFail'].button-clear .icon, [class$='-validateFail'].button-outline-md .icon, [class$='-validateFail'].button-outline-ios .icon, [class$='-validateFail'][icon-only] .icon, ion-col[color='validateFail'].button-clear .icon, ion-col[color='validateFail'].button-outline-md .icon, ion-col[color='validateFail'].button-outline-ios .icon, ion-col[color='validateFail'][icon-only] .icon,
[class*='-validateFail '].button-clear .icon,
[class*='-validateFail '].button-outline-md .icon,
[class*='-validateFail '].button-outline-ios .icon,
[class*='-validateFail '][icon-only] .icon {
  color: #ec322a;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #4aa966;
}

[class$='-validatePass'], ion-col[color='validatePass'],
[class*='-validatePass '] {
  color: #4aa966;
}

[class$='-validatePass'].col, ion-col[color='validatePass'].col,
[class*='-validatePass '].col {
  background-color: #4aa966;
}

[class$='-validatePass'] .toolbar-background, ion-col[color='validatePass'] .toolbar-background,
[class*='-validatePass '] .toolbar-background {
  background-color: transparent;
}

[class$='-validatePass'].footer .toolbar .toolbar-background, [class$='-validatePass']:has(.footer) .toolbar .toolbar-background, ion-col[color='validatePass'].footer .toolbar .toolbar-background, ion-col[color='validatePass']:has(.footer) .toolbar .toolbar-background,
[class*='-validatePass '].footer .toolbar .toolbar-background,
[class*='-validatePass ']:has(.footer) .toolbar .toolbar-background {
  background-color: #4aa966;
}

[class$='-validatePass'].badge, [class$='-validatePass'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='validatePass'].badge, ion-col[color='validatePass'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-validatePass '].badge,
[class*='-validatePass '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #4aa966;
}

[class$='-validatePass'].button:hover:not(.disable-hover), ion-col[color='validatePass'].button:hover:not(.disable-hover),
[class*='-validatePass '].button:hover:not(.disable-hover) {
  color: #4aa966;
  background-color: #ffffff;
  border: thin solid #4aa966;
}

[class$='-validatePass'].button.button-outline-md, [class$='-validatePass'].button.button-outline-ios, ion-col[color='validatePass'].button.button-outline-md, ion-col[color='validatePass'].button.button-outline-ios,
[class*='-validatePass '].button.button-outline-md,
[class*='-validatePass '].button.button-outline-ios {
  color: #4aa966;
  background-color: #ffffff;
  border: thin solid #4aa966;
}

[class$='-validatePass'].button.button-outline-md:hover:not(.disable-hover), [class$='-validatePass'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='validatePass'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='validatePass'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-validatePass '].button.button-outline-md:hover:not(.disable-hover),
[class*='-validatePass '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #4aa966;
}

[class$='-validatePass'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-validatePass'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='validatePass'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='validatePass'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-validatePass '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-validatePass '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-validatePass'].button-clear .icon, [class$='-validatePass'].button-outline-md .icon, [class$='-validatePass'].button-outline-ios .icon, [class$='-validatePass'][icon-only] .icon, ion-col[color='validatePass'].button-clear .icon, ion-col[color='validatePass'].button-outline-md .icon, ion-col[color='validatePass'].button-outline-ios .icon, ion-col[color='validatePass'][icon-only] .icon,
[class*='-validatePass '].button-clear .icon,
[class*='-validatePass '].button-outline-md .icon,
[class*='-validatePass '].button-outline-ios .icon,
[class*='-validatePass '][icon-only] .icon {
  color: #4aa966;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #f5f5f5;
}

[class$='-verylightgray'], ion-col[color='verylightgray'],
[class*='-verylightgray '] {
  color: #f5f5f5;
}

[class$='-verylightgray'].col, ion-col[color='verylightgray'].col,
[class*='-verylightgray '].col {
  background-color: #f5f5f5;
}

[class$='-verylightgray'] .toolbar-background, ion-col[color='verylightgray'] .toolbar-background,
[class*='-verylightgray '] .toolbar-background {
  background-color: transparent;
}

[class$='-verylightgray'].footer .toolbar .toolbar-background, [class$='-verylightgray']:has(.footer) .toolbar .toolbar-background, ion-col[color='verylightgray'].footer .toolbar .toolbar-background, ion-col[color='verylightgray']:has(.footer) .toolbar .toolbar-background,
[class*='-verylightgray '].footer .toolbar .toolbar-background,
[class*='-verylightgray ']:has(.footer) .toolbar .toolbar-background {
  background-color: #f5f5f5;
}

[class$='-verylightgray'].badge, [class$='-verylightgray'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='verylightgray'].badge, ion-col[color='verylightgray'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-verylightgray '].badge,
[class*='-verylightgray '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #f5f5f5;
}

[class$='-verylightgray'].button:hover:not(.disable-hover), ion-col[color='verylightgray'].button:hover:not(.disable-hover),
[class*='-verylightgray '].button:hover:not(.disable-hover) {
  color: #f5f5f5;
  background-color: #ffffff;
  border: thin solid #f5f5f5;
}

[class$='-verylightgray'].button.button-outline-md, [class$='-verylightgray'].button.button-outline-ios, ion-col[color='verylightgray'].button.button-outline-md, ion-col[color='verylightgray'].button.button-outline-ios,
[class*='-verylightgray '].button.button-outline-md,
[class*='-verylightgray '].button.button-outline-ios {
  color: #f5f5f5;
  background-color: #ffffff;
  border: thin solid #f5f5f5;
}

[class$='-verylightgray'].button.button-outline-md:hover:not(.disable-hover), [class$='-verylightgray'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='verylightgray'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='verylightgray'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-verylightgray '].button.button-outline-md:hover:not(.disable-hover),
[class*='-verylightgray '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #f5f5f5;
}

[class$='-verylightgray'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-verylightgray'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='verylightgray'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='verylightgray'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-verylightgray '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-verylightgray '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-verylightgray'].button-clear .icon, [class$='-verylightgray'].button-outline-md .icon, [class$='-verylightgray'].button-outline-ios .icon, [class$='-verylightgray'][icon-only] .icon, ion-col[color='verylightgray'].button-clear .icon, ion-col[color='verylightgray'].button-outline-md .icon, ion-col[color='verylightgray'].button-outline-ios .icon, ion-col[color='verylightgray'][icon-only] .icon,
[class*='-verylightgray '].button-clear .icon,
[class*='-verylightgray '].button-outline-md .icon,
[class*='-verylightgray '].button-outline-ios .icon,
[class*='-verylightgray '][icon-only] .icon {
  color: #f5f5f5;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #cfa508;
}

[class$='-darklogogold'], ion-col[color='darklogogold'],
[class*='-darklogogold '] {
  color: #cfa508;
}

[class$='-darklogogold'].col, ion-col[color='darklogogold'].col,
[class*='-darklogogold '].col {
  background-color: #cfa508;
}

[class$='-darklogogold'] .toolbar-background, ion-col[color='darklogogold'] .toolbar-background,
[class*='-darklogogold '] .toolbar-background {
  background-color: transparent;
}

[class$='-darklogogold'].footer .toolbar .toolbar-background, [class$='-darklogogold']:has(.footer) .toolbar .toolbar-background, ion-col[color='darklogogold'].footer .toolbar .toolbar-background, ion-col[color='darklogogold']:has(.footer) .toolbar .toolbar-background,
[class*='-darklogogold '].footer .toolbar .toolbar-background,
[class*='-darklogogold ']:has(.footer) .toolbar .toolbar-background {
  background-color: #cfa508;
}

[class$='-darklogogold'].badge, [class$='-darklogogold'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='darklogogold'].badge, ion-col[color='darklogogold'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-darklogogold '].badge,
[class*='-darklogogold '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #cfa508;
}

[class$='-darklogogold'].button:hover:not(.disable-hover), ion-col[color='darklogogold'].button:hover:not(.disable-hover),
[class*='-darklogogold '].button:hover:not(.disable-hover) {
  color: #cfa508;
  background-color: #ffffff;
  border: thin solid #cfa508;
}

[class$='-darklogogold'].button.button-outline-md, [class$='-darklogogold'].button.button-outline-ios, ion-col[color='darklogogold'].button.button-outline-md, ion-col[color='darklogogold'].button.button-outline-ios,
[class*='-darklogogold '].button.button-outline-md,
[class*='-darklogogold '].button.button-outline-ios {
  color: #cfa508;
  background-color: #ffffff;
  border: thin solid #cfa508;
}

[class$='-darklogogold'].button.button-outline-md:hover:not(.disable-hover), [class$='-darklogogold'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='darklogogold'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='darklogogold'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-darklogogold '].button.button-outline-md:hover:not(.disable-hover),
[class*='-darklogogold '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #cfa508;
}

[class$='-darklogogold'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-darklogogold'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='darklogogold'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='darklogogold'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-darklogogold '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-darklogogold '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-darklogogold'].button-clear .icon, [class$='-darklogogold'].button-outline-md .icon, [class$='-darklogogold'].button-outline-ios .icon, [class$='-darklogogold'][icon-only] .icon, ion-col[color='darklogogold'].button-clear .icon, ion-col[color='darklogogold'].button-outline-md .icon, ion-col[color='darklogogold'].button-outline-ios .icon, ion-col[color='darklogogold'][icon-only] .icon,
[class*='-darklogogold '].button-clear .icon,
[class*='-darklogogold '].button-outline-md .icon,
[class*='-darklogogold '].button-outline-ios .icon,
[class*='-darklogogold '][icon-only] .icon {
  color: #cfa508;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #383838;
}

[class$='-darkergray'], ion-col[color='darkergray'],
[class*='-darkergray '] {
  color: #383838;
}

[class$='-darkergray'].col, ion-col[color='darkergray'].col,
[class*='-darkergray '].col {
  background-color: #383838;
}

[class$='-darkergray'] .toolbar-background, ion-col[color='darkergray'] .toolbar-background,
[class*='-darkergray '] .toolbar-background {
  background-color: transparent;
}

[class$='-darkergray'].footer .toolbar .toolbar-background, [class$='-darkergray']:has(.footer) .toolbar .toolbar-background, ion-col[color='darkergray'].footer .toolbar .toolbar-background, ion-col[color='darkergray']:has(.footer) .toolbar .toolbar-background,
[class*='-darkergray '].footer .toolbar .toolbar-background,
[class*='-darkergray ']:has(.footer) .toolbar .toolbar-background {
  background-color: #383838;
}

[class$='-darkergray'].badge, [class$='-darkergray'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='darkergray'].badge, ion-col[color='darkergray'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-darkergray '].badge,
[class*='-darkergray '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #383838;
}

[class$='-darkergray'].button:hover:not(.disable-hover), ion-col[color='darkergray'].button:hover:not(.disable-hover),
[class*='-darkergray '].button:hover:not(.disable-hover) {
  color: #383838;
  background-color: #ffffff;
  border: thin solid #383838;
}

[class$='-darkergray'].button.button-outline-md, [class$='-darkergray'].button.button-outline-ios, ion-col[color='darkergray'].button.button-outline-md, ion-col[color='darkergray'].button.button-outline-ios,
[class*='-darkergray '].button.button-outline-md,
[class*='-darkergray '].button.button-outline-ios {
  color: #383838;
  background-color: #ffffff;
  border: thin solid #383838;
}

[class$='-darkergray'].button.button-outline-md:hover:not(.disable-hover), [class$='-darkergray'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='darkergray'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='darkergray'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-darkergray '].button.button-outline-md:hover:not(.disable-hover),
[class*='-darkergray '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #383838;
}

[class$='-darkergray'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-darkergray'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='darkergray'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='darkergray'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-darkergray '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-darkergray '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-darkergray'].button-clear .icon, [class$='-darkergray'].button-outline-md .icon, [class$='-darkergray'].button-outline-ios .icon, [class$='-darkergray'][icon-only] .icon, ion-col[color='darkergray'].button-clear .icon, ion-col[color='darkergray'].button-outline-md .icon, ion-col[color='darkergray'].button-outline-ios .icon, ion-col[color='darkergray'][icon-only] .icon,
[class*='-darkergray '].button-clear .icon,
[class*='-darkergray '].button-outline-md .icon,
[class*='-darkergray '].button-outline-ios .icon,
[class*='-darkergray '][icon-only] .icon {
  color: #383838;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #ea6c37;
}

[class$='-orange'], ion-col[color='orange'],
[class*='-orange '] {
  color: #ea6c37;
}

[class$='-orange'].col, ion-col[color='orange'].col,
[class*='-orange '].col {
  background-color: #ea6c37;
}

[class$='-orange'] .toolbar-background, ion-col[color='orange'] .toolbar-background,
[class*='-orange '] .toolbar-background {
  background-color: transparent;
}

[class$='-orange'].footer .toolbar .toolbar-background, [class$='-orange']:has(.footer) .toolbar .toolbar-background, ion-col[color='orange'].footer .toolbar .toolbar-background, ion-col[color='orange']:has(.footer) .toolbar .toolbar-background,
[class*='-orange '].footer .toolbar .toolbar-background,
[class*='-orange ']:has(.footer) .toolbar .toolbar-background {
  background-color: #ea6c37;
}

[class$='-orange'].badge, [class$='-orange'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='orange'].badge, ion-col[color='orange'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-orange '].badge,
[class*='-orange '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #ea6c37;
}

[class$='-orange'].button:hover:not(.disable-hover), ion-col[color='orange'].button:hover:not(.disable-hover),
[class*='-orange '].button:hover:not(.disable-hover) {
  color: #ea6c37;
  background-color: #ffffff;
  border: thin solid #ea6c37;
}

[class$='-orange'].button.button-outline-md, [class$='-orange'].button.button-outline-ios, ion-col[color='orange'].button.button-outline-md, ion-col[color='orange'].button.button-outline-ios,
[class*='-orange '].button.button-outline-md,
[class*='-orange '].button.button-outline-ios {
  color: #ea6c37;
  background-color: #ffffff;
  border: thin solid #ea6c37;
}

[class$='-orange'].button.button-outline-md:hover:not(.disable-hover), [class$='-orange'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='orange'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='orange'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-orange '].button.button-outline-md:hover:not(.disable-hover),
[class*='-orange '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #ea6c37;
}

[class$='-orange'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-orange'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='orange'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='orange'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-orange '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-orange '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-orange'].button-clear .icon, [class$='-orange'].button-outline-md .icon, [class$='-orange'].button-outline-ios .icon, [class$='-orange'][icon-only] .icon, ion-col[color='orange'].button-clear .icon, ion-col[color='orange'].button-outline-md .icon, ion-col[color='orange'].button-outline-ios .icon, ion-col[color='orange'][icon-only] .icon,
[class*='-orange '].button-clear .icon,
[class*='-orange '].button-outline-md .icon,
[class*='-orange '].button-outline-ios .icon,
[class*='-orange '][icon-only] .icon {
  color: #ea6c37;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #636262;
}

[class$='-grayer'], ion-col[color='grayer'],
[class*='-grayer '] {
  color: #636262;
}

[class$='-grayer'].col, ion-col[color='grayer'].col,
[class*='-grayer '].col {
  background-color: #636262;
}

[class$='-grayer'] .toolbar-background, ion-col[color='grayer'] .toolbar-background,
[class*='-grayer '] .toolbar-background {
  background-color: transparent;
}

[class$='-grayer'].footer .toolbar .toolbar-background, [class$='-grayer']:has(.footer) .toolbar .toolbar-background, ion-col[color='grayer'].footer .toolbar .toolbar-background, ion-col[color='grayer']:has(.footer) .toolbar .toolbar-background,
[class*='-grayer '].footer .toolbar .toolbar-background,
[class*='-grayer ']:has(.footer) .toolbar .toolbar-background {
  background-color: #636262;
}

[class$='-grayer'].badge, [class$='-grayer'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='grayer'].badge, ion-col[color='grayer'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-grayer '].badge,
[class*='-grayer '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #636262;
}

[class$='-grayer'].button:hover:not(.disable-hover), ion-col[color='grayer'].button:hover:not(.disable-hover),
[class*='-grayer '].button:hover:not(.disable-hover) {
  color: #636262;
  background-color: #ffffff;
  border: thin solid #636262;
}

[class$='-grayer'].button.button-outline-md, [class$='-grayer'].button.button-outline-ios, ion-col[color='grayer'].button.button-outline-md, ion-col[color='grayer'].button.button-outline-ios,
[class*='-grayer '].button.button-outline-md,
[class*='-grayer '].button.button-outline-ios {
  color: #636262;
  background-color: #ffffff;
  border: thin solid #636262;
}

[class$='-grayer'].button.button-outline-md:hover:not(.disable-hover), [class$='-grayer'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='grayer'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='grayer'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-grayer '].button.button-outline-md:hover:not(.disable-hover),
[class*='-grayer '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #636262;
}

[class$='-grayer'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-grayer'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='grayer'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='grayer'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-grayer '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-grayer '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-grayer'].button-clear .icon, [class$='-grayer'].button-outline-md .icon, [class$='-grayer'].button-outline-ios .icon, [class$='-grayer'][icon-only] .icon, ion-col[color='grayer'].button-clear .icon, ion-col[color='grayer'].button-outline-md .icon, ion-col[color='grayer'].button-outline-ios .icon, ion-col[color='grayer'][icon-only] .icon,
[class*='-grayer '].button-clear .icon,
[class*='-grayer '].button-outline-md .icon,
[class*='-grayer '].button-outline-ios .icon,
[class*='-grayer '][icon-only] .icon {
  color: #636262;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #b21f2f;
}

[class$='-primarytextfffBack'], ion-col[color='primarytextfffBack'],
[class*='-primarytextfffBack '] {
  color: #b21f2f;
}

[class$='-primarytextfffBack'].col, ion-col[color='primarytextfffBack'].col,
[class*='-primarytextfffBack '].col {
  background-color: #b21f2f;
}

[class$='-primarytextfffBack'] .toolbar-background, ion-col[color='primarytextfffBack'] .toolbar-background,
[class*='-primarytextfffBack '] .toolbar-background {
  background-color: transparent;
}

[class$='-primarytextfffBack'].footer .toolbar .toolbar-background, [class$='-primarytextfffBack']:has(.footer) .toolbar .toolbar-background, ion-col[color='primarytextfffBack'].footer .toolbar .toolbar-background, ion-col[color='primarytextfffBack']:has(.footer) .toolbar .toolbar-background,
[class*='-primarytextfffBack '].footer .toolbar .toolbar-background,
[class*='-primarytextfffBack ']:has(.footer) .toolbar .toolbar-background {
  background-color: #b21f2f;
}

[class$='-primarytextfffBack'].badge, [class$='-primarytextfffBack'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='primarytextfffBack'].badge, ion-col[color='primarytextfffBack'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-primarytextfffBack '].badge,
[class*='-primarytextfffBack '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #b21f2f;
}

[class$='-primarytextfffBack'].button:hover:not(.disable-hover), ion-col[color='primarytextfffBack'].button:hover:not(.disable-hover),
[class*='-primarytextfffBack '].button:hover:not(.disable-hover) {
  color: #b21f2f;
  background-color: #ffffff;
  border: thin solid #b21f2f;
}

[class$='-primarytextfffBack'].button.button-outline-md, [class$='-primarytextfffBack'].button.button-outline-ios, ion-col[color='primarytextfffBack'].button.button-outline-md, ion-col[color='primarytextfffBack'].button.button-outline-ios,
[class*='-primarytextfffBack '].button.button-outline-md,
[class*='-primarytextfffBack '].button.button-outline-ios {
  color: #b21f2f;
  background-color: #ffffff;
  border: thin solid #b21f2f;
}

[class$='-primarytextfffBack'].button.button-outline-md:hover:not(.disable-hover), [class$='-primarytextfffBack'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='primarytextfffBack'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='primarytextfffBack'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-primarytextfffBack '].button.button-outline-md:hover:not(.disable-hover),
[class*='-primarytextfffBack '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #b21f2f;
}

[class$='-primarytextfffBack'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-primarytextfffBack'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='primarytextfffBack'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='primarytextfffBack'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-primarytextfffBack '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-primarytextfffBack '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-primarytextfffBack'].button-clear .icon, [class$='-primarytextfffBack'].button-outline-md .icon, [class$='-primarytextfffBack'].button-outline-ios .icon, [class$='-primarytextfffBack'][icon-only] .icon, ion-col[color='primarytextfffBack'].button-clear .icon, ion-col[color='primarytextfffBack'].button-outline-md .icon, ion-col[color='primarytextfffBack'].button-outline-ios .icon, ion-col[color='primarytextfffBack'][icon-only] .icon,
[class*='-primarytextfffBack '].button-clear .icon,
[class*='-primarytextfffBack '].button-outline-md .icon,
[class*='-primarytextfffBack '].button-outline-ios .icon,
[class*='-primarytextfffBack '][icon-only] .icon {
  color: #b21f2f;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #a00c1c;
}

[class$='-darkprimarycolor'], ion-col[color='darkprimarycolor'],
[class*='-darkprimarycolor '] {
  color: #a00c1c;
}

[class$='-darkprimarycolor'].col, ion-col[color='darkprimarycolor'].col,
[class*='-darkprimarycolor '].col {
  background-color: #a00c1c;
}

[class$='-darkprimarycolor'] .toolbar-background, ion-col[color='darkprimarycolor'] .toolbar-background,
[class*='-darkprimarycolor '] .toolbar-background {
  background-color: transparent;
}

[class$='-darkprimarycolor'].footer .toolbar .toolbar-background, [class$='-darkprimarycolor']:has(.footer) .toolbar .toolbar-background, ion-col[color='darkprimarycolor'].footer .toolbar .toolbar-background, ion-col[color='darkprimarycolor']:has(.footer) .toolbar .toolbar-background,
[class*='-darkprimarycolor '].footer .toolbar .toolbar-background,
[class*='-darkprimarycolor ']:has(.footer) .toolbar .toolbar-background {
  background-color: #a00c1c;
}

[class$='-darkprimarycolor'].badge, [class$='-darkprimarycolor'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='darkprimarycolor'].badge, ion-col[color='darkprimarycolor'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-darkprimarycolor '].badge,
[class*='-darkprimarycolor '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #a00c1c;
}

[class$='-darkprimarycolor'].button:hover:not(.disable-hover), ion-col[color='darkprimarycolor'].button:hover:not(.disable-hover),
[class*='-darkprimarycolor '].button:hover:not(.disable-hover) {
  color: #a00c1c;
  background-color: #ffffff;
  border: thin solid #a00c1c;
}

[class$='-darkprimarycolor'].button.button-outline-md, [class$='-darkprimarycolor'].button.button-outline-ios, ion-col[color='darkprimarycolor'].button.button-outline-md, ion-col[color='darkprimarycolor'].button.button-outline-ios,
[class*='-darkprimarycolor '].button.button-outline-md,
[class*='-darkprimarycolor '].button.button-outline-ios {
  color: #a00c1c;
  background-color: #ffffff;
  border: thin solid #a00c1c;
}

[class$='-darkprimarycolor'].button.button-outline-md:hover:not(.disable-hover), [class$='-darkprimarycolor'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='darkprimarycolor'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='darkprimarycolor'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-darkprimarycolor '].button.button-outline-md:hover:not(.disable-hover),
[class*='-darkprimarycolor '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #a00c1c;
}

[class$='-darkprimarycolor'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-darkprimarycolor'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='darkprimarycolor'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='darkprimarycolor'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-darkprimarycolor '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-darkprimarycolor '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-darkprimarycolor'].button-clear .icon, [class$='-darkprimarycolor'].button-outline-md .icon, [class$='-darkprimarycolor'].button-outline-ios .icon, [class$='-darkprimarycolor'][icon-only] .icon, ion-col[color='darkprimarycolor'].button-clear .icon, ion-col[color='darkprimarycolor'].button-outline-md .icon, ion-col[color='darkprimarycolor'].button-outline-ios .icon, ion-col[color='darkprimarycolor'][icon-only] .icon,
[class*='-darkprimarycolor '].button-clear .icon,
[class*='-darkprimarycolor '].button-outline-md .icon,
[class*='-darkprimarycolor '].button-outline-ios .icon,
[class*='-darkprimarycolor '][icon-only] .icon {
  color: #a00c1c;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #d23737;
}

[class$='-primary_mydcaa'], ion-col[color='primary_mydcaa'],
[class*='-primary_mydcaa '] {
  color: #d23737;
}

[class$='-primary_mydcaa'].col, ion-col[color='primary_mydcaa'].col,
[class*='-primary_mydcaa '].col {
  background-color: #d23737;
}

[class$='-primary_mydcaa'] .toolbar-background, ion-col[color='primary_mydcaa'] .toolbar-background,
[class*='-primary_mydcaa '] .toolbar-background {
  background-color: transparent;
}

[class$='-primary_mydcaa'].footer .toolbar .toolbar-background, [class$='-primary_mydcaa']:has(.footer) .toolbar .toolbar-background, ion-col[color='primary_mydcaa'].footer .toolbar .toolbar-background, ion-col[color='primary_mydcaa']:has(.footer) .toolbar .toolbar-background,
[class*='-primary_mydcaa '].footer .toolbar .toolbar-background,
[class*='-primary_mydcaa ']:has(.footer) .toolbar .toolbar-background {
  background-color: #d23737;
}

[class$='-primary_mydcaa'].badge, [class$='-primary_mydcaa'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='primary_mydcaa'].badge, ion-col[color='primary_mydcaa'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-primary_mydcaa '].badge,
[class*='-primary_mydcaa '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #d23737;
}

[class$='-primary_mydcaa'].button:hover:not(.disable-hover), ion-col[color='primary_mydcaa'].button:hover:not(.disable-hover),
[class*='-primary_mydcaa '].button:hover:not(.disable-hover) {
  color: #d23737;
  background-color: #ffffff;
  border: thin solid #d23737;
}

[class$='-primary_mydcaa'].button.button-outline-md, [class$='-primary_mydcaa'].button.button-outline-ios, ion-col[color='primary_mydcaa'].button.button-outline-md, ion-col[color='primary_mydcaa'].button.button-outline-ios,
[class*='-primary_mydcaa '].button.button-outline-md,
[class*='-primary_mydcaa '].button.button-outline-ios {
  color: #d23737;
  background-color: #ffffff;
  border: thin solid #d23737;
}

[class$='-primary_mydcaa'].button.button-outline-md:hover:not(.disable-hover), [class$='-primary_mydcaa'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='primary_mydcaa'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='primary_mydcaa'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-primary_mydcaa '].button.button-outline-md:hover:not(.disable-hover),
[class*='-primary_mydcaa '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #d23737;
}

[class$='-primary_mydcaa'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-primary_mydcaa'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='primary_mydcaa'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='primary_mydcaa'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-primary_mydcaa '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-primary_mydcaa '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-primary_mydcaa'].button-clear .icon, [class$='-primary_mydcaa'].button-outline-md .icon, [class$='-primary_mydcaa'].button-outline-ios .icon, [class$='-primary_mydcaa'][icon-only] .icon, ion-col[color='primary_mydcaa'].button-clear .icon, ion-col[color='primary_mydcaa'].button-outline-md .icon, ion-col[color='primary_mydcaa'].button-outline-ios .icon, ion-col[color='primary_mydcaa'][icon-only] .icon,
[class*='-primary_mydcaa '].button-clear .icon,
[class*='-primary_mydcaa '].button-outline-md .icon,
[class*='-primary_mydcaa '].button-outline-ios .icon,
[class*='-primary_mydcaa '][icon-only] .icon {
  color: #d23737;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #4f4f4f;
}

[class$='-darkestgray2'], ion-col[color='darkestgray2'],
[class*='-darkestgray2 '] {
  color: #4f4f4f;
}

[class$='-darkestgray2'].col, ion-col[color='darkestgray2'].col,
[class*='-darkestgray2 '].col {
  background-color: #4f4f4f;
}

[class$='-darkestgray2'] .toolbar-background, ion-col[color='darkestgray2'] .toolbar-background,
[class*='-darkestgray2 '] .toolbar-background {
  background-color: transparent;
}

[class$='-darkestgray2'].footer .toolbar .toolbar-background, [class$='-darkestgray2']:has(.footer) .toolbar .toolbar-background, ion-col[color='darkestgray2'].footer .toolbar .toolbar-background, ion-col[color='darkestgray2']:has(.footer) .toolbar .toolbar-background,
[class*='-darkestgray2 '].footer .toolbar .toolbar-background,
[class*='-darkestgray2 ']:has(.footer) .toolbar .toolbar-background {
  background-color: #4f4f4f;
}

[class$='-darkestgray2'].badge, [class$='-darkestgray2'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='darkestgray2'].badge, ion-col[color='darkestgray2'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-darkestgray2 '].badge,
[class*='-darkestgray2 '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #4f4f4f;
}

[class$='-darkestgray2'].button:hover:not(.disable-hover), ion-col[color='darkestgray2'].button:hover:not(.disable-hover),
[class*='-darkestgray2 '].button:hover:not(.disable-hover) {
  color: #4f4f4f;
  background-color: #ffffff;
  border: thin solid #4f4f4f;
}

[class$='-darkestgray2'].button.button-outline-md, [class$='-darkestgray2'].button.button-outline-ios, ion-col[color='darkestgray2'].button.button-outline-md, ion-col[color='darkestgray2'].button.button-outline-ios,
[class*='-darkestgray2 '].button.button-outline-md,
[class*='-darkestgray2 '].button.button-outline-ios {
  color: #4f4f4f;
  background-color: #ffffff;
  border: thin solid #4f4f4f;
}

[class$='-darkestgray2'].button.button-outline-md:hover:not(.disable-hover), [class$='-darkestgray2'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='darkestgray2'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='darkestgray2'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-darkestgray2 '].button.button-outline-md:hover:not(.disable-hover),
[class*='-darkestgray2 '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #4f4f4f;
}

[class$='-darkestgray2'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-darkestgray2'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='darkestgray2'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='darkestgray2'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-darkestgray2 '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-darkestgray2 '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-darkestgray2'].button-clear .icon, [class$='-darkestgray2'].button-outline-md .icon, [class$='-darkestgray2'].button-outline-ios .icon, [class$='-darkestgray2'][icon-only] .icon, ion-col[color='darkestgray2'].button-clear .icon, ion-col[color='darkestgray2'].button-outline-md .icon, ion-col[color='darkestgray2'].button-outline-ios .icon, ion-col[color='darkestgray2'][icon-only] .icon,
[class*='-darkestgray2 '].button-clear .icon,
[class*='-darkestgray2 '].button-outline-md .icon,
[class*='-darkestgray2 '].button-outline-ios .icon,
[class*='-darkestgray2 '][icon-only] .icon {
  color: #4f4f4f;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #c79921;
}

[class$='-dcaaColor'], ion-col[color='dcaaColor'],
[class*='-dcaaColor '] {
  color: #c79921;
}

[class$='-dcaaColor'].col, ion-col[color='dcaaColor'].col,
[class*='-dcaaColor '].col {
  background-color: #c79921;
}

[class$='-dcaaColor'] .toolbar-background, ion-col[color='dcaaColor'] .toolbar-background,
[class*='-dcaaColor '] .toolbar-background {
  background-color: transparent;
}

[class$='-dcaaColor'].footer .toolbar .toolbar-background, [class$='-dcaaColor']:has(.footer) .toolbar .toolbar-background, ion-col[color='dcaaColor'].footer .toolbar .toolbar-background, ion-col[color='dcaaColor']:has(.footer) .toolbar .toolbar-background,
[class*='-dcaaColor '].footer .toolbar .toolbar-background,
[class*='-dcaaColor ']:has(.footer) .toolbar .toolbar-background {
  background-color: #c79921;
}

[class$='-dcaaColor'].badge, [class$='-dcaaColor'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='dcaaColor'].badge, ion-col[color='dcaaColor'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-dcaaColor '].badge,
[class*='-dcaaColor '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #c79921;
}

[class$='-dcaaColor'].button:hover:not(.disable-hover), ion-col[color='dcaaColor'].button:hover:not(.disable-hover),
[class*='-dcaaColor '].button:hover:not(.disable-hover) {
  color: #c79921;
  background-color: #ffffff;
  border: thin solid #c79921;
}

[class$='-dcaaColor'].button.button-outline-md, [class$='-dcaaColor'].button.button-outline-ios, ion-col[color='dcaaColor'].button.button-outline-md, ion-col[color='dcaaColor'].button.button-outline-ios,
[class*='-dcaaColor '].button.button-outline-md,
[class*='-dcaaColor '].button.button-outline-ios {
  color: #c79921;
  background-color: #ffffff;
  border: thin solid #c79921;
}

[class$='-dcaaColor'].button.button-outline-md:hover:not(.disable-hover), [class$='-dcaaColor'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='dcaaColor'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='dcaaColor'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-dcaaColor '].button.button-outline-md:hover:not(.disable-hover),
[class*='-dcaaColor '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #c79921;
}

[class$='-dcaaColor'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-dcaaColor'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='dcaaColor'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='dcaaColor'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-dcaaColor '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-dcaaColor '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-dcaaColor'].button-clear .icon, [class$='-dcaaColor'].button-outline-md .icon, [class$='-dcaaColor'].button-outline-ios .icon, [class$='-dcaaColor'][icon-only] .icon, ion-col[color='dcaaColor'].button-clear .icon, ion-col[color='dcaaColor'].button-outline-md .icon, ion-col[color='dcaaColor'].button-outline-ios .icon, ion-col[color='dcaaColor'][icon-only] .icon,
[class*='-dcaaColor '].button-clear .icon,
[class*='-dcaaColor '].button-outline-md .icon,
[class*='-dcaaColor '].button-outline-ios .icon,
[class*='-dcaaColor '][icon-only] .icon {
  color: #c79921;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #ec322a;
}

[class$='-myLightDanger'], ion-col[color='myLightDanger'],
[class*='-myLightDanger '] {
  color: #ec322a;
}

[class$='-myLightDanger'].col, ion-col[color='myLightDanger'].col,
[class*='-myLightDanger '].col {
  background-color: #ec322a;
}

[class$='-myLightDanger'] .toolbar-background, ion-col[color='myLightDanger'] .toolbar-background,
[class*='-myLightDanger '] .toolbar-background {
  background-color: transparent;
}

[class$='-myLightDanger'].footer .toolbar .toolbar-background, [class$='-myLightDanger']:has(.footer) .toolbar .toolbar-background, ion-col[color='myLightDanger'].footer .toolbar .toolbar-background, ion-col[color='myLightDanger']:has(.footer) .toolbar .toolbar-background,
[class*='-myLightDanger '].footer .toolbar .toolbar-background,
[class*='-myLightDanger ']:has(.footer) .toolbar .toolbar-background {
  background-color: #ec322a;
}

[class$='-myLightDanger'].badge, [class$='-myLightDanger'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='myLightDanger'].badge, ion-col[color='myLightDanger'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-myLightDanger '].badge,
[class*='-myLightDanger '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #ec322a;
}

[class$='-myLightDanger'].button:hover:not(.disable-hover), ion-col[color='myLightDanger'].button:hover:not(.disable-hover),
[class*='-myLightDanger '].button:hover:not(.disable-hover) {
  color: #ec322a;
  background-color: #ffffff;
  border: thin solid #ec322a;
}

[class$='-myLightDanger'].button.button-outline-md, [class$='-myLightDanger'].button.button-outline-ios, ion-col[color='myLightDanger'].button.button-outline-md, ion-col[color='myLightDanger'].button.button-outline-ios,
[class*='-myLightDanger '].button.button-outline-md,
[class*='-myLightDanger '].button.button-outline-ios {
  color: #ec322a;
  background-color: #ffffff;
  border: thin solid #ec322a;
}

[class$='-myLightDanger'].button.button-outline-md:hover:not(.disable-hover), [class$='-myLightDanger'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='myLightDanger'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='myLightDanger'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-myLightDanger '].button.button-outline-md:hover:not(.disable-hover),
[class*='-myLightDanger '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #ec322a;
}

[class$='-myLightDanger'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-myLightDanger'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='myLightDanger'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='myLightDanger'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-myLightDanger '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-myLightDanger '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-myLightDanger'].button-clear .icon, [class$='-myLightDanger'].button-outline-md .icon, [class$='-myLightDanger'].button-outline-ios .icon, [class$='-myLightDanger'][icon-only] .icon, ion-col[color='myLightDanger'].button-clear .icon, ion-col[color='myLightDanger'].button-outline-md .icon, ion-col[color='myLightDanger'].button-outline-ios .icon, ion-col[color='myLightDanger'][icon-only] .icon,
[class*='-myLightDanger '].button-clear .icon,
[class*='-myLightDanger '].button-outline-md .icon,
[class*='-myLightDanger '].button-outline-ios .icon,
[class*='-myLightDanger '][icon-only] .icon {
  color: #ec322a;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #b21f2f;
}

[class$='-mylightprimary'], ion-col[color='mylightprimary'],
[class*='-mylightprimary '] {
  color: #b21f2f;
}

[class$='-mylightprimary'].col, ion-col[color='mylightprimary'].col,
[class*='-mylightprimary '].col {
  background-color: #b21f2f;
}

[class$='-mylightprimary'] .toolbar-background, ion-col[color='mylightprimary'] .toolbar-background,
[class*='-mylightprimary '] .toolbar-background {
  background-color: transparent;
}

[class$='-mylightprimary'].footer .toolbar .toolbar-background, [class$='-mylightprimary']:has(.footer) .toolbar .toolbar-background, ion-col[color='mylightprimary'].footer .toolbar .toolbar-background, ion-col[color='mylightprimary']:has(.footer) .toolbar .toolbar-background,
[class*='-mylightprimary '].footer .toolbar .toolbar-background,
[class*='-mylightprimary ']:has(.footer) .toolbar .toolbar-background {
  background-color: #b21f2f;
}

[class$='-mylightprimary'].badge, [class$='-mylightprimary'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='mylightprimary'].badge, ion-col[color='mylightprimary'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-mylightprimary '].badge,
[class*='-mylightprimary '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #b21f2f;
}

[class$='-mylightprimary'].button:hover:not(.disable-hover), ion-col[color='mylightprimary'].button:hover:not(.disable-hover),
[class*='-mylightprimary '].button:hover:not(.disable-hover) {
  color: #b21f2f;
  background-color: #ffffff;
  border: thin solid #b21f2f;
}

[class$='-mylightprimary'].button.button-outline-md, [class$='-mylightprimary'].button.button-outline-ios, ion-col[color='mylightprimary'].button.button-outline-md, ion-col[color='mylightprimary'].button.button-outline-ios,
[class*='-mylightprimary '].button.button-outline-md,
[class*='-mylightprimary '].button.button-outline-ios {
  color: #b21f2f;
  background-color: #ffffff;
  border: thin solid #b21f2f;
}

[class$='-mylightprimary'].button.button-outline-md:hover:not(.disable-hover), [class$='-mylightprimary'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='mylightprimary'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='mylightprimary'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-mylightprimary '].button.button-outline-md:hover:not(.disable-hover),
[class*='-mylightprimary '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #b21f2f;
}

[class$='-mylightprimary'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-mylightprimary'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='mylightprimary'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='mylightprimary'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-mylightprimary '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-mylightprimary '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-mylightprimary'].button-clear .icon, [class$='-mylightprimary'].button-outline-md .icon, [class$='-mylightprimary'].button-outline-ios .icon, [class$='-mylightprimary'][icon-only] .icon, ion-col[color='mylightprimary'].button-clear .icon, ion-col[color='mylightprimary'].button-outline-md .icon, ion-col[color='mylightprimary'].button-outline-ios .icon, ion-col[color='mylightprimary'][icon-only] .icon,
[class*='-mylightprimary '].button-clear .icon,
[class*='-mylightprimary '].button-outline-md .icon,
[class*='-mylightprimary '].button-outline-ios .icon,
[class*='-mylightprimary '][icon-only] .icon {
  color: #b21f2f;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #f2f2f2;
}

[class$='-lightgray'], ion-col[color='lightgray'],
[class*='-lightgray '] {
  color: #f2f2f2;
}

[class$='-lightgray'].col, ion-col[color='lightgray'].col,
[class*='-lightgray '].col {
  background-color: #f2f2f2;
}

[class$='-lightgray'] .toolbar-background, ion-col[color='lightgray'] .toolbar-background,
[class*='-lightgray '] .toolbar-background {
  background-color: transparent;
}

[class$='-lightgray'].footer .toolbar .toolbar-background, [class$='-lightgray']:has(.footer) .toolbar .toolbar-background, ion-col[color='lightgray'].footer .toolbar .toolbar-background, ion-col[color='lightgray']:has(.footer) .toolbar .toolbar-background,
[class*='-lightgray '].footer .toolbar .toolbar-background,
[class*='-lightgray ']:has(.footer) .toolbar .toolbar-background {
  background-color: #f2f2f2;
}

[class$='-lightgray'].badge, [class$='-lightgray'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='lightgray'].badge, ion-col[color='lightgray'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-lightgray '].badge,
[class*='-lightgray '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #f2f2f2;
}

[class$='-lightgray'].button:hover:not(.disable-hover), ion-col[color='lightgray'].button:hover:not(.disable-hover),
[class*='-lightgray '].button:hover:not(.disable-hover) {
  color: #f2f2f2;
  background-color: #ffffff;
  border: thin solid #f2f2f2;
}

[class$='-lightgray'].button.button-outline-md, [class$='-lightgray'].button.button-outline-ios, ion-col[color='lightgray'].button.button-outline-md, ion-col[color='lightgray'].button.button-outline-ios,
[class*='-lightgray '].button.button-outline-md,
[class*='-lightgray '].button.button-outline-ios {
  color: #f2f2f2;
  background-color: #ffffff;
  border: thin solid #f2f2f2;
}

[class$='-lightgray'].button.button-outline-md:hover:not(.disable-hover), [class$='-lightgray'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='lightgray'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='lightgray'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-lightgray '].button.button-outline-md:hover:not(.disable-hover),
[class*='-lightgray '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #f2f2f2;
}

[class$='-lightgray'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-lightgray'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='lightgray'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='lightgray'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-lightgray '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-lightgray '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-lightgray'].button-clear .icon, [class$='-lightgray'].button-outline-md .icon, [class$='-lightgray'].button-outline-ios .icon, [class$='-lightgray'][icon-only] .icon, ion-col[color='lightgray'].button-clear .icon, ion-col[color='lightgray'].button-outline-md .icon, ion-col[color='lightgray'].button-outline-ios .icon, ion-col[color='lightgray'][icon-only] .icon,
[class*='-lightgray '].button-clear .icon,
[class*='-lightgray '].button-outline-md .icon,
[class*='-lightgray '].button-outline-ios .icon,
[class*='-lightgray '][icon-only] .icon {
  color: #f2f2f2;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #c79921;
}

[class$='-mydcaaGold'], ion-col[color='mydcaaGold'],
[class*='-mydcaaGold '] {
  color: #c79921;
}

[class$='-mydcaaGold'].col, ion-col[color='mydcaaGold'].col,
[class*='-mydcaaGold '].col {
  background-color: #c79921;
}

[class$='-mydcaaGold'] .toolbar-background, ion-col[color='mydcaaGold'] .toolbar-background,
[class*='-mydcaaGold '] .toolbar-background {
  background-color: transparent;
}

[class$='-mydcaaGold'].footer .toolbar .toolbar-background, [class$='-mydcaaGold']:has(.footer) .toolbar .toolbar-background, ion-col[color='mydcaaGold'].footer .toolbar .toolbar-background, ion-col[color='mydcaaGold']:has(.footer) .toolbar .toolbar-background,
[class*='-mydcaaGold '].footer .toolbar .toolbar-background,
[class*='-mydcaaGold ']:has(.footer) .toolbar .toolbar-background {
  background-color: #c79921;
}

[class$='-mydcaaGold'].badge, [class$='-mydcaaGold'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='mydcaaGold'].badge, ion-col[color='mydcaaGold'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-mydcaaGold '].badge,
[class*='-mydcaaGold '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #c79921;
}

[class$='-mydcaaGold'].button:hover:not(.disable-hover), ion-col[color='mydcaaGold'].button:hover:not(.disable-hover),
[class*='-mydcaaGold '].button:hover:not(.disable-hover) {
  color: #c79921;
  background-color: #ffffff;
  border: thin solid #c79921;
}

[class$='-mydcaaGold'].button.button-outline-md, [class$='-mydcaaGold'].button.button-outline-ios, ion-col[color='mydcaaGold'].button.button-outline-md, ion-col[color='mydcaaGold'].button.button-outline-ios,
[class*='-mydcaaGold '].button.button-outline-md,
[class*='-mydcaaGold '].button.button-outline-ios {
  color: #c79921;
  background-color: #ffffff;
  border: thin solid #c79921;
}

[class$='-mydcaaGold'].button.button-outline-md:hover:not(.disable-hover), [class$='-mydcaaGold'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='mydcaaGold'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='mydcaaGold'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-mydcaaGold '].button.button-outline-md:hover:not(.disable-hover),
[class*='-mydcaaGold '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #c79921;
}

[class$='-mydcaaGold'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-mydcaaGold'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='mydcaaGold'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='mydcaaGold'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-mydcaaGold '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-mydcaaGold '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-mydcaaGold'].button-clear .icon, [class$='-mydcaaGold'].button-outline-md .icon, [class$='-mydcaaGold'].button-outline-ios .icon, [class$='-mydcaaGold'][icon-only] .icon, ion-col[color='mydcaaGold'].button-clear .icon, ion-col[color='mydcaaGold'].button-outline-md .icon, ion-col[color='mydcaaGold'].button-outline-ios .icon, ion-col[color='mydcaaGold'][icon-only] .icon,
[class*='-mydcaaGold '].button-clear .icon,
[class*='-mydcaaGold '].button-outline-md .icon,
[class*='-mydcaaGold '].button-outline-ios .icon,
[class*='-mydcaaGold '][icon-only] .icon {
  color: #c79921;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #c79921;
}

[class$='-whiteGold'], ion-col[color='whiteGold'],
[class*='-whiteGold '] {
  color: #c79921;
}

[class$='-whiteGold'].col, ion-col[color='whiteGold'].col,
[class*='-whiteGold '].col {
  background-color: #c79921;
}

[class$='-whiteGold'] .toolbar-background, ion-col[color='whiteGold'] .toolbar-background,
[class*='-whiteGold '] .toolbar-background {
  background-color: transparent;
}

[class$='-whiteGold'].footer .toolbar .toolbar-background, [class$='-whiteGold']:has(.footer) .toolbar .toolbar-background, ion-col[color='whiteGold'].footer .toolbar .toolbar-background, ion-col[color='whiteGold']:has(.footer) .toolbar .toolbar-background,
[class*='-whiteGold '].footer .toolbar .toolbar-background,
[class*='-whiteGold ']:has(.footer) .toolbar .toolbar-background {
  background-color: #c79921;
}

[class$='-whiteGold'].badge, [class$='-whiteGold'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='whiteGold'].badge, ion-col[color='whiteGold'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-whiteGold '].badge,
[class*='-whiteGold '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #c79921;
}

[class$='-whiteGold'].button:hover:not(.disable-hover), ion-col[color='whiteGold'].button:hover:not(.disable-hover),
[class*='-whiteGold '].button:hover:not(.disable-hover) {
  color: #c79921;
  background-color: #ffffff;
  border: thin solid #c79921;
}

[class$='-whiteGold'].button.button-outline-md, [class$='-whiteGold'].button.button-outline-ios, ion-col[color='whiteGold'].button.button-outline-md, ion-col[color='whiteGold'].button.button-outline-ios,
[class*='-whiteGold '].button.button-outline-md,
[class*='-whiteGold '].button.button-outline-ios {
  color: #c79921;
  background-color: #ffffff;
  border: thin solid #c79921;
}

[class$='-whiteGold'].button.button-outline-md:hover:not(.disable-hover), [class$='-whiteGold'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='whiteGold'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='whiteGold'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-whiteGold '].button.button-outline-md:hover:not(.disable-hover),
[class*='-whiteGold '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #c79921;
}

[class$='-whiteGold'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-whiteGold'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='whiteGold'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='whiteGold'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-whiteGold '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-whiteGold '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-whiteGold'].button-clear .icon, [class$='-whiteGold'].button-outline-md .icon, [class$='-whiteGold'].button-outline-ios .icon, [class$='-whiteGold'][icon-only] .icon, ion-col[color='whiteGold'].button-clear .icon, ion-col[color='whiteGold'].button-outline-md .icon, ion-col[color='whiteGold'].button-outline-ios .icon, ion-col[color='whiteGold'][icon-only] .icon,
[class*='-whiteGold '].button-clear .icon,
[class*='-whiteGold '].button-outline-md .icon,
[class*='-whiteGold '].button-outline-ios .icon,
[class*='-whiteGold '][icon-only] .icon {
  color: #c79921;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #cfa508;
}

[class$='-logogold'], ion-col[color='logogold'],
[class*='-logogold '] {
  color: #cfa508;
}

[class$='-logogold'].col, ion-col[color='logogold'].col,
[class*='-logogold '].col {
  background-color: #cfa508;
}

[class$='-logogold'] .toolbar-background, ion-col[color='logogold'] .toolbar-background,
[class*='-logogold '] .toolbar-background {
  background-color: transparent;
}

[class$='-logogold'].footer .toolbar .toolbar-background, [class$='-logogold']:has(.footer) .toolbar .toolbar-background, ion-col[color='logogold'].footer .toolbar .toolbar-background, ion-col[color='logogold']:has(.footer) .toolbar .toolbar-background,
[class*='-logogold '].footer .toolbar .toolbar-background,
[class*='-logogold ']:has(.footer) .toolbar .toolbar-background {
  background-color: #cfa508;
}

[class$='-logogold'].badge, [class$='-logogold'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='logogold'].badge, ion-col[color='logogold'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-logogold '].badge,
[class*='-logogold '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #cfa508;
}

[class$='-logogold'].button:hover:not(.disable-hover), ion-col[color='logogold'].button:hover:not(.disable-hover),
[class*='-logogold '].button:hover:not(.disable-hover) {
  color: #cfa508;
  background-color: #ffffff;
  border: thin solid #cfa508;
}

[class$='-logogold'].button.button-outline-md, [class$='-logogold'].button.button-outline-ios, ion-col[color='logogold'].button.button-outline-md, ion-col[color='logogold'].button.button-outline-ios,
[class*='-logogold '].button.button-outline-md,
[class*='-logogold '].button.button-outline-ios {
  color: #cfa508;
  background-color: #ffffff;
  border: thin solid #cfa508;
}

[class$='-logogold'].button.button-outline-md:hover:not(.disable-hover), [class$='-logogold'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='logogold'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='logogold'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-logogold '].button.button-outline-md:hover:not(.disable-hover),
[class*='-logogold '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #cfa508;
}

[class$='-logogold'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-logogold'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='logogold'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='logogold'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-logogold '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-logogold '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-logogold'].button-clear .icon, [class$='-logogold'].button-outline-md .icon, [class$='-logogold'].button-outline-ios .icon, [class$='-logogold'][icon-only] .icon, ion-col[color='logogold'].button-clear .icon, ion-col[color='logogold'].button-outline-md .icon, ion-col[color='logogold'].button-outline-ios .icon, ion-col[color='logogold'][icon-only] .icon,
[class*='-logogold '].button-clear .icon,
[class*='-logogold '].button-outline-md .icon,
[class*='-logogold '].button-outline-ios .icon,
[class*='-logogold '][icon-only] .icon {
  color: #cfa508;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #000;
}

[class$='-darkest'], ion-col[color='darkest'],
[class*='-darkest '] {
  color: #000;
}

[class$='-darkest'].col, ion-col[color='darkest'].col,
[class*='-darkest '].col {
  background-color: #000;
}

[class$='-darkest'] .toolbar-background, ion-col[color='darkest'] .toolbar-background,
[class*='-darkest '] .toolbar-background {
  background-color: transparent;
}

[class$='-darkest'].footer .toolbar .toolbar-background, [class$='-darkest']:has(.footer) .toolbar .toolbar-background, ion-col[color='darkest'].footer .toolbar .toolbar-background, ion-col[color='darkest']:has(.footer) .toolbar .toolbar-background,
[class*='-darkest '].footer .toolbar .toolbar-background,
[class*='-darkest ']:has(.footer) .toolbar .toolbar-background {
  background-color: #000;
}

[class$='-darkest'].badge, [class$='-darkest'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='darkest'].badge, ion-col[color='darkest'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-darkest '].badge,
[class*='-darkest '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #000;
}

[class$='-darkest'].button:hover:not(.disable-hover), ion-col[color='darkest'].button:hover:not(.disable-hover),
[class*='-darkest '].button:hover:not(.disable-hover) {
  color: #000;
  background-color: #ffffff;
  border: thin solid #000;
}

[class$='-darkest'].button.button-outline-md, [class$='-darkest'].button.button-outline-ios, ion-col[color='darkest'].button.button-outline-md, ion-col[color='darkest'].button.button-outline-ios,
[class*='-darkest '].button.button-outline-md,
[class*='-darkest '].button.button-outline-ios {
  color: #000;
  background-color: #ffffff;
  border: thin solid #000;
}

[class$='-darkest'].button.button-outline-md:hover:not(.disable-hover), [class$='-darkest'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='darkest'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='darkest'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-darkest '].button.button-outline-md:hover:not(.disable-hover),
[class*='-darkest '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #000;
}

[class$='-darkest'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-darkest'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='darkest'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='darkest'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-darkest '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-darkest '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-darkest'].button-clear .icon, [class$='-darkest'].button-outline-md .icon, [class$='-darkest'].button-outline-ios .icon, [class$='-darkest'][icon-only] .icon, ion-col[color='darkest'].button-clear .icon, ion-col[color='darkest'].button-outline-md .icon, ion-col[color='darkest'].button-outline-ios .icon, ion-col[color='darkest'][icon-only] .icon,
[class*='-darkest '].button-clear .icon,
[class*='-darkest '].button-outline-md .icon,
[class*='-darkest '].button-outline-ios .icon,
[class*='-darkest '][icon-only] .icon {
  color: #000;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #b6b7b6;
}

[class$='-foldergray'], ion-col[color='foldergray'],
[class*='-foldergray '] {
  color: #b6b7b6;
}

[class$='-foldergray'].col, ion-col[color='foldergray'].col,
[class*='-foldergray '].col {
  background-color: #b6b7b6;
}

[class$='-foldergray'] .toolbar-background, ion-col[color='foldergray'] .toolbar-background,
[class*='-foldergray '] .toolbar-background {
  background-color: transparent;
}

[class$='-foldergray'].footer .toolbar .toolbar-background, [class$='-foldergray']:has(.footer) .toolbar .toolbar-background, ion-col[color='foldergray'].footer .toolbar .toolbar-background, ion-col[color='foldergray']:has(.footer) .toolbar .toolbar-background,
[class*='-foldergray '].footer .toolbar .toolbar-background,
[class*='-foldergray ']:has(.footer) .toolbar .toolbar-background {
  background-color: #b6b7b6;
}

[class$='-foldergray'].badge, [class$='-foldergray'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='foldergray'].badge, ion-col[color='foldergray'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-foldergray '].badge,
[class*='-foldergray '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #b6b7b6;
}

[class$='-foldergray'].button:hover:not(.disable-hover), ion-col[color='foldergray'].button:hover:not(.disable-hover),
[class*='-foldergray '].button:hover:not(.disable-hover) {
  color: #b6b7b6;
  background-color: #ffffff;
  border: thin solid #b6b7b6;
}

[class$='-foldergray'].button.button-outline-md, [class$='-foldergray'].button.button-outline-ios, ion-col[color='foldergray'].button.button-outline-md, ion-col[color='foldergray'].button.button-outline-ios,
[class*='-foldergray '].button.button-outline-md,
[class*='-foldergray '].button.button-outline-ios {
  color: #b6b7b6;
  background-color: #ffffff;
  border: thin solid #b6b7b6;
}

[class$='-foldergray'].button.button-outline-md:hover:not(.disable-hover), [class$='-foldergray'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='foldergray'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='foldergray'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-foldergray '].button.button-outline-md:hover:not(.disable-hover),
[class*='-foldergray '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #b6b7b6;
}

[class$='-foldergray'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-foldergray'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='foldergray'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='foldergray'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-foldergray '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-foldergray '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-foldergray'].button-clear .icon, [class$='-foldergray'].button-outline-md .icon, [class$='-foldergray'].button-outline-ios .icon, [class$='-foldergray'][icon-only] .icon, ion-col[color='foldergray'].button-clear .icon, ion-col[color='foldergray'].button-outline-md .icon, ion-col[color='foldergray'].button-outline-ios .icon, ion-col[color='foldergray'][icon-only] .icon,
[class*='-foldergray '].button-clear .icon,
[class*='-foldergray '].button-outline-md .icon,
[class*='-foldergray '].button-outline-ios .icon,
[class*='-foldergray '][icon-only] .icon {
  color: #b6b7b6;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #f53d3d;
}

[class$='-danger'], ion-col[color='danger'],
[class*='-danger '] {
  color: #f53d3d;
}

[class$='-danger'].col, ion-col[color='danger'].col,
[class*='-danger '].col {
  background-color: #f53d3d;
}

[class$='-danger'] .toolbar-background, ion-col[color='danger'] .toolbar-background,
[class*='-danger '] .toolbar-background {
  background-color: transparent;
}

[class$='-danger'].footer .toolbar .toolbar-background, [class$='-danger']:has(.footer) .toolbar .toolbar-background, ion-col[color='danger'].footer .toolbar .toolbar-background, ion-col[color='danger']:has(.footer) .toolbar .toolbar-background,
[class*='-danger '].footer .toolbar .toolbar-background,
[class*='-danger ']:has(.footer) .toolbar .toolbar-background {
  background-color: #f53d3d;
}

[class$='-danger'].badge, [class$='-danger'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='danger'].badge, ion-col[color='danger'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-danger '].badge,
[class*='-danger '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #f53d3d;
}

[class$='-danger'].button:hover:not(.disable-hover), ion-col[color='danger'].button:hover:not(.disable-hover),
[class*='-danger '].button:hover:not(.disable-hover) {
  color: #f53d3d;
  background-color: #ffffff;
  border: thin solid #f53d3d;
}

[class$='-danger'].button.button-outline-md, [class$='-danger'].button.button-outline-ios, ion-col[color='danger'].button.button-outline-md, ion-col[color='danger'].button.button-outline-ios,
[class*='-danger '].button.button-outline-md,
[class*='-danger '].button.button-outline-ios {
  color: #f53d3d;
  background-color: #ffffff;
  border: thin solid #f53d3d;
}

[class$='-danger'].button.button-outline-md:hover:not(.disable-hover), [class$='-danger'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='danger'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='danger'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-danger '].button.button-outline-md:hover:not(.disable-hover),
[class*='-danger '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #f53d3d;
}

[class$='-danger'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-danger'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='danger'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='danger'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-danger '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-danger '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-danger'].button-clear .icon, [class$='-danger'].button-outline-md .icon, [class$='-danger'].button-outline-ios .icon, [class$='-danger'][icon-only] .icon, ion-col[color='danger'].button-clear .icon, ion-col[color='danger'].button-outline-md .icon, ion-col[color='danger'].button-outline-ios .icon, ion-col[color='danger'][icon-only] .icon,
[class*='-danger '].button-clear .icon,
[class*='-danger '].button-outline-md .icon,
[class*='-danger '].button-outline-ios .icon,
[class*='-danger '][icon-only] .icon {
  color: #f53d3d;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #32db64;
}

[class$='-secondary'], ion-col[color='secondary'],
[class*='-secondary '] {
  color: #32db64;
}

[class$='-secondary'].col, ion-col[color='secondary'].col,
[class*='-secondary '].col {
  background-color: #32db64;
}

[class$='-secondary'] .toolbar-background, ion-col[color='secondary'] .toolbar-background,
[class*='-secondary '] .toolbar-background {
  background-color: transparent;
}

[class$='-secondary'].footer .toolbar .toolbar-background, [class$='-secondary']:has(.footer) .toolbar .toolbar-background, ion-col[color='secondary'].footer .toolbar .toolbar-background, ion-col[color='secondary']:has(.footer) .toolbar .toolbar-background,
[class*='-secondary '].footer .toolbar .toolbar-background,
[class*='-secondary ']:has(.footer) .toolbar .toolbar-background {
  background-color: #32db64;
}

[class$='-secondary'].badge, [class$='-secondary'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='secondary'].badge, ion-col[color='secondary'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-secondary '].badge,
[class*='-secondary '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #32db64;
}

[class$='-secondary'].button:hover:not(.disable-hover), ion-col[color='secondary'].button:hover:not(.disable-hover),
[class*='-secondary '].button:hover:not(.disable-hover) {
  color: #32db64;
  background-color: #ffffff;
  border: thin solid #32db64;
}

[class$='-secondary'].button.button-outline-md, [class$='-secondary'].button.button-outline-ios, ion-col[color='secondary'].button.button-outline-md, ion-col[color='secondary'].button.button-outline-ios,
[class*='-secondary '].button.button-outline-md,
[class*='-secondary '].button.button-outline-ios {
  color: #32db64;
  background-color: #ffffff;
  border: thin solid #32db64;
}

[class$='-secondary'].button.button-outline-md:hover:not(.disable-hover), [class$='-secondary'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='secondary'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='secondary'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-secondary '].button.button-outline-md:hover:not(.disable-hover),
[class*='-secondary '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #32db64;
}

[class$='-secondary'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-secondary'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='secondary'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='secondary'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-secondary '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-secondary '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-secondary'].button-clear .icon, [class$='-secondary'].button-outline-md .icon, [class$='-secondary'].button-outline-ios .icon, [class$='-secondary'][icon-only] .icon, ion-col[color='secondary'].button-clear .icon, ion-col[color='secondary'].button-outline-md .icon, ion-col[color='secondary'].button-outline-ios .icon, ion-col[color='secondary'][icon-only] .icon,
[class*='-secondary '].button-clear .icon,
[class*='-secondary '].button-outline-md .icon,
[class*='-secondary '].button-outline-ios .icon,
[class*='-secondary '][icon-only] .icon {
  color: #32db64;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #636262;
}

[class$='-darkgray2'], ion-col[color='darkgray2'],
[class*='-darkgray2 '] {
  color: #636262;
}

[class$='-darkgray2'].col, ion-col[color='darkgray2'].col,
[class*='-darkgray2 '].col {
  background-color: #636262;
}

[class$='-darkgray2'] .toolbar-background, ion-col[color='darkgray2'] .toolbar-background,
[class*='-darkgray2 '] .toolbar-background {
  background-color: transparent;
}

[class$='-darkgray2'].footer .toolbar .toolbar-background, [class$='-darkgray2']:has(.footer) .toolbar .toolbar-background, ion-col[color='darkgray2'].footer .toolbar .toolbar-background, ion-col[color='darkgray2']:has(.footer) .toolbar .toolbar-background,
[class*='-darkgray2 '].footer .toolbar .toolbar-background,
[class*='-darkgray2 ']:has(.footer) .toolbar .toolbar-background {
  background-color: #636262;
}

[class$='-darkgray2'].badge, [class$='-darkgray2'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='darkgray2'].badge, ion-col[color='darkgray2'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-darkgray2 '].badge,
[class*='-darkgray2 '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #636262;
}

[class$='-darkgray2'].button:hover:not(.disable-hover), ion-col[color='darkgray2'].button:hover:not(.disable-hover),
[class*='-darkgray2 '].button:hover:not(.disable-hover) {
  color: #636262;
  background-color: #ffffff;
  border: thin solid #636262;
}

[class$='-darkgray2'].button.button-outline-md, [class$='-darkgray2'].button.button-outline-ios, ion-col[color='darkgray2'].button.button-outline-md, ion-col[color='darkgray2'].button.button-outline-ios,
[class*='-darkgray2 '].button.button-outline-md,
[class*='-darkgray2 '].button.button-outline-ios {
  color: #636262;
  background-color: #ffffff;
  border: thin solid #636262;
}

[class$='-darkgray2'].button.button-outline-md:hover:not(.disable-hover), [class$='-darkgray2'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='darkgray2'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='darkgray2'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-darkgray2 '].button.button-outline-md:hover:not(.disable-hover),
[class*='-darkgray2 '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #636262;
}

[class$='-darkgray2'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-darkgray2'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='darkgray2'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='darkgray2'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-darkgray2 '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-darkgray2 '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-darkgray2'].button-clear .icon, [class$='-darkgray2'].button-outline-md .icon, [class$='-darkgray2'].button-outline-ios .icon, [class$='-darkgray2'][icon-only] .icon, ion-col[color='darkgray2'].button-clear .icon, ion-col[color='darkgray2'].button-outline-md .icon, ion-col[color='darkgray2'].button-outline-ios .icon, ion-col[color='darkgray2'][icon-only] .icon,
[class*='-darkgray2 '].button-clear .icon,
[class*='-darkgray2 '].button-outline-md .icon,
[class*='-darkgray2 '].button-outline-ios .icon,
[class*='-darkgray2 '][icon-only] .icon {
  color: #636262;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #048441;
}

[class$='-logogreen'], ion-col[color='logogreen'],
[class*='-logogreen '] {
  color: #048441;
}

[class$='-logogreen'].col, ion-col[color='logogreen'].col,
[class*='-logogreen '].col {
  background-color: #048441;
}

[class$='-logogreen'] .toolbar-background, ion-col[color='logogreen'] .toolbar-background,
[class*='-logogreen '] .toolbar-background {
  background-color: transparent;
}

[class$='-logogreen'].footer .toolbar .toolbar-background, [class$='-logogreen']:has(.footer) .toolbar .toolbar-background, ion-col[color='logogreen'].footer .toolbar .toolbar-background, ion-col[color='logogreen']:has(.footer) .toolbar .toolbar-background,
[class*='-logogreen '].footer .toolbar .toolbar-background,
[class*='-logogreen ']:has(.footer) .toolbar .toolbar-background {
  background-color: #048441;
}

[class$='-logogreen'].badge, [class$='-logogreen'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='logogreen'].badge, ion-col[color='logogreen'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-logogreen '].badge,
[class*='-logogreen '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #048441;
}

[class$='-logogreen'].button:hover:not(.disable-hover), ion-col[color='logogreen'].button:hover:not(.disable-hover),
[class*='-logogreen '].button:hover:not(.disable-hover) {
  color: #048441;
  background-color: #ffffff;
  border: thin solid #048441;
}

[class$='-logogreen'].button.button-outline-md, [class$='-logogreen'].button.button-outline-ios, ion-col[color='logogreen'].button.button-outline-md, ion-col[color='logogreen'].button.button-outline-ios,
[class*='-logogreen '].button.button-outline-md,
[class*='-logogreen '].button.button-outline-ios {
  color: #048441;
  background-color: #ffffff;
  border: thin solid #048441;
}

[class$='-logogreen'].button.button-outline-md:hover:not(.disable-hover), [class$='-logogreen'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='logogreen'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='logogreen'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-logogreen '].button.button-outline-md:hover:not(.disable-hover),
[class*='-logogreen '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #048441;
}

[class$='-logogreen'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-logogreen'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='logogreen'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='logogreen'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-logogreen '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-logogreen '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-logogreen'].button-clear .icon, [class$='-logogreen'].button-outline-md .icon, [class$='-logogreen'].button-outline-ios .icon, [class$='-logogreen'][icon-only] .icon, ion-col[color='logogreen'].button-clear .icon, ion-col[color='logogreen'].button-outline-md .icon, ion-col[color='logogreen'].button-outline-ios .icon, ion-col[color='logogreen'][icon-only] .icon,
[class*='-logogreen '].button-clear .icon,
[class*='-logogreen '].button-outline-md .icon,
[class*='-logogreen '].button-outline-ios .icon,
[class*='-logogreen '][icon-only] .icon {
  color: #048441;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #ec322a;
}

[class$='-logored'], ion-col[color='logored'],
[class*='-logored '] {
  color: #ec322a;
}

[class$='-logored'].col, ion-col[color='logored'].col,
[class*='-logored '].col {
  background-color: #ec322a;
}

[class$='-logored'] .toolbar-background, ion-col[color='logored'] .toolbar-background,
[class*='-logored '] .toolbar-background {
  background-color: transparent;
}

[class$='-logored'].footer .toolbar .toolbar-background, [class$='-logored']:has(.footer) .toolbar .toolbar-background, ion-col[color='logored'].footer .toolbar .toolbar-background, ion-col[color='logored']:has(.footer) .toolbar .toolbar-background,
[class*='-logored '].footer .toolbar .toolbar-background,
[class*='-logored ']:has(.footer) .toolbar .toolbar-background {
  background-color: #ec322a;
}

[class$='-logored'].badge, [class$='-logored'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='logored'].badge, ion-col[color='logored'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-logored '].badge,
[class*='-logored '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #ec322a;
}

[class$='-logored'].button:hover:not(.disable-hover), ion-col[color='logored'].button:hover:not(.disable-hover),
[class*='-logored '].button:hover:not(.disable-hover) {
  color: #ec322a;
  background-color: #ffffff;
  border: thin solid #ec322a;
}

[class$='-logored'].button.button-outline-md, [class$='-logored'].button.button-outline-ios, ion-col[color='logored'].button.button-outline-md, ion-col[color='logored'].button.button-outline-ios,
[class*='-logored '].button.button-outline-md,
[class*='-logored '].button.button-outline-ios {
  color: #ec322a;
  background-color: #ffffff;
  border: thin solid #ec322a;
}

[class$='-logored'].button.button-outline-md:hover:not(.disable-hover), [class$='-logored'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='logored'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='logored'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-logored '].button.button-outline-md:hover:not(.disable-hover),
[class*='-logored '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #ec322a;
}

[class$='-logored'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-logored'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='logored'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='logored'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-logored '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-logored '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-logored'].button-clear .icon, [class$='-logored'].button-outline-md .icon, [class$='-logored'].button-outline-ios .icon, [class$='-logored'][icon-only] .icon, ion-col[color='logored'].button-clear .icon, ion-col[color='logored'].button-outline-md .icon, ion-col[color='logored'].button-outline-ios .icon, ion-col[color='logored'][icon-only] .icon,
[class*='-logored '].button-clear .icon,
[class*='-logored '].button-outline-md .icon,
[class*='-logored '].button-outline-ios .icon,
[class*='-logored '][icon-only] .icon {
  color: #ec322a;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #ad6e6e;
}

[class$='-lightred'], ion-col[color='lightred'],
[class*='-lightred '] {
  color: #ad6e6e;
}

[class$='-lightred'].col, ion-col[color='lightred'].col,
[class*='-lightred '].col {
  background-color: #ad6e6e;
}

[class$='-lightred'] .toolbar-background, ion-col[color='lightred'] .toolbar-background,
[class*='-lightred '] .toolbar-background {
  background-color: transparent;
}

[class$='-lightred'].footer .toolbar .toolbar-background, [class$='-lightred']:has(.footer) .toolbar .toolbar-background, ion-col[color='lightred'].footer .toolbar .toolbar-background, ion-col[color='lightred']:has(.footer) .toolbar .toolbar-background,
[class*='-lightred '].footer .toolbar .toolbar-background,
[class*='-lightred ']:has(.footer) .toolbar .toolbar-background {
  background-color: #ad6e6e;
}

[class$='-lightred'].badge, [class$='-lightred'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='lightred'].badge, ion-col[color='lightred'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-lightred '].badge,
[class*='-lightred '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #ad6e6e;
}

[class$='-lightred'].button:hover:not(.disable-hover), ion-col[color='lightred'].button:hover:not(.disable-hover),
[class*='-lightred '].button:hover:not(.disable-hover) {
  color: #ad6e6e;
  background-color: #ffffff;
  border: thin solid #ad6e6e;
}

[class$='-lightred'].button.button-outline-md, [class$='-lightred'].button.button-outline-ios, ion-col[color='lightred'].button.button-outline-md, ion-col[color='lightred'].button.button-outline-ios,
[class*='-lightred '].button.button-outline-md,
[class*='-lightred '].button.button-outline-ios {
  color: #ad6e6e;
  background-color: #ffffff;
  border: thin solid #ad6e6e;
}

[class$='-lightred'].button.button-outline-md:hover:not(.disable-hover), [class$='-lightred'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='lightred'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='lightred'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-lightred '].button.button-outline-md:hover:not(.disable-hover),
[class*='-lightred '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #ad6e6e;
}

[class$='-lightred'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-lightred'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='lightred'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='lightred'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-lightred '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-lightred '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-lightred'].button-clear .icon, [class$='-lightred'].button-outline-md .icon, [class$='-lightred'].button-outline-ios .icon, [class$='-lightred'][icon-only] .icon, ion-col[color='lightred'].button-clear .icon, ion-col[color='lightred'].button-outline-md .icon, ion-col[color='lightred'].button-outline-ios .icon, ion-col[color='lightred'][icon-only] .icon,
[class*='-lightred '].button-clear .icon,
[class*='-lightred '].button-outline-md .icon,
[class*='-lightred '].button-outline-ios .icon,
[class*='-lightred '][icon-only] .icon {
  color: #ad6e6e;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #5c80ae;
}

[class$='-blue'], ion-col[color='blue'],
[class*='-blue '] {
  color: #5c80ae;
}

[class$='-blue'].col, ion-col[color='blue'].col,
[class*='-blue '].col {
  background-color: #5c80ae;
}

[class$='-blue'] .toolbar-background, ion-col[color='blue'] .toolbar-background,
[class*='-blue '] .toolbar-background {
  background-color: transparent;
}

[class$='-blue'].footer .toolbar .toolbar-background, [class$='-blue']:has(.footer) .toolbar .toolbar-background, ion-col[color='blue'].footer .toolbar .toolbar-background, ion-col[color='blue']:has(.footer) .toolbar .toolbar-background,
[class*='-blue '].footer .toolbar .toolbar-background,
[class*='-blue ']:has(.footer) .toolbar .toolbar-background {
  background-color: #5c80ae;
}

[class$='-blue'].badge, [class$='-blue'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='blue'].badge, ion-col[color='blue'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-blue '].badge,
[class*='-blue '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #5c80ae;
}

[class$='-blue'].button:hover:not(.disable-hover), ion-col[color='blue'].button:hover:not(.disable-hover),
[class*='-blue '].button:hover:not(.disable-hover) {
  color: #5c80ae;
  background-color: #ffffff;
  border: thin solid #5c80ae;
}

[class$='-blue'].button.button-outline-md, [class$='-blue'].button.button-outline-ios, ion-col[color='blue'].button.button-outline-md, ion-col[color='blue'].button.button-outline-ios,
[class*='-blue '].button.button-outline-md,
[class*='-blue '].button.button-outline-ios {
  color: #5c80ae;
  background-color: #ffffff;
  border: thin solid #5c80ae;
}

[class$='-blue'].button.button-outline-md:hover:not(.disable-hover), [class$='-blue'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='blue'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='blue'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-blue '].button.button-outline-md:hover:not(.disable-hover),
[class*='-blue '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #5c80ae;
}

[class$='-blue'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-blue'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='blue'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='blue'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-blue '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-blue '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-blue'].button-clear .icon, [class$='-blue'].button-outline-md .icon, [class$='-blue'].button-outline-ios .icon, [class$='-blue'][icon-only] .icon, ion-col[color='blue'].button-clear .icon, ion-col[color='blue'].button-outline-md .icon, ion-col[color='blue'].button-outline-ios .icon, ion-col[color='blue'][icon-only] .icon,
[class*='-blue '].button-clear .icon,
[class*='-blue '].button-outline-md .icon,
[class*='-blue '].button-outline-ios .icon,
[class*='-blue '][icon-only] .icon {
  color: #5c80ae;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #716f7b;
}

[class$='-searchGray'], ion-col[color='searchGray'],
[class*='-searchGray '] {
  color: #716f7b;
}

[class$='-searchGray'].col, ion-col[color='searchGray'].col,
[class*='-searchGray '].col {
  background-color: #716f7b;
}

[class$='-searchGray'] .toolbar-background, ion-col[color='searchGray'] .toolbar-background,
[class*='-searchGray '] .toolbar-background {
  background-color: transparent;
}

[class$='-searchGray'].footer .toolbar .toolbar-background, [class$='-searchGray']:has(.footer) .toolbar .toolbar-background, ion-col[color='searchGray'].footer .toolbar .toolbar-background, ion-col[color='searchGray']:has(.footer) .toolbar .toolbar-background,
[class*='-searchGray '].footer .toolbar .toolbar-background,
[class*='-searchGray ']:has(.footer) .toolbar .toolbar-background {
  background-color: #716f7b;
}

[class$='-searchGray'].badge, [class$='-searchGray'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='searchGray'].badge, ion-col[color='searchGray'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-searchGray '].badge,
[class*='-searchGray '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #716f7b;
}

[class$='-searchGray'].button:hover:not(.disable-hover), ion-col[color='searchGray'].button:hover:not(.disable-hover),
[class*='-searchGray '].button:hover:not(.disable-hover) {
  color: #716f7b;
  background-color: #ffffff;
  border: thin solid #716f7b;
}

[class$='-searchGray'].button.button-outline-md, [class$='-searchGray'].button.button-outline-ios, ion-col[color='searchGray'].button.button-outline-md, ion-col[color='searchGray'].button.button-outline-ios,
[class*='-searchGray '].button.button-outline-md,
[class*='-searchGray '].button.button-outline-ios {
  color: #716f7b;
  background-color: #ffffff;
  border: thin solid #716f7b;
}

[class$='-searchGray'].button.button-outline-md:hover:not(.disable-hover), [class$='-searchGray'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='searchGray'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='searchGray'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-searchGray '].button.button-outline-md:hover:not(.disable-hover),
[class*='-searchGray '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #716f7b;
}

[class$='-searchGray'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-searchGray'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='searchGray'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='searchGray'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-searchGray '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-searchGray '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-searchGray'].button-clear .icon, [class$='-searchGray'].button-outline-md .icon, [class$='-searchGray'].button-outline-ios .icon, [class$='-searchGray'][icon-only] .icon, ion-col[color='searchGray'].button-clear .icon, ion-col[color='searchGray'].button-outline-md .icon, ion-col[color='searchGray'].button-outline-ios .icon, ion-col[color='searchGray'][icon-only] .icon,
[class*='-searchGray '].button-clear .icon,
[class*='-searchGray '].button-outline-md .icon,
[class*='-searchGray '].button-outline-ios .icon,
[class*='-searchGray '][icon-only] .icon {
  color: #716f7b;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #98999e;
}

[class$='-iconsGray'], ion-col[color='iconsGray'],
[class*='-iconsGray '] {
  color: #98999e;
}

[class$='-iconsGray'].col, ion-col[color='iconsGray'].col,
[class*='-iconsGray '].col {
  background-color: #98999e;
}

[class$='-iconsGray'] .toolbar-background, ion-col[color='iconsGray'] .toolbar-background,
[class*='-iconsGray '] .toolbar-background {
  background-color: transparent;
}

[class$='-iconsGray'].footer .toolbar .toolbar-background, [class$='-iconsGray']:has(.footer) .toolbar .toolbar-background, ion-col[color='iconsGray'].footer .toolbar .toolbar-background, ion-col[color='iconsGray']:has(.footer) .toolbar .toolbar-background,
[class*='-iconsGray '].footer .toolbar .toolbar-background,
[class*='-iconsGray ']:has(.footer) .toolbar .toolbar-background {
  background-color: #98999e;
}

[class$='-iconsGray'].badge, [class$='-iconsGray'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='iconsGray'].badge, ion-col[color='iconsGray'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-iconsGray '].badge,
[class*='-iconsGray '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #98999e;
}

[class$='-iconsGray'].button:hover:not(.disable-hover), ion-col[color='iconsGray'].button:hover:not(.disable-hover),
[class*='-iconsGray '].button:hover:not(.disable-hover) {
  color: #98999e;
  background-color: #ffffff;
  border: thin solid #98999e;
}

[class$='-iconsGray'].button.button-outline-md, [class$='-iconsGray'].button.button-outline-ios, ion-col[color='iconsGray'].button.button-outline-md, ion-col[color='iconsGray'].button.button-outline-ios,
[class*='-iconsGray '].button.button-outline-md,
[class*='-iconsGray '].button.button-outline-ios {
  color: #98999e;
  background-color: #ffffff;
  border: thin solid #98999e;
}

[class$='-iconsGray'].button.button-outline-md:hover:not(.disable-hover), [class$='-iconsGray'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='iconsGray'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='iconsGray'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-iconsGray '].button.button-outline-md:hover:not(.disable-hover),
[class*='-iconsGray '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #98999e;
}

[class$='-iconsGray'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-iconsGray'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='iconsGray'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='iconsGray'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-iconsGray '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-iconsGray '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-iconsGray'].button-clear .icon, [class$='-iconsGray'].button-outline-md .icon, [class$='-iconsGray'].button-outline-ios .icon, [class$='-iconsGray'][icon-only] .icon, ion-col[color='iconsGray'].button-clear .icon, ion-col[color='iconsGray'].button-outline-md .icon, ion-col[color='iconsGray'].button-outline-ios .icon, ion-col[color='iconsGray'][icon-only] .icon,
[class*='-iconsGray '].button-clear .icon,
[class*='-iconsGray '].button-outline-md .icon,
[class*='-iconsGray '].button-outline-ios .icon,
[class*='-iconsGray '][icon-only] .icon {
  color: #98999e;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #f7f6f9;
}

[class$='-mydcaa'], ion-col[color='mydcaa'],
[class*='-mydcaa '] {
  color: #f7f6f9;
}

[class$='-mydcaa'].col, ion-col[color='mydcaa'].col,
[class*='-mydcaa '].col {
  background-color: #f7f6f9;
}

[class$='-mydcaa'] .toolbar-background, ion-col[color='mydcaa'] .toolbar-background,
[class*='-mydcaa '] .toolbar-background {
  background-color: transparent;
}

[class$='-mydcaa'].footer .toolbar .toolbar-background, [class$='-mydcaa']:has(.footer) .toolbar .toolbar-background, ion-col[color='mydcaa'].footer .toolbar .toolbar-background, ion-col[color='mydcaa']:has(.footer) .toolbar .toolbar-background,
[class*='-mydcaa '].footer .toolbar .toolbar-background,
[class*='-mydcaa ']:has(.footer) .toolbar .toolbar-background {
  background-color: #f7f6f9;
}

[class$='-mydcaa'].badge, [class$='-mydcaa'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='mydcaa'].badge, ion-col[color='mydcaa'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-mydcaa '].badge,
[class*='-mydcaa '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #f7f6f9;
}

[class$='-mydcaa'].button:hover:not(.disable-hover), ion-col[color='mydcaa'].button:hover:not(.disable-hover),
[class*='-mydcaa '].button:hover:not(.disable-hover) {
  color: #f7f6f9;
  background-color: #ffffff;
  border: thin solid #f7f6f9;
}

[class$='-mydcaa'].button.button-outline-md, [class$='-mydcaa'].button.button-outline-ios, ion-col[color='mydcaa'].button.button-outline-md, ion-col[color='mydcaa'].button.button-outline-ios,
[class*='-mydcaa '].button.button-outline-md,
[class*='-mydcaa '].button.button-outline-ios {
  color: #f7f6f9;
  background-color: #ffffff;
  border: thin solid #f7f6f9;
}

[class$='-mydcaa'].button.button-outline-md:hover:not(.disable-hover), [class$='-mydcaa'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='mydcaa'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='mydcaa'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-mydcaa '].button.button-outline-md:hover:not(.disable-hover),
[class*='-mydcaa '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #f7f6f9;
}

[class$='-mydcaa'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-mydcaa'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='mydcaa'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='mydcaa'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-mydcaa '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-mydcaa '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-mydcaa'].button-clear .icon, [class$='-mydcaa'].button-outline-md .icon, [class$='-mydcaa'].button-outline-ios .icon, [class$='-mydcaa'][icon-only] .icon, ion-col[color='mydcaa'].button-clear .icon, ion-col[color='mydcaa'].button-outline-md .icon, ion-col[color='mydcaa'].button-outline-ios .icon, ion-col[color='mydcaa'][icon-only] .icon,
[class*='-mydcaa '].button-clear .icon,
[class*='-mydcaa '].button-outline-md .icon,
[class*='-mydcaa '].button-outline-ios .icon,
[class*='-mydcaa '][icon-only] .icon {
  color: #f7f6f9;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #515161;
}

[class$='-mainHeaderColor'], ion-col[color='mainHeaderColor'],
[class*='-mainHeaderColor '] {
  color: #515161;
}

[class$='-mainHeaderColor'].col, ion-col[color='mainHeaderColor'].col,
[class*='-mainHeaderColor '].col {
  background-color: #515161;
}

[class$='-mainHeaderColor'] .toolbar-background, ion-col[color='mainHeaderColor'] .toolbar-background,
[class*='-mainHeaderColor '] .toolbar-background {
  background-color: transparent;
}

[class$='-mainHeaderColor'].footer .toolbar .toolbar-background, [class$='-mainHeaderColor']:has(.footer) .toolbar .toolbar-background, ion-col[color='mainHeaderColor'].footer .toolbar .toolbar-background, ion-col[color='mainHeaderColor']:has(.footer) .toolbar .toolbar-background,
[class*='-mainHeaderColor '].footer .toolbar .toolbar-background,
[class*='-mainHeaderColor ']:has(.footer) .toolbar .toolbar-background {
  background-color: #515161;
}

[class$='-mainHeaderColor'].badge, [class$='-mainHeaderColor'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='mainHeaderColor'].badge, ion-col[color='mainHeaderColor'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-mainHeaderColor '].badge,
[class*='-mainHeaderColor '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #515161;
}

[class$='-mainHeaderColor'].button:hover:not(.disable-hover), ion-col[color='mainHeaderColor'].button:hover:not(.disable-hover),
[class*='-mainHeaderColor '].button:hover:not(.disable-hover) {
  color: #515161;
  background-color: #ffffff;
  border: thin solid #515161;
}

[class$='-mainHeaderColor'].button.button-outline-md, [class$='-mainHeaderColor'].button.button-outline-ios, ion-col[color='mainHeaderColor'].button.button-outline-md, ion-col[color='mainHeaderColor'].button.button-outline-ios,
[class*='-mainHeaderColor '].button.button-outline-md,
[class*='-mainHeaderColor '].button.button-outline-ios {
  color: #515161;
  background-color: #ffffff;
  border: thin solid #515161;
}

[class$='-mainHeaderColor'].button.button-outline-md:hover:not(.disable-hover), [class$='-mainHeaderColor'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='mainHeaderColor'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='mainHeaderColor'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-mainHeaderColor '].button.button-outline-md:hover:not(.disable-hover),
[class*='-mainHeaderColor '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #515161;
}

[class$='-mainHeaderColor'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-mainHeaderColor'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='mainHeaderColor'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='mainHeaderColor'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-mainHeaderColor '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-mainHeaderColor '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-mainHeaderColor'].button-clear .icon, [class$='-mainHeaderColor'].button-outline-md .icon, [class$='-mainHeaderColor'].button-outline-ios .icon, [class$='-mainHeaderColor'][icon-only] .icon, ion-col[color='mainHeaderColor'].button-clear .icon, ion-col[color='mainHeaderColor'].button-outline-md .icon, ion-col[color='mainHeaderColor'].button-outline-ios .icon, ion-col[color='mainHeaderColor'][icon-only] .icon,
[class*='-mainHeaderColor '].button-clear .icon,
[class*='-mainHeaderColor '].button-outline-md .icon,
[class*='-mainHeaderColor '].button-outline-ios .icon,
[class*='-mainHeaderColor '][icon-only] .icon {
  color: #515161;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #6d3aa7;
}

[class$='-purple'], ion-col[color='purple'],
[class*='-purple '] {
  color: #6d3aa7;
}

[class$='-purple'].col, ion-col[color='purple'].col,
[class*='-purple '].col {
  background-color: #6d3aa7;
}

[class$='-purple'] .toolbar-background, ion-col[color='purple'] .toolbar-background,
[class*='-purple '] .toolbar-background {
  background-color: transparent;
}

[class$='-purple'].footer .toolbar .toolbar-background, [class$='-purple']:has(.footer) .toolbar .toolbar-background, ion-col[color='purple'].footer .toolbar .toolbar-background, ion-col[color='purple']:has(.footer) .toolbar .toolbar-background,
[class*='-purple '].footer .toolbar .toolbar-background,
[class*='-purple ']:has(.footer) .toolbar .toolbar-background {
  background-color: #6d3aa7;
}

[class$='-purple'].badge, [class$='-purple'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='purple'].badge, ion-col[color='purple'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-purple '].badge,
[class*='-purple '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #6d3aa7;
}

[class$='-purple'].button:hover:not(.disable-hover), ion-col[color='purple'].button:hover:not(.disable-hover),
[class*='-purple '].button:hover:not(.disable-hover) {
  color: #6d3aa7;
  background-color: #ffffff;
  border: thin solid #6d3aa7;
}

[class$='-purple'].button.button-outline-md, [class$='-purple'].button.button-outline-ios, ion-col[color='purple'].button.button-outline-md, ion-col[color='purple'].button.button-outline-ios,
[class*='-purple '].button.button-outline-md,
[class*='-purple '].button.button-outline-ios {
  color: #6d3aa7;
  background-color: #ffffff;
  border: thin solid #6d3aa7;
}

[class$='-purple'].button.button-outline-md:hover:not(.disable-hover), [class$='-purple'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='purple'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='purple'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-purple '].button.button-outline-md:hover:not(.disable-hover),
[class*='-purple '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #6d3aa7;
}

[class$='-purple'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-purple'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='purple'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='purple'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-purple '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-purple '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-purple'].button-clear .icon, [class$='-purple'].button-outline-md .icon, [class$='-purple'].button-outline-ios .icon, [class$='-purple'][icon-only] .icon, ion-col[color='purple'].button-clear .icon, ion-col[color='purple'].button-outline-md .icon, ion-col[color='purple'].button-outline-ios .icon, ion-col[color='purple'][icon-only] .icon,
[class*='-purple '].button-clear .icon,
[class*='-purple '].button-outline-md .icon,
[class*='-purple '].button-outline-ios .icon,
[class*='-purple '][icon-only] .icon {
  color: #6d3aa7;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #3B5998;
}

[class$='-facebook-blue'], ion-col[color='facebook-blue'],
[class*='-facebook-blue '] {
  color: #3B5998;
}

[class$='-facebook-blue'].col, ion-col[color='facebook-blue'].col,
[class*='-facebook-blue '].col {
  background-color: #3B5998;
}

[class$='-facebook-blue'] .toolbar-background, ion-col[color='facebook-blue'] .toolbar-background,
[class*='-facebook-blue '] .toolbar-background {
  background-color: transparent;
}

[class$='-facebook-blue'].footer .toolbar .toolbar-background, [class$='-facebook-blue']:has(.footer) .toolbar .toolbar-background, ion-col[color='facebook-blue'].footer .toolbar .toolbar-background, ion-col[color='facebook-blue']:has(.footer) .toolbar .toolbar-background,
[class*='-facebook-blue '].footer .toolbar .toolbar-background,
[class*='-facebook-blue ']:has(.footer) .toolbar .toolbar-background {
  background-color: #3B5998;
}

[class$='-facebook-blue'].badge, [class$='-facebook-blue'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='facebook-blue'].badge, ion-col[color='facebook-blue'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-facebook-blue '].badge,
[class*='-facebook-blue '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #3B5998;
}

[class$='-facebook-blue'].button:hover:not(.disable-hover), ion-col[color='facebook-blue'].button:hover:not(.disable-hover),
[class*='-facebook-blue '].button:hover:not(.disable-hover) {
  color: #3B5998;
  background-color: #ffffff;
  border: thin solid #3B5998;
}

[class$='-facebook-blue'].button.button-outline-md, [class$='-facebook-blue'].button.button-outline-ios, ion-col[color='facebook-blue'].button.button-outline-md, ion-col[color='facebook-blue'].button.button-outline-ios,
[class*='-facebook-blue '].button.button-outline-md,
[class*='-facebook-blue '].button.button-outline-ios {
  color: #3B5998;
  background-color: #ffffff;
  border: thin solid #3B5998;
}

[class$='-facebook-blue'].button.button-outline-md:hover:not(.disable-hover), [class$='-facebook-blue'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='facebook-blue'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='facebook-blue'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-facebook-blue '].button.button-outline-md:hover:not(.disable-hover),
[class*='-facebook-blue '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #3B5998;
}

[class$='-facebook-blue'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-facebook-blue'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='facebook-blue'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='facebook-blue'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-facebook-blue '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-facebook-blue '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-facebook-blue'].button-clear .icon, [class$='-facebook-blue'].button-outline-md .icon, [class$='-facebook-blue'].button-outline-ios .icon, [class$='-facebook-blue'][icon-only] .icon, ion-col[color='facebook-blue'].button-clear .icon, ion-col[color='facebook-blue'].button-outline-md .icon, ion-col[color='facebook-blue'].button-outline-ios .icon, ion-col[color='facebook-blue'][icon-only] .icon,
[class*='-facebook-blue '].button-clear .icon,
[class*='-facebook-blue '].button-outline-md .icon,
[class*='-facebook-blue '].button-outline-ios .icon,
[class*='-facebook-blue '][icon-only] .icon {
  color: #3B5998;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #6610f2;
}

[class$='-indigo'], ion-col[color='indigo'],
[class*='-indigo '] {
  color: #6610f2;
}

[class$='-indigo'].col, ion-col[color='indigo'].col,
[class*='-indigo '].col {
  background-color: #6610f2;
}

[class$='-indigo'] .toolbar-background, ion-col[color='indigo'] .toolbar-background,
[class*='-indigo '] .toolbar-background {
  background-color: transparent;
}

[class$='-indigo'].footer .toolbar .toolbar-background, [class$='-indigo']:has(.footer) .toolbar .toolbar-background, ion-col[color='indigo'].footer .toolbar .toolbar-background, ion-col[color='indigo']:has(.footer) .toolbar .toolbar-background,
[class*='-indigo '].footer .toolbar .toolbar-background,
[class*='-indigo ']:has(.footer) .toolbar .toolbar-background {
  background-color: #6610f2;
}

[class$='-indigo'].badge, [class$='-indigo'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='indigo'].badge, ion-col[color='indigo'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-indigo '].badge,
[class*='-indigo '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #6610f2;
}

[class$='-indigo'].button:hover:not(.disable-hover), ion-col[color='indigo'].button:hover:not(.disable-hover),
[class*='-indigo '].button:hover:not(.disable-hover) {
  color: #6610f2;
  background-color: #ffffff;
  border: thin solid #6610f2;
}

[class$='-indigo'].button.button-outline-md, [class$='-indigo'].button.button-outline-ios, ion-col[color='indigo'].button.button-outline-md, ion-col[color='indigo'].button.button-outline-ios,
[class*='-indigo '].button.button-outline-md,
[class*='-indigo '].button.button-outline-ios {
  color: #6610f2;
  background-color: #ffffff;
  border: thin solid #6610f2;
}

[class$='-indigo'].button.button-outline-md:hover:not(.disable-hover), [class$='-indigo'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='indigo'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='indigo'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-indigo '].button.button-outline-md:hover:not(.disable-hover),
[class*='-indigo '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #6610f2;
}

[class$='-indigo'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-indigo'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='indigo'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='indigo'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-indigo '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-indigo '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-indigo'].button-clear .icon, [class$='-indigo'].button-outline-md .icon, [class$='-indigo'].button-outline-ios .icon, [class$='-indigo'][icon-only] .icon, ion-col[color='indigo'].button-clear .icon, ion-col[color='indigo'].button-outline-md .icon, ion-col[color='indigo'].button-outline-ios .icon, ion-col[color='indigo'][icon-only] .icon,
[class*='-indigo '].button-clear .icon,
[class*='-indigo '].button-outline-md .icon,
[class*='-indigo '].button-outline-ios .icon,
[class*='-indigo '][icon-only] .icon {
  color: #6610f2;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #EABC25;
}

[class$='-rateGoldStar'], ion-col[color='rateGoldStar'],
[class*='-rateGoldStar '] {
  color: #EABC25;
}

[class$='-rateGoldStar'].col, ion-col[color='rateGoldStar'].col,
[class*='-rateGoldStar '].col {
  background-color: #EABC25;
}

[class$='-rateGoldStar'] .toolbar-background, ion-col[color='rateGoldStar'] .toolbar-background,
[class*='-rateGoldStar '] .toolbar-background {
  background-color: transparent;
}

[class$='-rateGoldStar'].footer .toolbar .toolbar-background, [class$='-rateGoldStar']:has(.footer) .toolbar .toolbar-background, ion-col[color='rateGoldStar'].footer .toolbar .toolbar-background, ion-col[color='rateGoldStar']:has(.footer) .toolbar .toolbar-background,
[class*='-rateGoldStar '].footer .toolbar .toolbar-background,
[class*='-rateGoldStar ']:has(.footer) .toolbar .toolbar-background {
  background-color: #EABC25;
}

[class$='-rateGoldStar'].badge, [class$='-rateGoldStar'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='rateGoldStar'].badge, ion-col[color='rateGoldStar'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-rateGoldStar '].badge,
[class*='-rateGoldStar '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #EABC25;
}

[class$='-rateGoldStar'].button:hover:not(.disable-hover), ion-col[color='rateGoldStar'].button:hover:not(.disable-hover),
[class*='-rateGoldStar '].button:hover:not(.disable-hover) {
  color: #EABC25;
  background-color: #ffffff;
  border: thin solid #EABC25;
}

[class$='-rateGoldStar'].button.button-outline-md, [class$='-rateGoldStar'].button.button-outline-ios, ion-col[color='rateGoldStar'].button.button-outline-md, ion-col[color='rateGoldStar'].button.button-outline-ios,
[class*='-rateGoldStar '].button.button-outline-md,
[class*='-rateGoldStar '].button.button-outline-ios {
  color: #EABC25;
  background-color: #ffffff;
  border: thin solid #EABC25;
}

[class$='-rateGoldStar'].button.button-outline-md:hover:not(.disable-hover), [class$='-rateGoldStar'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='rateGoldStar'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='rateGoldStar'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-rateGoldStar '].button.button-outline-md:hover:not(.disable-hover),
[class*='-rateGoldStar '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #EABC25;
}

[class$='-rateGoldStar'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-rateGoldStar'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='rateGoldStar'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='rateGoldStar'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-rateGoldStar '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-rateGoldStar '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-rateGoldStar'].button-clear .icon, [class$='-rateGoldStar'].button-outline-md .icon, [class$='-rateGoldStar'].button-outline-ios .icon, [class$='-rateGoldStar'][icon-only] .icon, ion-col[color='rateGoldStar'].button-clear .icon, ion-col[color='rateGoldStar'].button-outline-md .icon, ion-col[color='rateGoldStar'].button-outline-ios .icon, ion-col[color='rateGoldStar'][icon-only] .icon,
[class*='-rateGoldStar '].button-clear .icon,
[class*='-rateGoldStar '].button-outline-md .icon,
[class*='-rateGoldStar '].button-outline-ios .icon,
[class*='-rateGoldStar '][icon-only] .icon {
  color: #EABC25;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #4aa966;
}

[class$='-rateGreenest'], ion-col[color='rateGreenest'],
[class*='-rateGreenest '] {
  color: #4aa966;
}

[class$='-rateGreenest'].col, ion-col[color='rateGreenest'].col,
[class*='-rateGreenest '].col {
  background-color: #4aa966;
}

[class$='-rateGreenest'] .toolbar-background, ion-col[color='rateGreenest'] .toolbar-background,
[class*='-rateGreenest '] .toolbar-background {
  background-color: transparent;
}

[class$='-rateGreenest'].footer .toolbar .toolbar-background, [class$='-rateGreenest']:has(.footer) .toolbar .toolbar-background, ion-col[color='rateGreenest'].footer .toolbar .toolbar-background, ion-col[color='rateGreenest']:has(.footer) .toolbar .toolbar-background,
[class*='-rateGreenest '].footer .toolbar .toolbar-background,
[class*='-rateGreenest ']:has(.footer) .toolbar .toolbar-background {
  background-color: #4aa966;
}

[class$='-rateGreenest'].badge, [class$='-rateGreenest'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='rateGreenest'].badge, ion-col[color='rateGreenest'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-rateGreenest '].badge,
[class*='-rateGreenest '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #4aa966;
}

[class$='-rateGreenest'].button:hover:not(.disable-hover), ion-col[color='rateGreenest'].button:hover:not(.disable-hover),
[class*='-rateGreenest '].button:hover:not(.disable-hover) {
  color: #4aa966;
  background-color: #ffffff;
  border: thin solid #4aa966;
}

[class$='-rateGreenest'].button.button-outline-md, [class$='-rateGreenest'].button.button-outline-ios, ion-col[color='rateGreenest'].button.button-outline-md, ion-col[color='rateGreenest'].button.button-outline-ios,
[class*='-rateGreenest '].button.button-outline-md,
[class*='-rateGreenest '].button.button-outline-ios {
  color: #4aa966;
  background-color: #ffffff;
  border: thin solid #4aa966;
}

[class$='-rateGreenest'].button.button-outline-md:hover:not(.disable-hover), [class$='-rateGreenest'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='rateGreenest'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='rateGreenest'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-rateGreenest '].button.button-outline-md:hover:not(.disable-hover),
[class*='-rateGreenest '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #4aa966;
}

[class$='-rateGreenest'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-rateGreenest'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='rateGreenest'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='rateGreenest'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-rateGreenest '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-rateGreenest '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-rateGreenest'].button-clear .icon, [class$='-rateGreenest'].button-outline-md .icon, [class$='-rateGreenest'].button-outline-ios .icon, [class$='-rateGreenest'][icon-only] .icon, ion-col[color='rateGreenest'].button-clear .icon, ion-col[color='rateGreenest'].button-outline-md .icon, ion-col[color='rateGreenest'].button-outline-ios .icon, ion-col[color='rateGreenest'][icon-only] .icon,
[class*='-rateGreenest '].button-clear .icon,
[class*='-rateGreenest '].button-outline-md .icon,
[class*='-rateGreenest '].button-outline-ios .icon,
[class*='-rateGreenest '][icon-only] .icon {
  color: #4aa966;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #5bc97b;
}

[class$='-rateGreener'], ion-col[color='rateGreener'],
[class*='-rateGreener '] {
  color: #5bc97b;
}

[class$='-rateGreener'].col, ion-col[color='rateGreener'].col,
[class*='-rateGreener '].col {
  background-color: #5bc97b;
}

[class$='-rateGreener'] .toolbar-background, ion-col[color='rateGreener'] .toolbar-background,
[class*='-rateGreener '] .toolbar-background {
  background-color: transparent;
}

[class$='-rateGreener'].footer .toolbar .toolbar-background, [class$='-rateGreener']:has(.footer) .toolbar .toolbar-background, ion-col[color='rateGreener'].footer .toolbar .toolbar-background, ion-col[color='rateGreener']:has(.footer) .toolbar .toolbar-background,
[class*='-rateGreener '].footer .toolbar .toolbar-background,
[class*='-rateGreener ']:has(.footer) .toolbar .toolbar-background {
  background-color: #5bc97b;
}

[class$='-rateGreener'].badge, [class$='-rateGreener'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='rateGreener'].badge, ion-col[color='rateGreener'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-rateGreener '].badge,
[class*='-rateGreener '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #5bc97b;
}

[class$='-rateGreener'].button:hover:not(.disable-hover), ion-col[color='rateGreener'].button:hover:not(.disable-hover),
[class*='-rateGreener '].button:hover:not(.disable-hover) {
  color: #5bc97b;
  background-color: #ffffff;
  border: thin solid #5bc97b;
}

[class$='-rateGreener'].button.button-outline-md, [class$='-rateGreener'].button.button-outline-ios, ion-col[color='rateGreener'].button.button-outline-md, ion-col[color='rateGreener'].button.button-outline-ios,
[class*='-rateGreener '].button.button-outline-md,
[class*='-rateGreener '].button.button-outline-ios {
  color: #5bc97b;
  background-color: #ffffff;
  border: thin solid #5bc97b;
}

[class$='-rateGreener'].button.button-outline-md:hover:not(.disable-hover), [class$='-rateGreener'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='rateGreener'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='rateGreener'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-rateGreener '].button.button-outline-md:hover:not(.disable-hover),
[class*='-rateGreener '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #5bc97b;
}

[class$='-rateGreener'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-rateGreener'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='rateGreener'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='rateGreener'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-rateGreener '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-rateGreener '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-rateGreener'].button-clear .icon, [class$='-rateGreener'].button-outline-md .icon, [class$='-rateGreener'].button-outline-ios .icon, [class$='-rateGreener'][icon-only] .icon, ion-col[color='rateGreener'].button-clear .icon, ion-col[color='rateGreener'].button-outline-md .icon, ion-col[color='rateGreener'].button-outline-ios .icon, ion-col[color='rateGreener'][icon-only] .icon,
[class*='-rateGreener '].button-clear .icon,
[class*='-rateGreener '].button-outline-md .icon,
[class*='-rateGreener '].button-outline-ios .icon,
[class*='-rateGreener '][icon-only] .icon {
  color: #5bc97b;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #83ca98;
}

[class$='-rateGreen'], ion-col[color='rateGreen'],
[class*='-rateGreen '] {
  color: #83ca98;
}

[class$='-rateGreen'].col, ion-col[color='rateGreen'].col,
[class*='-rateGreen '].col {
  background-color: #83ca98;
}

[class$='-rateGreen'] .toolbar-background, ion-col[color='rateGreen'] .toolbar-background,
[class*='-rateGreen '] .toolbar-background {
  background-color: transparent;
}

[class$='-rateGreen'].footer .toolbar .toolbar-background, [class$='-rateGreen']:has(.footer) .toolbar .toolbar-background, ion-col[color='rateGreen'].footer .toolbar .toolbar-background, ion-col[color='rateGreen']:has(.footer) .toolbar .toolbar-background,
[class*='-rateGreen '].footer .toolbar .toolbar-background,
[class*='-rateGreen ']:has(.footer) .toolbar .toolbar-background {
  background-color: #83ca98;
}

[class$='-rateGreen'].badge, [class$='-rateGreen'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='rateGreen'].badge, ion-col[color='rateGreen'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-rateGreen '].badge,
[class*='-rateGreen '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #83ca98;
}

[class$='-rateGreen'].button:hover:not(.disable-hover), ion-col[color='rateGreen'].button:hover:not(.disable-hover),
[class*='-rateGreen '].button:hover:not(.disable-hover) {
  color: #83ca98;
  background-color: #ffffff;
  border: thin solid #83ca98;
}

[class$='-rateGreen'].button.button-outline-md, [class$='-rateGreen'].button.button-outline-ios, ion-col[color='rateGreen'].button.button-outline-md, ion-col[color='rateGreen'].button.button-outline-ios,
[class*='-rateGreen '].button.button-outline-md,
[class*='-rateGreen '].button.button-outline-ios {
  color: #83ca98;
  background-color: #ffffff;
  border: thin solid #83ca98;
}

[class$='-rateGreen'].button.button-outline-md:hover:not(.disable-hover), [class$='-rateGreen'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='rateGreen'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='rateGreen'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-rateGreen '].button.button-outline-md:hover:not(.disable-hover),
[class*='-rateGreen '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #83ca98;
}

[class$='-rateGreen'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-rateGreen'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='rateGreen'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='rateGreen'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-rateGreen '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-rateGreen '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-rateGreen'].button-clear .icon, [class$='-rateGreen'].button-outline-md .icon, [class$='-rateGreen'].button-outline-ios .icon, [class$='-rateGreen'][icon-only] .icon, ion-col[color='rateGreen'].button-clear .icon, ion-col[color='rateGreen'].button-outline-md .icon, ion-col[color='rateGreen'].button-outline-ios .icon, ion-col[color='rateGreen'][icon-only] .icon,
[class*='-rateGreen '].button-clear .icon,
[class*='-rateGreen '].button-outline-md .icon,
[class*='-rateGreen '].button-outline-ios .icon,
[class*='-rateGreen '][icon-only] .icon {
  color: #83ca98;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #ADAEB4;
}

[class$='-mydcaa-icon-gray'], ion-col[color='mydcaa-icon-gray'],
[class*='-mydcaa-icon-gray '] {
  color: #ADAEB4;
}

[class$='-mydcaa-icon-gray'].col, ion-col[color='mydcaa-icon-gray'].col,
[class*='-mydcaa-icon-gray '].col {
  background-color: #ADAEB4;
}

[class$='-mydcaa-icon-gray'] .toolbar-background, ion-col[color='mydcaa-icon-gray'] .toolbar-background,
[class*='-mydcaa-icon-gray '] .toolbar-background {
  background-color: transparent;
}

[class$='-mydcaa-icon-gray'].footer .toolbar .toolbar-background, [class$='-mydcaa-icon-gray']:has(.footer) .toolbar .toolbar-background, ion-col[color='mydcaa-icon-gray'].footer .toolbar .toolbar-background, ion-col[color='mydcaa-icon-gray']:has(.footer) .toolbar .toolbar-background,
[class*='-mydcaa-icon-gray '].footer .toolbar .toolbar-background,
[class*='-mydcaa-icon-gray ']:has(.footer) .toolbar .toolbar-background {
  background-color: #ADAEB4;
}

[class$='-mydcaa-icon-gray'].badge, [class$='-mydcaa-icon-gray'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='mydcaa-icon-gray'].badge, ion-col[color='mydcaa-icon-gray'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-mydcaa-icon-gray '].badge,
[class*='-mydcaa-icon-gray '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #ADAEB4;
}

[class$='-mydcaa-icon-gray'].button:hover:not(.disable-hover), ion-col[color='mydcaa-icon-gray'].button:hover:not(.disable-hover),
[class*='-mydcaa-icon-gray '].button:hover:not(.disable-hover) {
  color: #ADAEB4;
  background-color: #ffffff;
  border: thin solid #ADAEB4;
}

[class$='-mydcaa-icon-gray'].button.button-outline-md, [class$='-mydcaa-icon-gray'].button.button-outline-ios, ion-col[color='mydcaa-icon-gray'].button.button-outline-md, ion-col[color='mydcaa-icon-gray'].button.button-outline-ios,
[class*='-mydcaa-icon-gray '].button.button-outline-md,
[class*='-mydcaa-icon-gray '].button.button-outline-ios {
  color: #ADAEB4;
  background-color: #ffffff;
  border: thin solid #ADAEB4;
}

[class$='-mydcaa-icon-gray'].button.button-outline-md:hover:not(.disable-hover), [class$='-mydcaa-icon-gray'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='mydcaa-icon-gray'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='mydcaa-icon-gray'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-mydcaa-icon-gray '].button.button-outline-md:hover:not(.disable-hover),
[class*='-mydcaa-icon-gray '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #ADAEB4;
}

[class$='-mydcaa-icon-gray'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-mydcaa-icon-gray'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='mydcaa-icon-gray'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='mydcaa-icon-gray'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-mydcaa-icon-gray '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-mydcaa-icon-gray '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-mydcaa-icon-gray'].button-clear .icon, [class$='-mydcaa-icon-gray'].button-outline-md .icon, [class$='-mydcaa-icon-gray'].button-outline-ios .icon, [class$='-mydcaa-icon-gray'][icon-only] .icon, ion-col[color='mydcaa-icon-gray'].button-clear .icon, ion-col[color='mydcaa-icon-gray'].button-outline-md .icon, ion-col[color='mydcaa-icon-gray'].button-outline-ios .icon, ion-col[color='mydcaa-icon-gray'][icon-only] .icon,
[class*='-mydcaa-icon-gray '].button-clear .icon,
[class*='-mydcaa-icon-gray '].button-outline-md .icon,
[class*='-mydcaa-icon-gray '].button-outline-ios .icon,
[class*='-mydcaa-icon-gray '][icon-only] .icon {
  color: #ADAEB4;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #ec008c;
}

[class$='-mydcaaMagenta'], ion-col[color='mydcaaMagenta'],
[class*='-mydcaaMagenta '] {
  color: #ec008c;
}

[class$='-mydcaaMagenta'].col, ion-col[color='mydcaaMagenta'].col,
[class*='-mydcaaMagenta '].col {
  background-color: #ec008c;
}

[class$='-mydcaaMagenta'] .toolbar-background, ion-col[color='mydcaaMagenta'] .toolbar-background,
[class*='-mydcaaMagenta '] .toolbar-background {
  background-color: transparent;
}

[class$='-mydcaaMagenta'].footer .toolbar .toolbar-background, [class$='-mydcaaMagenta']:has(.footer) .toolbar .toolbar-background, ion-col[color='mydcaaMagenta'].footer .toolbar .toolbar-background, ion-col[color='mydcaaMagenta']:has(.footer) .toolbar .toolbar-background,
[class*='-mydcaaMagenta '].footer .toolbar .toolbar-background,
[class*='-mydcaaMagenta ']:has(.footer) .toolbar .toolbar-background {
  background-color: #ec008c;
}

[class$='-mydcaaMagenta'].badge, [class$='-mydcaaMagenta'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='mydcaaMagenta'].badge, ion-col[color='mydcaaMagenta'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-mydcaaMagenta '].badge,
[class*='-mydcaaMagenta '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #ec008c;
}

[class$='-mydcaaMagenta'].button:hover:not(.disable-hover), ion-col[color='mydcaaMagenta'].button:hover:not(.disable-hover),
[class*='-mydcaaMagenta '].button:hover:not(.disable-hover) {
  color: #ec008c;
  background-color: #ffffff;
  border: thin solid #ec008c;
}

[class$='-mydcaaMagenta'].button.button-outline-md, [class$='-mydcaaMagenta'].button.button-outline-ios, ion-col[color='mydcaaMagenta'].button.button-outline-md, ion-col[color='mydcaaMagenta'].button.button-outline-ios,
[class*='-mydcaaMagenta '].button.button-outline-md,
[class*='-mydcaaMagenta '].button.button-outline-ios {
  color: #ec008c;
  background-color: #ffffff;
  border: thin solid #ec008c;
}

[class$='-mydcaaMagenta'].button.button-outline-md:hover:not(.disable-hover), [class$='-mydcaaMagenta'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='mydcaaMagenta'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='mydcaaMagenta'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-mydcaaMagenta '].button.button-outline-md:hover:not(.disable-hover),
[class*='-mydcaaMagenta '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #ec008c;
}

[class$='-mydcaaMagenta'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-mydcaaMagenta'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='mydcaaMagenta'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='mydcaaMagenta'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-mydcaaMagenta '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-mydcaaMagenta '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-mydcaaMagenta'].button-clear .icon, [class$='-mydcaaMagenta'].button-outline-md .icon, [class$='-mydcaaMagenta'].button-outline-ios .icon, [class$='-mydcaaMagenta'][icon-only] .icon, ion-col[color='mydcaaMagenta'].button-clear .icon, ion-col[color='mydcaaMagenta'].button-outline-md .icon, ion-col[color='mydcaaMagenta'].button-outline-ios .icon, ion-col[color='mydcaaMagenta'][icon-only] .icon,
[class*='-mydcaaMagenta '].button-clear .icon,
[class*='-mydcaaMagenta '].button-outline-md .icon,
[class*='-mydcaaMagenta '].button-outline-ios .icon,
[class*='-mydcaaMagenta '][icon-only] .icon {
  color: #ec008c;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #e080b4;
}

[class$='-mydcaaPink'], ion-col[color='mydcaaPink'],
[class*='-mydcaaPink '] {
  color: #e080b4;
}

[class$='-mydcaaPink'].col, ion-col[color='mydcaaPink'].col,
[class*='-mydcaaPink '].col {
  background-color: #e080b4;
}

[class$='-mydcaaPink'] .toolbar-background, ion-col[color='mydcaaPink'] .toolbar-background,
[class*='-mydcaaPink '] .toolbar-background {
  background-color: transparent;
}

[class$='-mydcaaPink'].footer .toolbar .toolbar-background, [class$='-mydcaaPink']:has(.footer) .toolbar .toolbar-background, ion-col[color='mydcaaPink'].footer .toolbar .toolbar-background, ion-col[color='mydcaaPink']:has(.footer) .toolbar .toolbar-background,
[class*='-mydcaaPink '].footer .toolbar .toolbar-background,
[class*='-mydcaaPink ']:has(.footer) .toolbar .toolbar-background {
  background-color: #e080b4;
}

[class$='-mydcaaPink'].badge, [class$='-mydcaaPink'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='mydcaaPink'].badge, ion-col[color='mydcaaPink'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-mydcaaPink '].badge,
[class*='-mydcaaPink '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #e080b4;
}

[class$='-mydcaaPink'].button:hover:not(.disable-hover), ion-col[color='mydcaaPink'].button:hover:not(.disable-hover),
[class*='-mydcaaPink '].button:hover:not(.disable-hover) {
  color: #e080b4;
  background-color: #ffffff;
  border: thin solid #e080b4;
}

[class$='-mydcaaPink'].button.button-outline-md, [class$='-mydcaaPink'].button.button-outline-ios, ion-col[color='mydcaaPink'].button.button-outline-md, ion-col[color='mydcaaPink'].button.button-outline-ios,
[class*='-mydcaaPink '].button.button-outline-md,
[class*='-mydcaaPink '].button.button-outline-ios {
  color: #e080b4;
  background-color: #ffffff;
  border: thin solid #e080b4;
}

[class$='-mydcaaPink'].button.button-outline-md:hover:not(.disable-hover), [class$='-mydcaaPink'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='mydcaaPink'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='mydcaaPink'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-mydcaaPink '].button.button-outline-md:hover:not(.disable-hover),
[class*='-mydcaaPink '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #e080b4;
}

[class$='-mydcaaPink'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-mydcaaPink'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='mydcaaPink'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='mydcaaPink'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-mydcaaPink '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-mydcaaPink '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-mydcaaPink'].button-clear .icon, [class$='-mydcaaPink'].button-outline-md .icon, [class$='-mydcaaPink'].button-outline-ios .icon, [class$='-mydcaaPink'][icon-only] .icon, ion-col[color='mydcaaPink'].button-clear .icon, ion-col[color='mydcaaPink'].button-outline-md .icon, ion-col[color='mydcaaPink'].button-outline-ios .icon, ion-col[color='mydcaaPink'][icon-only] .icon,
[class*='-mydcaaPink '].button-clear .icon,
[class*='-mydcaaPink '].button-outline-md .icon,
[class*='-mydcaaPink '].button-outline-ios .icon,
[class*='-mydcaaPink '][icon-only] .icon {
  color: #e080b4;
}

.footer .toolbar:last-child, .col .toolbar:last-child {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar), .col:first-child:is(.toolbar) {
  padding-bottom: 0 !important;
}

.footer:first-child:is(.toolbar):first-child:is(.toolbar-background), .col:first-child:is(.toolbar):first-child:is(.toolbar-background) {
  background-color: #6bbef9;
}

[class$='-mydcaaSkyBlue'], ion-col[color='mydcaaSkyBlue'],
[class*='-mydcaaSkyBlue '] {
  color: #6bbef9;
}

[class$='-mydcaaSkyBlue'].col, ion-col[color='mydcaaSkyBlue'].col,
[class*='-mydcaaSkyBlue '].col {
  background-color: #6bbef9;
}

[class$='-mydcaaSkyBlue'] .toolbar-background, ion-col[color='mydcaaSkyBlue'] .toolbar-background,
[class*='-mydcaaSkyBlue '] .toolbar-background {
  background-color: transparent;
}

[class$='-mydcaaSkyBlue'].footer .toolbar .toolbar-background, [class$='-mydcaaSkyBlue']:has(.footer) .toolbar .toolbar-background, ion-col[color='mydcaaSkyBlue'].footer .toolbar .toolbar-background, ion-col[color='mydcaaSkyBlue']:has(.footer) .toolbar .toolbar-background,
[class*='-mydcaaSkyBlue '].footer .toolbar .toolbar-background,
[class*='-mydcaaSkyBlue ']:has(.footer) .toolbar .toolbar-background {
  background-color: #6bbef9;
}

[class$='-mydcaaSkyBlue'].badge, [class$='-mydcaaSkyBlue'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios), ion-col[color='mydcaaSkyBlue'].badge, ion-col[color='mydcaaSkyBlue'].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios),
[class*='-mydcaaSkyBlue '].badge,
[class*='-mydcaaSkyBlue '].button:not(.button-clear):not(.button-outline-md):not(.button-outline-ios) {
  color: #ffffff;
  background-color: #6bbef9;
}

[class$='-mydcaaSkyBlue'].button:hover:not(.disable-hover), ion-col[color='mydcaaSkyBlue'].button:hover:not(.disable-hover),
[class*='-mydcaaSkyBlue '].button:hover:not(.disable-hover) {
  color: #6bbef9;
  background-color: #ffffff;
  border: thin solid #6bbef9;
}

[class$='-mydcaaSkyBlue'].button.button-outline-md, [class$='-mydcaaSkyBlue'].button.button-outline-ios, ion-col[color='mydcaaSkyBlue'].button.button-outline-md, ion-col[color='mydcaaSkyBlue'].button.button-outline-ios,
[class*='-mydcaaSkyBlue '].button.button-outline-md,
[class*='-mydcaaSkyBlue '].button.button-outline-ios {
  color: #6bbef9;
  background-color: #ffffff;
  border: thin solid #6bbef9;
}

[class$='-mydcaaSkyBlue'].button.button-outline-md:hover:not(.disable-hover), [class$='-mydcaaSkyBlue'].button.button-outline-ios:hover:not(.disable-hover), ion-col[color='mydcaaSkyBlue'].button.button-outline-md:hover:not(.disable-hover), ion-col[color='mydcaaSkyBlue'].button.button-outline-ios:hover:not(.disable-hover),
[class*='-mydcaaSkyBlue '].button.button-outline-md:hover:not(.disable-hover),
[class*='-mydcaaSkyBlue '].button.button-outline-ios:hover:not(.disable-hover) {
  color: #ffffff;
  background-color: #6bbef9;
}

[class$='-mydcaaSkyBlue'].button.button-outline-md:hover:not(.disable-hover) .icon, [class$='-mydcaaSkyBlue'].button.button-outline-ios:hover:not(.disable-hover) .icon, ion-col[color='mydcaaSkyBlue'].button.button-outline-md:hover:not(.disable-hover) .icon, ion-col[color='mydcaaSkyBlue'].button.button-outline-ios:hover:not(.disable-hover) .icon,
[class*='-mydcaaSkyBlue '].button.button-outline-md:hover:not(.disable-hover) .icon,
[class*='-mydcaaSkyBlue '].button.button-outline-ios:hover:not(.disable-hover) .icon {
  color: #ffffff;
}

[class$='-mydcaaSkyBlue'].button-clear .icon, [class$='-mydcaaSkyBlue'].button-outline-md .icon, [class$='-mydcaaSkyBlue'].button-outline-ios .icon, [class$='-mydcaaSkyBlue'][icon-only] .icon, ion-col[color='mydcaaSkyBlue'].button-clear .icon, ion-col[color='mydcaaSkyBlue'].button-outline-md .icon, ion-col[color='mydcaaSkyBlue'].button-outline-ios .icon, ion-col[color='mydcaaSkyBlue'][icon-only] .icon,
[class*='-mydcaaSkyBlue '].button-clear .icon,
[class*='-mydcaaSkyBlue '].button-outline-md .icon,
[class*='-mydcaaSkyBlue '].button-outline-ios .icon,
[class*='-mydcaaSkyBlue '][icon-only] .icon {
  color: #6bbef9;
}

.button-clear {
  background-color: transparent !important;
  border: none !important;
}

.button[icon-only] {
  background-color: transparent !important;
  border: none !important;
}

.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("../assets/fonts/ionicons.woff2?v=3.0.0-alpha.3") format("woff2"), url("../assets/fonts/ionicons.woff?v=3.0.0-alpha.3") format("woff"), url("../assets/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;
}

[dir="rtl"] ion-icon[aria-label^="arrow"]::before, [dir="rtl"] ion-icon[flip-rtl]::before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

[dir="rtl"] ion-icon[unflip-rtl]::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

ion-icon::before {
  display: inline-block;
}

@font-face {
  font-family: "Calibridcaa";
  font-style: normal;
  font-weight: 300;
  src: local("Dubai"), local("Dubai-Light"), url("../assets/fonts/Dubai-Light.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Dubai-Light.woff") format("woff"), url("../assets/fonts/Dubai-Light.ttf") format("truetype"), url("../assets/fonts/Dubai-Light.svg#Dubai-Light") format("svg");
}

@font-face {
  font-family: "Calibridcaa";
  font-style: normal;
  font-weight: 400;
  src: local("Dubai"), local("Dubai-Regular"), url("../assets/fonts/Dubai-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Dubai-Regular.woff") format("woff"), url("../assets/fonts/Dubai-Regular.ttf") format("truetype"), url("../assets/fonts/Dubai-Regular.svg#Dubai-Regular") format("svg");
}

/* Calibri bold */
@font-face {
  font-family: "Calibridcaa";
  src: local("Dubai-Bold"), local("Dubai-Bold"), url("../assets/fonts/Dubai-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Dubai-Bold.woff") format("woff"), url("../assets/fonts/Dubai-Bold.ttf") format("truetype"), url("../assets/fonts/Dubai-Bold.svg#Dubai-Bold") format("svg");
  font-style: normal;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "Calibridcaa";
  font-style: italic;
  font-weight: 400;
  src: local("Dubai"), local("Dubai-Regular"), url("../assets/fonts/Dubai-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Dubai-Regular.woff") format("woff"), url("../assets/fonts/Dubai-Regular.ttf") format("truetype"), url("../assets/fonts/Dubai-Regular.svg#Dubai-Regular") format("svg");
}

@font-face {
  font-family: "Dubai-Medium";
  src: url("../assets/fonts/Dubai-Medium.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Dubai-Medium.woff") format("woff"), url("../assets/fonts/Dubai-Medium.ttf") format("truetype"), url("../assets/fonts/Dubai-Medium.svg#Dubai-Medium") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Dubai-Light";
  src: url("../assets/fonts/Dubai-Light.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Dubai-Light.woff") format("woff"), url("../assets/fonts/Dubai-Light.ttf") format("truetype"), url("../assets/fonts/Dubai-Light.svg#Dubai-Light") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Dubai-Regular";
  src: url("../assets/fonts/Dubai-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Dubai-Regular.woff") format("woff"), url("../assets/fonts/Dubai-Regular.ttf") format("truetype"), url("../assets/fonts/Dubai-Regular.svg#Dubai-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Droid";
  font-style: normal;
  font-weight: 300;
  src: local("DroidKufi-Regular"), url("../assets/fonts/DroidKufi-Regular.woff") format("woff"), url("../assets/fonts/DroidKufi-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Droid";
  font-style: normal;
  font-weight: 700;
  src: local("DroidKufi-Regular"), url("../assets/fonts/DroidKufi-Bold.ttf") format("truetype");
}

/*Font override*/
ion-action-sheet {
  top: 0;
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 100%;
}

[dir="ltr"] ion-action-sheet {
  left: 0;
}

[dir="rtl"] ion-action-sheet {
  right: 0;
}

.action-sheet-wrapper {
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  max-width: 500px;
  pointer-events: none;
}

[dir="ltr"] .action-sheet-wrapper, [dir="rtl"] .action-sheet-wrapper {
  left: 0;
  right: 0;
}

[dir="ltr"] .action-sheet-wrapper, [dir="rtl"] .action-sheet-wrapper {
  margin: auto;
}

[dir="ltr"] .action-sheet-wrapper, [dir="rtl"] .action-sheet-wrapper {
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
}

.action-sheet-button {
  width: 100%;
}

.action-sheet-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: end;
  -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;
}

[dir="ltr"] .action-sheet-ios .action-sheet-wrapper, [dir="rtl"] .action-sheet-ios .action-sheet-wrapper {
  margin: constant(safe-area-inset-top) auto constant(safe-area-inset-bottom);
}

[dir="ltr"] .action-sheet-ios .action-sheet-wrapper, [dir="rtl"] .action-sheet-ios .action-sheet-wrapper {
  margin: env(safe-area-inset-top) auto env(safe-area-inset-bottom);
}

[dir="ltr"] .action-sheet-ios .action-sheet-container, [dir="rtl"] .action-sheet-ios .action-sheet-container {
  padding: 0 10px;
}

.action-sheet-ios .action-sheet-group {
  background: #f9f9f9;
}

[dir="ltr"] .action-sheet-ios .action-sheet-group, [dir="rtl"] .action-sheet-ios .action-sheet-group {
  border-radius: 13px;
}

[dir="ltr"] .action-sheet-ios .action-sheet-group, [dir="rtl"] .action-sheet-ios .action-sheet-group {
  margin-bottom: 8px;
}

[dir="ltr"] .action-sheet-ios .action-sheet-group:first-child, [dir="rtl"] .action-sheet-ios .action-sheet-group:first-child {
  margin-top: 10px;
}

[dir="ltr"] .action-sheet-ios .action-sheet-group:last-child, [dir="rtl"] .action-sheet-ios .action-sheet-group:last-child {
  margin-bottom: 10px;
}

.action-sheet-ios .action-sheet-title {
  text-align: center;
  border-bottom: 0.55px solid #d6d6da;
  font-size: 1.3rem;
  font-weight: 400;
  color: #8f8f8f;
}

[dir="ltr"] .action-sheet-ios .action-sheet-title, [dir="rtl"] .action-sheet-ios .action-sheet-title {
  padding: 1.5rem;
}

[dir="ltr"] .action-sheet-ios .action-sheet-title, [dir="rtl"] .action-sheet-ios .action-sheet-title {
  border-radius: 0;
}

.action-sheet-ios .action-sheet-button {
  min-height: 5.6rem;
  border-bottom: 0.55px solid #d6d6da;
  font-size: 2rem;
  color: #007aff;
  background: transparent;
}

[dir="ltr"] .action-sheet-ios .action-sheet-button, [dir="rtl"] .action-sheet-ios .action-sheet-button {
  margin: 0;
}

[dir="ltr"] .action-sheet-ios .action-sheet-button, [dir="rtl"] .action-sheet-ios .action-sheet-button {
  padding: 18px;
}

.action-sheet-ios .action-sheet-button:last-child {
  border-bottom-color: transparent;
}

.action-sheet-ios .action-sheet-button.activated {
  border-top: 0.55px solid #ebebeb;
  border-bottom-color: #ebebeb;
  background: #ebebeb;
}

[dir="ltr"] .action-sheet-ios .action-sheet-button.activated, [dir="rtl"] .action-sheet-ios .action-sheet-button.activated {
  margin-top: -0.55px;
}

.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;
}

[dir="ltr"] .action-sheet-md .action-sheet-title, [dir="rtl"] .action-sheet-md .action-sheet-title {
  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;
}

[dir="ltr"] .action-sheet-md .action-sheet-button, [dir="rtl"] .action-sheet-md .action-sheet-button {
  padding: 0 16px;
}

.action-sheet-md .action-sheet-button.activated {
  background: #f1f1f1;
}

.action-sheet-md .action-sheet-icon {
  text-align: center;
  width: 2.3rem;
  font-size: 2.4rem;
  vertical-align: middle;
}

[dir="ltr"] .action-sheet-md .action-sheet-icon, [dir="rtl"] .action-sheet-md .action-sheet-icon {
  padding: 0;
}

[dir="ltr"] .action-sheet-md .action-sheet-icon {
  margin: 0 32px 0 0;
}

[dir="rtl"] .action-sheet-md .action-sheet-icon {
  margin: 0 0 0 32px;
}

.action-sheet-md .action-sheet-group {
  background: #fafafa;
}

[dir="ltr"] .action-sheet-md .action-sheet-group:first-child, [dir="rtl"] .action-sheet-md .action-sheet-group:first-child {
  padding-top: 0.8rem;
}

[dir="ltr"] .action-sheet-md .action-sheet-group:last-child, [dir="rtl"] .action-sheet-md .action-sheet-group:last-child {
  padding-bottom: 0.8rem;
}

.action-sheet-md .action-sheet-group .button-inner {
  -webkit-box-pack: start;
  -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;
}

[dir="ltr"] .action-sheet-wp .action-sheet-title, [dir="rtl"] .action-sheet-wp .action-sheet-title {
  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;
}

[dir="ltr"] .action-sheet-wp .action-sheet-button, [dir="rtl"] .action-sheet-wp .action-sheet-button {
  padding: 0 16px;
}

.action-sheet-wp .action-sheet-button.activated {
  background: #aaa;
}

.action-sheet-wp .action-sheet-icon {
  text-align: center;
  width: 2.3rem;
  font-size: 2.4rem;
  vertical-align: middle;
}

[dir="ltr"] .action-sheet-wp .action-sheet-icon, [dir="rtl"] .action-sheet-wp .action-sheet-icon {
  padding: 0;
}

[dir="ltr"] .action-sheet-wp .action-sheet-icon {
  margin: 0 20px 0 0;
}

[dir="rtl"] .action-sheet-wp .action-sheet-icon {
  margin: 0 0 0 20px;
}

.action-sheet-wp .action-sheet-group {
  background: #fff;
}

.action-sheet-wp .action-sheet-group:first-child {
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

[dir="ltr"] .action-sheet-wp .action-sheet-group:first-child, [dir="rtl"] .action-sheet-wp .action-sheet-group:first-child {
  padding-top: 0.8rem;
}

[dir="ltr"] .action-sheet-wp .action-sheet-group:last-child, [dir="rtl"] .action-sheet-wp .action-sheet-group:last-child {
  padding-bottom: 0.8rem;
}

.action-sheet-wp .action-sheet-group .button-inner {
  -webkit-box-pack: start;
  -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 {
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  contain: strict;
}

[dir="ltr"] ion-alert, [dir="rtl"] ion-alert {
  left: 0;
  right: 0;
}

ion-alert.alert-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

[dir="ltr"] ion-alert.alert-top, [dir="rtl"] ion-alert.alert-top {
  padding-top: 50px;
}

ion-alert input {
  width: 100%;
}

.alert-wrapper {
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 250px;
  max-height: 90%;
  opacity: 0;
  contain: content;
}

[dir="ltr"] .alert-title, [dir="rtl"] .alert-title {
  margin: 0;
}

[dir="ltr"] .alert-title, [dir="rtl"] .alert-title {
  padding: 0;
}

.alert-sub-title {
  font-weight: normal;
}

[dir="ltr"] .alert-sub-title, [dir="rtl"] .alert-sub-title {
  margin: 5px 0 0;
}

[dir="ltr"] .alert-sub-title, [dir="rtl"] .alert-sub-title {
  padding: 0;
}

.alert-message {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.alert-input {
  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;
}

[dir="ltr"] .alert-input, [dir="rtl"] .alert-input {
  padding: 10px 0;
}

.alert-button-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.alert-button-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.alert-button {
  z-index: 0;
  display: block;
  font-size: 14px;
  line-height: 20px;
}

[dir="ltr"] .alert-button, [dir="rtl"] .alert-button {
  margin: 0;
}

.alert-tappable {
  text-align: left;
  text-align: start;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  font-size: inherit;
  line-height: initial;
  background: transparent;
}

[dir="ltr"] .alert-tappable, [dir="rtl"] .alert-tappable {
  margin: 0;
}

[dir="ltr"] .alert-tappable, [dir="rtl"] .alert-tappable {
  padding: 0;
}

.alert-ios .alert-wrapper {
  overflow: hidden;
  max-width: 270px;
  background-color: #f8f8f8;
  -webkit-box-shadow: none;
  box-shadow: none;
}

[dir="ltr"] .alert-ios .alert-wrapper, [dir="rtl"] .alert-ios .alert-wrapper {
  border-radius: 13px;
}

.alert-ios .alert-head {
  text-align: center;
}

[dir="ltr"] .alert-ios .alert-head, [dir="rtl"] .alert-ios .alert-head {
  padding: 12px 16px 7px;
}

.alert-ios .alert-title {
  font-size: 17px;
  font-weight: 600;
}

[dir="ltr"] .alert-ios .alert-title, [dir="rtl"] .alert-ios .alert-title {
  margin-top: 8px;
}

.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;
}

[dir="ltr"] .alert-ios .alert-message, [dir="ltr"] .alert-ios .alert-input-group, [dir="rtl"] .alert-ios .alert-message, [dir="rtl"] .alert-ios .alert-input-group {
  padding: 0 16px 21px;
}

.alert-ios .alert-message {
  max-height: 240px;
}

[dir="ltr"] .alert-ios .alert-message:empty, [dir="rtl"] .alert-ios .alert-message:empty {
  padding: 0 0 12px;
}

.alert-ios .alert-input {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0.55px solid #ccc;
  background-color: #fff;
}

[dir="ltr"] .alert-ios .alert-input, [dir="rtl"] .alert-ios .alert-input {
  margin-top: 10px;
}

[dir="ltr"] .alert-ios .alert-input, [dir="rtl"] .alert-ios .alert-input {
  border-radius: 4px;
}

[dir="ltr"] .alert-ios .alert-input, [dir="rtl"] .alert-ios .alert-input {
  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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 44px;
}

.alert-ios .alert-radio-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
}

[dir="ltr"] .alert-ios .alert-radio-label, [dir="rtl"] .alert-ios .alert-radio-label {
  padding: 13px;
}

.alert-ios [aria-checked=true] .alert-radio-label {
  color: #b21f2f;
}

.alert-ios .alert-radio-icon {
  position: relative;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  min-width: 30px;
}

.alert-ios [aria-checked=true] .alert-radio-inner {
  top: -7px;
  position: absolute;
  width: 6px;
  height: 12px;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #b21f2f;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

[dir="ltr"] .alert-ios [aria-checked=true] .alert-radio-inner {
  left: 7px;
}

[dir="rtl"] .alert-ios [aria-checked=true] .alert-radio-inner {
  right: 7px;
}

.alert-ios .alert-checkbox-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
}

[dir="ltr"] .alert-ios .alert-checkbox-label, [dir="rtl"] .alert-ios .alert-checkbox-label {
  padding: 13px;
}

.alert-ios [aria-checked=true] .alert-checkbox-label {
  color: initial;
}

.alert-ios .alert-checkbox-icon {
  position: relative;
  width: 21px;
  height: 21px;
  border-width: 0.55px;
  border-style: solid;
  border-color: #c8c7cc;
  background-color: #fff;
}

[dir="ltr"] .alert-ios .alert-checkbox-icon, [dir="rtl"] .alert-ios .alert-checkbox-icon {
  border-radius: 50%;
}

[dir="ltr"] .alert-ios .alert-checkbox-icon {
  margin: 10px 6px 10px 16px;
}

[dir="rtl"] .alert-ios .alert-checkbox-icon {
  margin: 10px 16px 10px 6px;
}

.alert-ios [aria-checked=true] .alert-checkbox-icon {
  border-color: #b21f2f;
  background-color: #b21f2f;
}

.alert-ios [aria-checked=true] .alert-checkbox-inner {
  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);
}

[dir="ltr"] .alert-ios [aria-checked=true] .alert-checkbox-inner {
  left: 7px;
}

[dir="rtl"] .alert-ios [aria-checked=true] .alert-checkbox-inner {
  right: 7px;
}

.alert-ios .alert-button-group {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

[dir="ltr"] .alert-ios .alert-button-group {
  margin-right: -0.55px;
}

[dir="rtl"] .alert-ios .alert-button-group {
  margin-left: -0.55px;
}

.alert-ios .alert-button {
  overflow: hidden;
  -webkit-box-flex: 1;
  -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: #b21f2f;
  background-color: transparent;
}

[dir="ltr"] .alert-ios .alert-button, [dir="rtl"] .alert-ios .alert-button {
  margin: 0;
}

[dir="ltr"] .alert-ios .alert-button, [dir="rtl"] .alert-ios .alert-button {
  border-radius: 0;
}

.alert-ios .alert-button:last-child {
  border-right: 0;
  font-weight: bold;
}

.alert-ios .alert-button.activated {
  background-color: #e9e9e9;
}

.alert-md .alert-wrapper {
  max-width: 280px;
  background-color: #fafafa;
  -webkit-box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
}

[dir="ltr"] .alert-md .alert-wrapper, [dir="rtl"] .alert-md .alert-wrapper {
  border-radius: 2px;
}

.alert-md .alert-head {
  text-align: left;
  text-align: start;
}

[dir="ltr"] .alert-md .alert-head, [dir="rtl"] .alert-md .alert-head {
  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);
}

[dir="ltr"] .alert-md .alert-message, [dir="ltr"] .alert-md .alert-input-group, [dir="rtl"] .alert-md .alert-message, [dir="rtl"] .alert-md .alert-input-group {
  padding: 0 24px 24px;
}

.alert-md .alert-message {
  max-height: 240px;
  font-size: 15px;
}

[dir="ltr"] .alert-md .alert-message:empty, [dir="rtl"] .alert-md .alert-message:empty {
  padding: 0;
}

.alert-md .alert-input {
  border-bottom: 1px solid #dedede;
  color: #000;
}

[dir="ltr"] .alert-md .alert-input, [dir="rtl"] .alert-md .alert-input {
  margin: 5px 0;
}

.alert-md .alert-input:focus {
  border-bottom: 2px solid #b21f2f;
}

[dir="ltr"] .alert-md .alert-input:focus, [dir="rtl"] .alert-md .alert-input:focus {
  margin-bottom: 4px;
}

.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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 4.4rem;
}

.alert-md .alert-radio-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
}

[dir="ltr"] .alert-md .alert-radio-label, [dir="rtl"] .alert-md .alert-radio-label {
  padding: 13px 26px;
}

.alert-md .alert-radio-icon {
  top: 0;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
}

[dir="ltr"] .alert-md .alert-radio-icon {
  left: 13px;
}

[dir="rtl"] .alert-md .alert-radio-icon {
  right: 13px;
}

[dir="ltr"] .alert-md .alert-radio-icon, [dir="rtl"] .alert-md .alert-radio-icon {
  border-radius: 50%;
}

.alert-md .alert-radio-inner {
  top: 2px;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #b21f2f;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  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);
}

[dir="ltr"] .alert-md .alert-radio-inner {
  left: 2px;
}

[dir="rtl"] .alert-md .alert-radio-inner {
  right: 2px;
}

[dir="ltr"] .alert-md .alert-radio-inner, [dir="rtl"] .alert-md .alert-radio-inner {
  border-radius: 50%;
}

.alert-md [aria-checked=true] .alert-radio-label {
  color: #b21f2f;
}

.alert-md [aria-checked=true] .alert-radio-icon {
  border-color: #b21f2f;
}

.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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
}

[dir="ltr"] .alert-md .alert-checkbox-label, [dir="rtl"] .alert-md .alert-checkbox-label {
  padding: 13px 26px;
}

.alert-md [aria-checked=true] .alert-checkbox-label {
  color: initial;
}

.alert-md .alert-checkbox-icon {
  top: 0;
  position: relative;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
}

[dir="ltr"] .alert-md .alert-checkbox-icon {
  left: 13px;
}

[dir="rtl"] .alert-md .alert-checkbox-icon {
  right: 13px;
}

[dir="ltr"] .alert-md .alert-checkbox-icon, [dir="rtl"] .alert-md .alert-checkbox-icon {
  border-radius: 2px;
}

.alert-md [aria-checked=true] .alert-checkbox-icon {
  border-color: #b21f2f;
  background-color: #b21f2f;
}

.alert-md [aria-checked=true] .alert-checkbox-inner {
  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);
}

[dir="ltr"] .alert-md [aria-checked=true] .alert-checkbox-inner {
  left: 3px;
}

[dir="rtl"] .alert-md [aria-checked=true] .alert-checkbox-inner {
  right: 3px;
}

.alert-md .alert-button-group {
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

[dir="ltr"] .alert-md .alert-button-group {
  padding: 8px 8px 8px 24px;
}

[dir="rtl"] .alert-md .alert-button-group {
  padding: 8px 24px 8px 8px;
}

.alert-md .alert-button {
  text-align: right;
  text-align: end;
  position: relative;
  overflow: hidden;
  font-weight: 500;
  text-transform: uppercase;
  color: #b21f2f;
  background-color: transparent;
}

[dir="ltr"] .alert-md .alert-button, [dir="rtl"] .alert-md .alert-button {
  border-radius: 2px;
}

[dir="ltr"] .alert-md .alert-button {
  margin: 0 8px 0 0;
}

[dir="rtl"] .alert-md .alert-button {
  margin: 0 0 0 8px;
}

[dir="ltr"] .alert-md .alert-button, [dir="rtl"] .alert-md .alert-button {
  padding: 10px;
}

.alert-md .alert-button.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.alert-md .alert-button .button-inner {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.alert-wp ion-backdrop {
  background: #fff;
}

.alert-wp .alert-wrapper {
  width: 100%;
  max-width: 520px;
  border: 1px solid #b21f2f;
  background: #e6e6e6;
}

[dir="ltr"] .alert-wp .alert-wrapper, [dir="rtl"] .alert-wp .alert-wrapper {
  border-radius: 0;
}

.alert-wp .alert-head {
  text-align: left;
  text-align: start;
}

[dir="ltr"] .alert-wp .alert-head, [dir="rtl"] .alert-wp .alert-head {
  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;
}

[dir="ltr"] .alert-wp .alert-message, [dir="ltr"] .alert-wp .alert-input-group, [dir="rtl"] .alert-wp .alert-message, [dir="rtl"] .alert-wp .alert-input-group {
  padding: 0 22px 8px;
}

.alert-wp .alert-message {
  max-height: 240px;
  font-size: 13px;
}

[dir="ltr"] .alert-wp .alert-message:empty, [dir="rtl"] .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;
}

[dir="ltr"] .alert-wp .alert-input, [dir="rtl"] .alert-wp .alert-input {
  margin: 5px 0;
}

[dir="ltr"] .alert-wp .alert-input, [dir="rtl"] .alert-wp .alert-input {
  padding: 0 8px;
}

.alert-wp .alert-input:focus {
  border-color: #b21f2f;
}

.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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 4.4rem;
}

.alert-wp .alert-radio-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
}

[dir="ltr"] .alert-wp .alert-radio-label, [dir="rtl"] .alert-wp .alert-radio-label {
  padding: 13px 26px;
}

.alert-wp .alert-radio-icon {
  top: 0;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5);
}

[dir="ltr"] .alert-wp .alert-radio-icon {
  left: 13px;
}

[dir="rtl"] .alert-wp .alert-radio-icon {
  right: 13px;
}

[dir="ltr"] .alert-wp .alert-radio-icon, [dir="rtl"] .alert-wp .alert-radio-icon {
  margin: 0;
}

[dir="ltr"] .alert-wp .alert-radio-icon, [dir="rtl"] .alert-wp .alert-radio-icon {
  border-radius: 50%;
}

.alert-wp .alert-radio-inner {
  top: 2px;
  position: absolute;
  display: none;
  width: 8px;
  height: 8px;
  background: #b21f2f;
}

[dir="ltr"] .alert-wp .alert-radio-inner {
  left: 2px;
}

[dir="rtl"] .alert-wp .alert-radio-inner {
  right: 2px;
}

[dir="ltr"] .alert-wp .alert-radio-inner, [dir="rtl"] .alert-wp .alert-radio-inner {
  border-radius: 50%;
}

.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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
}

[dir="ltr"] .alert-wp .alert-checkbox-label, [dir="rtl"] .alert-wp .alert-checkbox-label {
  padding: 13px 26px;
}

.alert-wp [aria-checked=true] .alert-checkbox-label {
  color: initial;
}

.alert-wp .alert-checkbox-icon {
  top: 0;
  position: relative;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5);
  background: transparent;
}

[dir="ltr"] .alert-wp .alert-checkbox-icon {
  left: 13px;
}

[dir="rtl"] .alert-wp .alert-checkbox-icon {
  right: 13px;
}

[dir="ltr"] .alert-wp .alert-checkbox-icon, [dir="rtl"] .alert-wp .alert-checkbox-icon {
  border-radius: 0;
}

.alert-wp [aria-checked=true] .alert-checkbox-icon {
  border-color: #b21f2f;
  background: #b21f2f;
}

.alert-wp [aria-checked=true] .alert-checkbox-inner {
  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);
}

[dir="ltr"] .alert-wp [aria-checked=true] .alert-checkbox-inner {
  left: 3px;
}

[dir="rtl"] .alert-wp [aria-checked=true] .alert-checkbox-inner {
  right: 3px;
}

.alert-wp .alert-button-group {
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

[dir="ltr"] .alert-wp .alert-button-group, [dir="rtl"] .alert-wp .alert-button-group {
  padding: 20px 22px;
}

.alert-wp .alert-button-group-vertical .alert-button {
  width: 100%;
}

[dir="ltr"] .alert-wp .alert-button-group-vertical .alert-button, [dir="rtl"] .alert-wp .alert-button-group-vertical .alert-button {
  margin-top: 5px;
}

[dir="ltr"] .alert-wp .alert-button-group-vertical .alert-button:first-child:not(:only-child) {
  margin-right: 0;
}

[dir="rtl"] .alert-wp .alert-button-group-vertical .alert-button:first-child:not(:only-child) {
  margin-left: 0;
}

[dir="ltr"] .alert-wp .alert-button-group-vertical .alert-button:first-child:not(:only-child), [dir="rtl"] .alert-wp .alert-button-group-vertical .alert-button:first-child:not(:only-child) {
  margin-top: 0;
}

.alert-wp .alert-button {
  width: 49.5%;
  font-weight: 400;
  color: #000;
  background: #b8b8b8;
}

[dir="ltr"] .alert-wp .alert-button, [dir="rtl"] .alert-wp .alert-button {
  border-radius: 0;
}

[dir="ltr"] .alert-wp .alert-button, [dir="rtl"] .alert-wp .alert-button {
  padding: 5px;
}

[dir="ltr"] .alert-wp .alert-button:first-child:not(:only-child) {
  margin-right: 1%;
}

[dir="rtl"] .alert-wp .alert-button:first-child:not(:only-child) {
  margin-left: 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;
  -webkit-box-sizing: content-box;
  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::-moz-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;
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-shadow: 0 0 8px 1px #51a7e8;
  box-shadow: 0 0 8px 1px #51a7e8;
}

ion-input :focus {
  outline: none;
}

.click-block {
  display: none;
}

.click-block-enabled {
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 99999;
  display: block;
  opacity: 0;
  contain: strict;
}

[dir="ltr"] .click-block-enabled, [dir="rtl"] .click-block-enabled {
  left: 0;
  right: 0;
}

[dir="ltr"] .click-block-enabled, [dir="rtl"] .click-block-enabled {
  -webkit-transform: translate3d(0,  -100%,  0) translateY(1px);
  transform: translate3d(0,  -100%,  0) translateY(1px);
}

[dir="ltr"] .click-block-active, [dir="rtl"] .click-block-active {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

html {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  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;
  -moz-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;
}

[dir="ltr"] body, [dir="rtl"] body {
  margin: 0;
}

[dir="ltr"] body, [dir="rtl"] body {
  padding: 0;
}

a {
  background-color: transparent;
}

.enable-hover a:hover {
  opacity: .7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  line-height: 1.2;
}

[dir="ltr"] h1, [dir="ltr"] h2, [dir="ltr"] h3, [dir="ltr"] h4, [dir="ltr"] h5, [dir="ltr"] h6, [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 {
  margin-top: 1.6rem;
  margin-bottom: 1rem;
}

[dir="ltr"] [padding] h1:first-child, [dir="ltr"] [padding] h2:first-child, [dir="ltr"] [padding] h3:first-child, [dir="ltr"] [padding] h4:first-child, [dir="ltr"] [padding] h5:first-child, [dir="ltr"] [padding] h6:first-child, [dir="rtl"] [padding] h1:first-child, [dir="rtl"] [padding] h2:first-child, [dir="rtl"] [padding] h3:first-child, [dir="rtl"] [padding] h4:first-child, [dir="rtl"] [padding] h5:first-child, [dir="rtl"] [padding] h6:first-child {
  margin-top: -0.3rem;
}

[dir="ltr"] h1 + h2, [dir="ltr"] h1 + h3, [dir="ltr"] h2 + h3, [dir="rtl"] h1 + h2, [dir="rtl"] h1 + h3, [dir="rtl"] h2 + h3 {
  margin-top: -0.3rem;
}

h1 {
  font-size: 2.6rem;
}

[dir="ltr"] h1, [dir="rtl"] h1 {
  margin-top: 2rem;
}

h2 {
  font-size: 2.4rem;
}

[dir="ltr"] h2, [dir="rtl"] h2 {
  margin-top: 1.8rem;
}

h3 {
  font-size: 2.2rem;
}

h4 {
  font-size: 2rem;
}

h5 {
  font-size: 1.8rem;
}

h6 {
  font-size: 1.6rem;
}

small {
  font-size: 75%;
}

sub,
sup {
  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 {
  top: 0;
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
}

[dir="ltr"] ion-app, [dir="ltr"] ion-nav, [dir="ltr"] ion-tab, [dir="ltr"] ion-tabs, [dir="ltr"] .app-root {
  left: 0;
}

[dir="rtl"] ion-app, [dir="rtl"] ion-nav, [dir="rtl"] ion-tab, [dir="rtl"] ion-tabs, [dir="rtl"] .app-root {
  right: 0;
}

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 {
  top: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

[dir="ltr"] .ion-page {
  left: 0;
}

[dir="rtl"] .ion-page {
  right: 0;
}

.ion-page.show-page {
  opacity: 1;
}

ion-header {
  top: 0;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
}

[dir="ltr"] ion-header {
  left: 0;
}

[dir="rtl"] ion-header {
  right: 0;
}

ion-footer {
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
}

[dir="ltr"] ion-footer {
  left: 0;
}

[dir="rtl"] ion-footer {
  right: 0;
}

[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;
  }
}

[dir="ltr"] [float-left], [dir="rtl"] [float-left] {
  float: left !important;
}

[dir="ltr"] [float-right], [dir="rtl"] [float-right] {
  float: right !important;
}

[dir="ltr"] [float-start] {
  float: left !important;
}

[dir="rtl"] [float-start] {
  float: right !important;
}

[dir="ltr"] [float-end] {
  float: right !important;
}

[dir="rtl"] [float-end] {
  float: left !important;
}

@media (min-width: 576px) {
  [dir="ltr"] [float-sm-left], [dir="rtl"] [float-sm-left] {
    float: left !important;
  }
  [dir="ltr"] [float-sm-right], [dir="rtl"] [float-sm-right] {
    float: right !important;
  }
  [dir="ltr"] [float-sm-start] {
    float: left !important;
  }
  [dir="rtl"] [float-sm-start] {
    float: right !important;
  }
  [dir="ltr"] [float-sm-end] {
    float: right !important;
  }
  [dir="rtl"] [float-sm-end] {
    float: left !important;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [float-md-left], [dir="rtl"] [float-md-left] {
    float: left !important;
  }
  [dir="ltr"] [float-md-right], [dir="rtl"] [float-md-right] {
    float: right !important;
  }
  [dir="ltr"] [float-md-start] {
    float: left !important;
  }
  [dir="rtl"] [float-md-start] {
    float: right !important;
  }
  [dir="ltr"] [float-md-end] {
    float: right !important;
  }
  [dir="rtl"] [float-md-end] {
    float: left !important;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [float-lg-left], [dir="rtl"] [float-lg-left] {
    float: left !important;
  }
  [dir="ltr"] [float-lg-right], [dir="rtl"] [float-lg-right] {
    float: right !important;
  }
  [dir="ltr"] [float-lg-start] {
    float: left !important;
  }
  [dir="rtl"] [float-lg-start] {
    float: right !important;
  }
  [dir="ltr"] [float-lg-end] {
    float: right !important;
  }
  [dir="rtl"] [float-lg-end] {
    float: left !important;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [float-xl-left], [dir="rtl"] [float-xl-left] {
    float: left !important;
  }
  [dir="ltr"] [float-xl-right], [dir="rtl"] [float-xl-right] {
    float: right !important;
  }
  [dir="ltr"] [float-xl-start] {
    float: left !important;
  }
  [dir="rtl"] [float-xl-start] {
    float: right !important;
  }
  [dir="ltr"] [float-xl-end] {
    float: right !important;
  }
  [dir="rtl"] [float-xl-end] {
    float: left !important;
  }
}

ion-app.ios {
  font-family: "Calibridcaa";
  font-size: 1.4rem;
  background-color: #fff;
}

ion-app.md {
  font-family: "Calibridcaa";
  font-size: 1.4rem;
  background-color: #fff;
}

ion-app.wp {
  font-family: "Calibridcaa";
  font-size: 1.4rem;
  background-color: #fff;
}

ion-backdrop {
  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);
}

[dir="ltr"] ion-backdrop {
  left: 0;
}

[dir="rtl"] ion-backdrop {
  right: 0;
}

ion-backdrop.backdrop-no-tappable {
  cursor: auto;
}

ion-badge {
  text-align: center;
  display: inline-block;
  min-width: 10px;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  vertical-align: baseline;
}

[dir="ltr"] ion-badge, [dir="rtl"] ion-badge {
  padding: 3px 8px;
}

ion-badge:empty {
  display: none;
}

.badge-ios {
  color: #fff;
  background-color: #b21f2f;
}

[dir="ltr"] .badge-ios, [dir="rtl"] .badge-ios {
  border-radius: 10px;
}

.badge-ios-transparent {
  color: #636262;
  background-color: transparent;
}

.badge-ios-white {
  color: #000;
  background-color: #ffffff;
}

.badge-ios-primary {
  color: #fff;
  background-color: #b21f2f;
}

.badge-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.badge-ios-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.badge-md {
  color: #fff;
  background-color: #b21f2f;
}

[dir="ltr"] .badge-md, [dir="rtl"] .badge-md {
  border-radius: 4px;
}

.badge-md-transparent {
  color: #636262;
  background-color: transparent;
}

.badge-md-white {
  color: #000;
  background-color: #ffffff;
}

.badge-md-primary {
  color: #fff;
  background-color: #b21f2f;
}

.badge-md-light {
  color: #000;
  background-color: #f4f4f4;
}

.badge-md-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.badge-wp {
  color: #fff;
  background-color: #b21f2f;
}

[dir="ltr"] .badge-wp, [dir="rtl"] .badge-wp {
  border-radius: 0;
}

.badge-wp-transparent {
  color: #636262;
  background-color: transparent;
}

.badge-wp-white {
  color: #000;
  background-color: #ffffff;
}

.badge-wp-primary {
  color: #fff;
  background-color: #b21f2f;
}

.badge-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.badge-wp-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.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;
  -webkit-transition: background-color, opacity 100ms linear;
  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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -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-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  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-right-width: 0;
  border-left-width: 0;
}

[dir="ltr"] .button-full.button-outline, [dir="rtl"] .button-full.button-outline {
  border-radius: 0;
}

[icon-left] ion-icon,
[icon-start] ion-icon {
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

[dir="ltr"] [icon-left] ion-icon, [dir="ltr"] [icon-start] ion-icon {
  padding-right: 0.3em;
}

[dir="rtl"] [icon-left] ion-icon, [dir="rtl"] [icon-start] ion-icon {
  padding-left: 0.3em;
}

[icon-right] ion-icon,
[icon-end] ion-icon {
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

[dir="ltr"] [icon-right] ion-icon, [dir="ltr"] [icon-end] ion-icon {
  padding-left: 0.4em;
}

[dir="rtl"] [icon-right] ion-icon, [dir="rtl"] [icon-end] ion-icon {
  padding-right: 0.4em;
}

.button[icon-only] {
  min-width: .9em;
}

[dir="ltr"] .button[icon-only], [dir="rtl"] .button[icon-only] {
  padding: 0;
}

[icon-only] ion-icon {
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

[dir="ltr"] [icon-only] ion-icon, [dir="rtl"] [icon-only] ion-icon {
  padding: 0 0.5em;
}

.button-ios {
  height: 2.8em;
  font-size: 1.6rem;
  color: #fff;
  background-color: #b21f2f;
}

[dir="ltr"] .button-ios, [dir="rtl"] .button-ios {
  border-radius: 4px;
}

[dir="ltr"] .button-ios, [dir="rtl"] .button-ios {
  margin: 0.4rem 0.2rem;
}

[dir="ltr"] .button-ios, [dir="rtl"] .button-ios {
  padding: 0 1em;
}

.button-ios.activated {
  background-color: #b83140;
  opacity: 1;
}

.button-ios:hover:not(.disable-hover) {
  opacity: 0.8;
}

.button-large-ios {
  height: 2.8em;
  font-size: 2rem;
}

[dir="ltr"] .button-large-ios, [dir="rtl"] .button-large-ios {
  padding: 0 1em;
}

.button-small-ios {
  height: 2.1em;
  font-size: 1.3rem;
}

[dir="ltr"] .button-small-ios, [dir="rtl"] .button-small-ios {
  padding: 0 0.9em;
}

.button-small-ios[icon-only] ion-icon {
  font-size: 1.3em;
}

[dir="ltr"] .button-block-ios, [dir="rtl"] .button-block-ios {
  margin-left: 0;
  margin-right: 0;
}

.button-full-ios {
  border-right-width: 0;
  border-left-width: 0;
}

[dir="ltr"] .button-full-ios, [dir="rtl"] .button-full-ios {
  margin-left: 0;
  margin-right: 0;
}

[dir="ltr"] .button-full-ios, [dir="rtl"] .button-full-ios {
  border-radius: 0;
}

.button-outline-ios {
  border-width: 1px;
  border-style: solid;
  border-color: #b21f2f;
  color: #b21f2f;
  background-color: transparent;
}

[dir="ltr"] .button-outline-ios, [dir="rtl"] .button-outline-ios {
  border-radius: 4px;
}

.button-outline-ios.activated {
  color: #fff;
  background-color: #b21f2f;
  opacity: 1;
}

.button-clear-ios {
  border-color: transparent;
  color: #b21f2f;
  background-color: transparent;
}

.button-clear-ios.activated {
  background-color: transparent;
  opacity: 0.4;
}

.button-clear-ios:hover:not(.disable-hover) {
  color: #b21f2f;
  opacity: 0.6;
}

[dir="ltr"] .button-round-ios, [dir="rtl"] .button-round-ios {
  border-radius: 64px;
}

[dir="ltr"] .button-round-ios, [dir="rtl"] .button-round-ios {
  padding: 0 2.6rem;
}

.button-ios-transparent {
  color: #636262;
  background-color: transparent;
}

.button-ios-transparent.activated {
  background-color: rgba(255, 255, 255, 0.08);
}

.button-outline-ios-transparent {
  border-color: transparent;
  color: transparent;
  background-color: transparent;
}

.button-outline-ios-transparent.activated {
  color: #636262;
  background-color: transparent;
}

.button-clear-ios-transparent {
  border-color: transparent;
  color: transparent;
  background-color: transparent;
}

.button-clear-ios-transparent.activated {
  opacity: 0.4;
}

.button-clear-ios-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.button-ios-white {
  color: #000;
  background-color: #ffffff;
}

.button-ios-white.activated {
  background-color: #ebebeb;
}

.button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.button-clear-ios-white {
  border-color: transparent;
  color: #ffffff;
  background-color: transparent;
}

.button-clear-ios-white.activated {
  opacity: 0.4;
}

.button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.button-ios-primary {
  color: #fff;
  background-color: #b21f2f;
}

.button-ios-primary.activated {
  background-color: #b83140;
}

.button-outline-ios-primary {
  border-color: #b21f2f;
  color: #b21f2f;
  background-color: transparent;
}

.button-outline-ios-primary.activated {
  color: #fff;
  background-color: #b21f2f;
}

.button-clear-ios-primary {
  border-color: transparent;
  color: #b21f2f;
  background-color: transparent;
}

.button-clear-ios-primary.activated {
  opacity: 0.4;
}

.button-clear-ios-primary:hover:not(.disable-hover) {
  color: #b21f2f;
}

.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-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.button-ios-folderBorder.activated {
  background-color: #7b7f86;
}

.button-outline-ios-folderBorder {
  border-color: #70747c;
  color: #70747c;
  background-color: transparent;
}

.button-outline-ios-folderBorder.activated {
  color: #fff;
  background-color: #70747c;
}

.button-clear-ios-folderBorder {
  border-color: transparent;
  color: #70747c;
  background-color: transparent;
}

.button-clear-ios-folderBorder.activated {
  opacity: 0.4;
}

.button-clear-ios-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.button-strong-ios {
  font-weight: 600;
}

.button-md {
  overflow: hidden;
  height: 3.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  background-color: #b21f2f;
  -webkit-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);
  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);
  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  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), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

[dir="ltr"] .button-md, [dir="rtl"] .button-md {
  border-radius: 2px;
}

[dir="ltr"] .button-md, [dir="rtl"] .button-md {
  margin: 0.4rem 0.2rem;
}

[dir="ltr"] .button-md, [dir="rtl"] .button-md {
  padding: 0 1.1em;
}

.button-md:hover:not(.disable-hover) {
  background-color: #b21f2f;
}

.button-md.activated {
  background-color: #b83140;
  -webkit-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;
  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;
}

[dir="ltr"] .button-large-md, [dir="rtl"] .button-large-md {
  padding: 0 1em;
}

.button-small-md {
  height: 2.1em;
  font-size: 1.3rem;
}

[dir="ltr"] .button-small-md, [dir="rtl"] .button-small-md {
  padding: 0 0.9em;
}

.button-small-md[icon-only] ion-icon {
  font-size: 1.4em;
}

[dir="ltr"] .button-block-md, [dir="rtl"] .button-block-md {
  margin-left: 0;
  margin-right: 0;
}

.button-full-md {
  border-right-width: 0;
  border-left-width: 0;
}

[dir="ltr"] .button-full-md, [dir="rtl"] .button-full-md {
  margin-left: 0;
  margin-right: 0;
}

[dir="ltr"] .button-full-md, [dir="rtl"] .button-full-md {
  border-radius: 0;
}

.button-outline-md {
  border-width: 1px;
  border-style: solid;
  border-color: #b21f2f;
  color: #b21f2f;
  background-color: transparent;
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}

.button-outline-md .button-effect {
  background-color: #b21f2f;
}

.button-clear-md {
  border-color: transparent;
  color: #b21f2f;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}

.button-clear-md.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  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;
}

[dir="ltr"] .button-round-md, [dir="rtl"] .button-round-md {
  border-radius: 64px;
}

[dir="ltr"] .button-round-md, [dir="rtl"] .button-round-md {
  padding: 0 2.6rem;
}

[dir="ltr"] .button-md [icon-only], [dir="rtl"] .button-md [icon-only] {
  padding: 0;
}

.button-effect {
  position: absolute;
  z-index: 0;
  display: none;
  background-color: #555;
  opacity: .2;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  pointer-events: none;
}

[dir="ltr"] .button-effect, [dir="rtl"] .button-effect {
  border-radius: 50%;
}

[dir="ltr"] .button-effect {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

[dir="rtl"] .button-effect {
  -webkit-transform-origin: calc(100% - center) center;
  transform-origin: calc(100% - center) center;
}

[dir="ltr"] .button-effect, [dir="rtl"] .button-effect {
  top: 0;
  left: 0;
}

.md button .button-effect {
  display: block;
}

.button-md-transparent {
  color: #636262;
  background-color: transparent;
}

.button-md-transparent:hover:not(.disable-hover) {
  background-color: transparent;
}

.button-md-transparent.activated {
  background-color: rgba(255, 255, 255, 0.08);
  opacity: 1;
}

.button-md-transparent .button-effect {
  background-color: #636262;
}

.button-outline-md-transparent {
  border-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.05);
  background-color: transparent;
}

.button-outline-md-transparent:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-transparent.activated {
  background-color: transparent;
}

.button-outline-md-transparent .button-effect {
  background-color: rgba(255, 255, 255, 0.05);
}

.button-clear-md-transparent {
  border-color: transparent;
  color: transparent;
  background-color: transparent;
}

.button-clear-md-transparent.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.button-md-white {
  color: #000;
  background-color: #ffffff;
}

.button-md-white:hover:not(.disable-hover) {
  background-color: #ffffff;
}

.button-md-white.activated {
  background-color: #ebebeb;
  opacity: 1;
}

.button-md-white .button-effect {
  background-color: #000;
}

.button-outline-md-white {
  border-color: #f2f2f2;
  color: #f2f2f2;
  background-color: transparent;
}

.button-outline-md-white:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-white.activated {
  background-color: transparent;
}

.button-outline-md-white .button-effect {
  background-color: #f2f2f2;
}

.button-clear-md-white {
  border-color: transparent;
  color: #ffffff;
  background-color: transparent;
}

.button-clear-md-white.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.button-md-primary {
  color: #fff;
  background-color: #b21f2f;
}

.button-md-primary:hover:not(.disable-hover) {
  background-color: #b21f2f;
}

.button-md-primary.activated {
  background-color: #b83140;
  opacity: 1;
}

.button-md-primary .button-effect {
  background-color: #fff;
}

.button-outline-md-primary {
  border-color: #b62a39;
  color: #b62a39;
  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: #b62a39;
}

.button-clear-md-primary {
  border-color: transparent;
  color: #b21f2f;
  background-color: transparent;
}

.button-clear-md-primary.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-primary:hover:not(.disable-hover) {
  color: #b21f2f;
}

.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);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.button-md-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.button-md-folderBorder:hover:not(.disable-hover) {
  background-color: #70747c;
}

.button-md-folderBorder.activated {
  background-color: #7b7f86;
  opacity: 1;
}

.button-md-folderBorder .button-effect {
  background-color: #fff;
}

.button-outline-md-folderBorder {
  border-color: #777b83;
  color: #777b83;
  background-color: transparent;
}

.button-outline-md-folderBorder:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-folderBorder.activated {
  background-color: transparent;
}

.button-outline-md-folderBorder .button-effect {
  background-color: #777b83;
}

.button-clear-md-folderBorder {
  border-color: transparent;
  color: #70747c;
  background-color: transparent;
}

.button-clear-md-folderBorder.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.button-strong-md {
  font-weight: bold;
}

.button-wp {
  height: 3.6rem;
  border: 3px solid transparent;
  font-size: 1.4rem;
  color: #fff;
  background-color: #b21f2f;
}

[dir="ltr"] .button-wp, [dir="rtl"] .button-wp {
  border-radius: 0;
}

[dir="ltr"] .button-wp, [dir="rtl"] .button-wp {
  margin: 0.4rem 0.2rem;
}

[dir="ltr"] .button-wp, [dir="rtl"] .button-wp {
  padding: 0 1.1em;
}

.button-wp:hover:not(.disable-hover) {
  border-color: #b83140;
  background-color: #b21f2f;
}

.button-wp.activated {
  background-color: #b83140;
}

.button-large-wp {
  height: 2.8em;
  font-size: 2rem;
}

[dir="ltr"] .button-large-wp, [dir="rtl"] .button-large-wp {
  padding: 0 1em;
}

.button-small-wp {
  height: 2.1em;
  font-size: 1.3rem;
}

[dir="ltr"] .button-small-wp, [dir="rtl"] .button-small-wp {
  padding: 0 0.9em;
}

.button-small-wp[icon-only] ion-icon {
  font-size: 1.4em;
}

[dir="ltr"] .button-block-wp, [dir="rtl"] .button-block-wp {
  margin-left: 0;
  margin-right: 0;
}

.button-full-wp {
  border-right-width: 0;
  border-left-width: 0;
}

[dir="ltr"] .button-full-wp, [dir="rtl"] .button-full-wp {
  margin-left: 0;
  margin-right: 0;
}

[dir="ltr"] .button-full-wp, [dir="rtl"] .button-full-wp {
  border-radius: 0;
}

.button-outline-wp {
  border-width: 1px;
  border-style: solid;
  border-color: #b21f2f;
  color: #b21f2f;
  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(178, 31, 47, 0.16);
}

.button-clear-wp {
  color: #b21f2f;
  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);
}

[dir="ltr"] .button-round-wp, [dir="rtl"] .button-round-wp {
  border-radius: 64px;
}

[dir="ltr"] .button-round-wp, [dir="rtl"] .button-round-wp {
  padding: 0 2.6rem;
}

[dir="ltr"] .button-wp [icon-only], [dir="rtl"] .button-wp [icon-only] {
  padding: 0;
}

.button-wp-transparent {
  color: #636262;
  background-color: transparent;
}

.button-wp-transparent:hover:not(.disable-hover) {
  border-color: rgba(255, 255, 255, 0.08);
  background-color: transparent;
}

.button-wp-transparent.activated {
  background-color: rgba(255, 255, 255, 0.08);
}

.button-outline-wp-transparent {
  border-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.05);
  background-color: transparent;
}

.button-outline-wp-transparent:hover:not(.disable-hover) {
  border-color: rgba(255, 255, 255, 0.05);
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-transparent.activated {
  background-color: rgba(255, 255, 255, 0.16);
}

.button-clear-wp-transparent {
  color: transparent;
  background-color: transparent;
}

.button-clear-wp-transparent.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.button-wp-white {
  color: #000;
  background-color: #ffffff;
}

.button-wp-white:hover:not(.disable-hover) {
  border-color: #ebebeb;
  background-color: #ffffff;
}

.button-wp-white.activated {
  background-color: #ebebeb;
}

.button-outline-wp-white {
  border-color: #f2f2f2;
  color: #f2f2f2;
  background-color: transparent;
}

.button-outline-wp-white:hover:not(.disable-hover) {
  border-color: #f2f2f2;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-white.activated {
  background-color: rgba(242, 242, 242, 0.16);
}

.button-clear-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.button-clear-wp-white.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.button-wp-primary {
  color: #fff;
  background-color: #b21f2f;
}

.button-wp-primary:hover:not(.disable-hover) {
  border-color: #b83140;
  background-color: #b21f2f;
}

.button-wp-primary.activated {
  background-color: #b83140;
}

.button-outline-wp-primary {
  border-color: #b62a39;
  color: #b62a39;
  background-color: transparent;
}

.button-outline-wp-primary:hover:not(.disable-hover) {
  border-color: #b62a39;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-primary.activated {
  background-color: rgba(182, 42, 57, 0.16);
}

.button-clear-wp-primary {
  color: #b21f2f;
  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: #b21f2f;
}

.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-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.button-wp-folderBorder:hover:not(.disable-hover) {
  border-color: #7b7f86;
  background-color: #70747c;
}

.button-wp-folderBorder.activated {
  background-color: #7b7f86;
}

.button-outline-wp-folderBorder {
  border-color: #777b83;
  color: #777b83;
  background-color: transparent;
}

.button-outline-wp-folderBorder:hover:not(.disable-hover) {
  border-color: #777b83;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-folderBorder.activated {
  background-color: rgba(119, 123, 131, 0.16);
}

.button-clear-wp-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.button-clear-wp-folderBorder.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.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 {
  width: calc(100% - 24px);
  font-size: 1.4rem;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

[dir="ltr"] .card-ios, [dir="rtl"] .card-ios {
  margin: 12px;
}

[dir="ltr"] .card-ios, [dir="rtl"] .card-ios {
  border-radius: 2px;
}

[dir="ltr"] .card-ios ion-list, [dir="rtl"] .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 {
  font-size: 1.4rem;
  line-height: 1.4;
}

[dir="ltr"] .card-content-ios, [dir="rtl"] .card-content-ios {
  padding: 13px 16px 14px;
}

.card-header-ios {
  font-size: 1.6rem;
  font-weight: 500;
  color: #333;
}

[dir="ltr"] .card-header-ios, [dir="rtl"] .card-header-ios {
  padding: 16px;
}

[dir="ltr"] .card-header-ios + .card-content-ios, [dir="ltr"] .card-ios .item + .card-content-ios, [dir="rtl"] .card-header-ios + .card-content-ios, [dir="rtl"] .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;
}

[dir="ltr"] .card-title-ios, [dir="rtl"] .card-title-ios {
  margin: 2px 0;
}

[dir="ltr"] .card-title-ios, [dir="rtl"] .card-title-ios {
  padding: 8px 0;
}

.card-ios h1 {
  font-size: 2.4rem;
  font-weight: normal;
}

[dir="ltr"] .card-ios h1, [dir="rtl"] .card-ios h1 {
  margin: 0 0 2px;
}

.card-ios h2 {
  font-size: 1.6rem;
  font-weight: normal;
}

[dir="ltr"] .card-ios h2, [dir="rtl"] .card-ios h2 {
  margin: 2px 0;
}

.card-ios h3,
.card-ios h4,
.card-ios h5,
.card-ios h6 {
  font-size: 1.4rem;
  font-weight: normal;
}

[dir="ltr"] .card-ios h3, [dir="ltr"] .card-ios h4, [dir="ltr"] .card-ios h5, [dir="ltr"] .card-ios h6, [dir="rtl"] .card-ios h3, [dir="rtl"] .card-ios h4, [dir="rtl"] .card-ios h5, [dir="rtl"] .card-ios h6 {
  margin: 2px 0;
}

.card-ios p {
  font-size: 1.4rem;
  color: #666;
}

[dir="ltr"] .card-ios p, [dir="rtl"] .card-ios p {
  margin: 0 0 2px;
}

[dir="ltr"] .card-ios + ion-card, [dir="rtl"] .card-ios + ion-card {
  margin-top: 0;
}

.card-ios .text-ios-transparent {
  color: transparent;
}

.card-ios-transparent {
  color: #636262;
  background-color: transparent;
}

.card-ios-transparent .card-header-ios,
.card-ios-transparent .card-title-ios,
.card-ios-transparent .card-content-ios,
.card-ios-transparent p {
  color: #636262;
}

.card-ios-transparent .text-ios-transparent,
.card-ios-transparent .card-header-ios-transparent,
.card-ios-transparent .card-title-ios-transparent,
.card-ios-transparent .card-content-ios-transparent {
  color: transparent;
}

.card-ios-transparent .text-ios-white,
.card-ios-transparent .card-header-ios-white,
.card-ios-transparent .card-title-ios-white,
.card-ios-transparent .card-content-ios-white {
  color: #ffffff;
}

.card-ios-transparent .text-ios-primary,
.card-ios-transparent .card-header-ios-primary,
.card-ios-transparent .card-title-ios-primary,
.card-ios-transparent .card-content-ios-primary {
  color: #b21f2f;
}

.card-ios-transparent .text-ios-light,
.card-ios-transparent .card-header-ios-light,
.card-ios-transparent .card-title-ios-light,
.card-ios-transparent .card-content-ios-light {
  color: #f4f4f4;
}

.card-ios-transparent .text-ios-folderBorder,
.card-ios-transparent .card-header-ios-folderBorder,
.card-ios-transparent .card-title-ios-folderBorder,
.card-ios-transparent .card-content-ios-folderBorder {
  color: #70747c;
}

.card-header-ios-transparent,
.card-title-ios-transparent,
.card-content-ios-transparent {
  color: transparent;
}

.card-ios .text-ios-white {
  color: #ffffff;
}

.card-ios-white {
  color: #000;
  background-color: #ffffff;
}

.card-ios-white .card-header-ios,
.card-ios-white .card-title-ios,
.card-ios-white .card-content-ios,
.card-ios-white p {
  color: #000;
}

.card-ios-white .text-ios-transparent,
.card-ios-white .card-header-ios-transparent,
.card-ios-white .card-title-ios-transparent,
.card-ios-white .card-content-ios-transparent {
  color: transparent;
}

.card-ios-white .text-ios-white,
.card-ios-white .card-header-ios-white,
.card-ios-white .card-title-ios-white,
.card-ios-white .card-content-ios-white {
  color: #ffffff;
}

.card-ios-white .text-ios-primary,
.card-ios-white .card-header-ios-primary,
.card-ios-white .card-title-ios-primary,
.card-ios-white .card-content-ios-primary {
  color: #b21f2f;
}

.card-ios-white .text-ios-light,
.card-ios-white .card-header-ios-light,
.card-ios-white .card-title-ios-light,
.card-ios-white .card-content-ios-light {
  color: #f4f4f4;
}

.card-ios-white .text-ios-folderBorder,
.card-ios-white .card-header-ios-folderBorder,
.card-ios-white .card-title-ios-folderBorder,
.card-ios-white .card-content-ios-folderBorder {
  color: #70747c;
}

.card-header-ios-white,
.card-title-ios-white,
.card-content-ios-white {
  color: #ffffff;
}

.card-ios .text-ios-primary {
  color: #b21f2f;
}

.card-ios-primary {
  color: #fff;
  background-color: #b21f2f;
}

.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-transparent,
.card-ios-primary .card-header-ios-transparent,
.card-ios-primary .card-title-ios-transparent,
.card-ios-primary .card-content-ios-transparent {
  color: transparent;
}

.card-ios-primary .text-ios-white,
.card-ios-primary .card-header-ios-white,
.card-ios-primary .card-title-ios-white,
.card-ios-primary .card-content-ios-white {
  color: #ffffff;
}

.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: #b21f2f;
}

.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-folderBorder,
.card-ios-primary .card-header-ios-folderBorder,
.card-ios-primary .card-title-ios-folderBorder,
.card-ios-primary .card-content-ios-folderBorder {
  color: #70747c;
}

.card-header-ios-primary,
.card-title-ios-primary,
.card-content-ios-primary {
  color: #b21f2f;
}

.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-transparent,
.card-ios-light .card-header-ios-transparent,
.card-ios-light .card-title-ios-transparent,
.card-ios-light .card-content-ios-transparent {
  color: transparent;
}

.card-ios-light .text-ios-white,
.card-ios-light .card-header-ios-white,
.card-ios-light .card-title-ios-white,
.card-ios-light .card-content-ios-white {
  color: #ffffff;
}

.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: #b21f2f;
}

.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-folderBorder,
.card-ios-light .card-header-ios-folderBorder,
.card-ios-light .card-title-ios-folderBorder,
.card-ios-light .card-content-ios-folderBorder {
  color: #70747c;
}

.card-header-ios-light,
.card-title-ios-light,
.card-content-ios-light {
  color: #f4f4f4;
}

.card-ios .text-ios-folderBorder {
  color: #70747c;
}

.card-ios-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.card-ios-folderBorder .card-header-ios,
.card-ios-folderBorder .card-title-ios,
.card-ios-folderBorder .card-content-ios,
.card-ios-folderBorder p {
  color: #fff;
}

.card-ios-folderBorder .text-ios-transparent,
.card-ios-folderBorder .card-header-ios-transparent,
.card-ios-folderBorder .card-title-ios-transparent,
.card-ios-folderBorder .card-content-ios-transparent {
  color: transparent;
}

.card-ios-folderBorder .text-ios-white,
.card-ios-folderBorder .card-header-ios-white,
.card-ios-folderBorder .card-title-ios-white,
.card-ios-folderBorder .card-content-ios-white {
  color: #ffffff;
}

.card-ios-folderBorder .text-ios-primary,
.card-ios-folderBorder .card-header-ios-primary,
.card-ios-folderBorder .card-title-ios-primary,
.card-ios-folderBorder .card-content-ios-primary {
  color: #b21f2f;
}

.card-ios-folderBorder .text-ios-light,
.card-ios-folderBorder .card-header-ios-light,
.card-ios-folderBorder .card-title-ios-light,
.card-ios-folderBorder .card-content-ios-light {
  color: #f4f4f4;
}

.card-ios-folderBorder .text-ios-folderBorder,
.card-ios-folderBorder .card-header-ios-folderBorder,
.card-ios-folderBorder .card-title-ios-folderBorder,
.card-ios-folderBorder .card-content-ios-folderBorder {
  color: #70747c;
}

.card-header-ios-folderBorder,
.card-title-ios-folderBorder,
.card-content-ios-folderBorder {
  color: #70747c;
}

.card-md {
  width: calc(100% - 20px);
  font-size: 1.4rem;
  background: #fff;
  -webkit-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);
  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);
}

[dir="ltr"] .card-md, [dir="rtl"] .card-md {
  margin: 10px;
}

[dir="ltr"] .card-md, [dir="rtl"] .card-md {
  border-radius: 2px;
}

[dir="ltr"] .card-md ion-list, [dir="rtl"] .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 {
  font-size: 1.4rem;
  line-height: 1.5;
}

[dir="ltr"] .card-content-md, [dir="rtl"] .card-content-md {
  padding: 13px 16px;
}

.card-header-md {
  font-size: 1.6rem;
  color: #222;
}

[dir="ltr"] .card-header-md, [dir="rtl"] .card-header-md {
  padding: 16px;
}

[dir="ltr"] .card-header-md + .card-content-md, [dir="ltr"] .card-md .item + .card-content-md, [dir="rtl"] .card-header-md + .card-content-md, [dir="rtl"] .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;
}

[dir="ltr"] .card-title-md, [dir="rtl"] .card-title-md {
  margin: 2px 0;
}

[dir="ltr"] .card-title-md, [dir="rtl"] .card-title-md {
  padding: 8px 0;
}

.card-md h1 {
  font-size: 2.4rem;
  font-weight: normal;
  color: #222;
}

[dir="ltr"] .card-md h1, [dir="rtl"] .card-md h1 {
  margin: 0 0 2px;
}

.card-md h2 {
  font-size: 1.6rem;
  font-weight: normal;
  color: #222;
}

[dir="ltr"] .card-md h2, [dir="rtl"] .card-md h2 {
  margin: 2px 0;
}

.card-md h3,
.card-md h4,
.card-md h5,
.card-md h6 {
  font-size: 1.4rem;
  font-weight: normal;
  color: #222;
}

[dir="ltr"] .card-md h3, [dir="ltr"] .card-md h4, [dir="ltr"] .card-md h5, [dir="ltr"] .card-md h6, [dir="rtl"] .card-md h3, [dir="rtl"] .card-md h4, [dir="rtl"] .card-md h5, [dir="rtl"] .card-md h6 {
  margin: 2px 0;
}

.card-md p {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.5;
  color: #222;
}

[dir="ltr"] .card-md p, [dir="rtl"] .card-md p {
  margin: 0 0 2px;
}

[dir="ltr"] .card-md + ion-card, [dir="rtl"] .card-md + ion-card {
  margin-top: 0;
}

.card-md .text-md-transparent {
  color: transparent;
}

.card-md-transparent {
  color: #636262;
  background-color: transparent;
}

.card-md-transparent .card-header-md,
.card-md-transparent .card-title-md,
.card-md-transparent .card-content-md,
.card-md-transparent h1,
.card-md-transparent h2,
.card-md-transparent h3,
.card-md-transparent h4,
.card-md-transparent h5,
.card-md-transparent h6,
.card-md-transparent p {
  color: #636262;
}

.card-md-transparent .text-md-transparent,
.card-md-transparent .card-header-md-transparent,
.card-md-transparent .card-title-md-transparent,
.card-md-transparent .card-content-md-transparent {
  color: transparent;
}

.card-md-transparent .text-md-white,
.card-md-transparent .card-header-md-white,
.card-md-transparent .card-title-md-white,
.card-md-transparent .card-content-md-white {
  color: #ffffff;
}

.card-md-transparent .text-md-primary,
.card-md-transparent .card-header-md-primary,
.card-md-transparent .card-title-md-primary,
.card-md-transparent .card-content-md-primary {
  color: #b21f2f;
}

.card-md-transparent .text-md-light,
.card-md-transparent .card-header-md-light,
.card-md-transparent .card-title-md-light,
.card-md-transparent .card-content-md-light {
  color: #f4f4f4;
}

.card-md-transparent .text-md-folderBorder,
.card-md-transparent .card-header-md-folderBorder,
.card-md-transparent .card-title-md-folderBorder,
.card-md-transparent .card-content-md-folderBorder {
  color: #70747c;
}

.card-header-md-transparent,
.card-title-md-transparent,
.card-content-md-transparent {
  color: transparent;
}

.card-md .text-md-white {
  color: #ffffff;
}

.card-md-white {
  color: #000;
  background-color: #ffffff;
}

.card-md-white .card-header-md,
.card-md-white .card-title-md,
.card-md-white .card-content-md,
.card-md-white h1,
.card-md-white h2,
.card-md-white h3,
.card-md-white h4,
.card-md-white h5,
.card-md-white h6,
.card-md-white p {
  color: #000;
}

.card-md-white .text-md-transparent,
.card-md-white .card-header-md-transparent,
.card-md-white .card-title-md-transparent,
.card-md-white .card-content-md-transparent {
  color: transparent;
}

.card-md-white .text-md-white,
.card-md-white .card-header-md-white,
.card-md-white .card-title-md-white,
.card-md-white .card-content-md-white {
  color: #ffffff;
}

.card-md-white .text-md-primary,
.card-md-white .card-header-md-primary,
.card-md-white .card-title-md-primary,
.card-md-white .card-content-md-primary {
  color: #b21f2f;
}

.card-md-white .text-md-light,
.card-md-white .card-header-md-light,
.card-md-white .card-title-md-light,
.card-md-white .card-content-md-light {
  color: #f4f4f4;
}

.card-md-white .text-md-folderBorder,
.card-md-white .card-header-md-folderBorder,
.card-md-white .card-title-md-folderBorder,
.card-md-white .card-content-md-folderBorder {
  color: #70747c;
}

.card-header-md-white,
.card-title-md-white,
.card-content-md-white {
  color: #ffffff;
}

.card-md .text-md-primary {
  color: #b21f2f;
}

.card-md-primary {
  color: #fff;
  background-color: #b21f2f;
}

.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-transparent,
.card-md-primary .card-header-md-transparent,
.card-md-primary .card-title-md-transparent,
.card-md-primary .card-content-md-transparent {
  color: transparent;
}

.card-md-primary .text-md-white,
.card-md-primary .card-header-md-white,
.card-md-primary .card-title-md-white,
.card-md-primary .card-content-md-white {
  color: #ffffff;
}

.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: #b21f2f;
}

.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-folderBorder,
.card-md-primary .card-header-md-folderBorder,
.card-md-primary .card-title-md-folderBorder,
.card-md-primary .card-content-md-folderBorder {
  color: #70747c;
}

.card-header-md-primary,
.card-title-md-primary,
.card-content-md-primary {
  color: #b21f2f;
}

.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-transparent,
.card-md-light .card-header-md-transparent,
.card-md-light .card-title-md-transparent,
.card-md-light .card-content-md-transparent {
  color: transparent;
}

.card-md-light .text-md-white,
.card-md-light .card-header-md-white,
.card-md-light .card-title-md-white,
.card-md-light .card-content-md-white {
  color: #ffffff;
}

.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: #b21f2f;
}

.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-folderBorder,
.card-md-light .card-header-md-folderBorder,
.card-md-light .card-title-md-folderBorder,
.card-md-light .card-content-md-folderBorder {
  color: #70747c;
}

.card-header-md-light,
.card-title-md-light,
.card-content-md-light {
  color: #f4f4f4;
}

.card-md .text-md-folderBorder {
  color: #70747c;
}

.card-md-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.card-md-folderBorder .card-header-md,
.card-md-folderBorder .card-title-md,
.card-md-folderBorder .card-content-md,
.card-md-folderBorder h1,
.card-md-folderBorder h2,
.card-md-folderBorder h3,
.card-md-folderBorder h4,
.card-md-folderBorder h5,
.card-md-folderBorder h6,
.card-md-folderBorder p {
  color: #fff;
}

.card-md-folderBorder .text-md-transparent,
.card-md-folderBorder .card-header-md-transparent,
.card-md-folderBorder .card-title-md-transparent,
.card-md-folderBorder .card-content-md-transparent {
  color: transparent;
}

.card-md-folderBorder .text-md-white,
.card-md-folderBorder .card-header-md-white,
.card-md-folderBorder .card-title-md-white,
.card-md-folderBorder .card-content-md-white {
  color: #ffffff;
}

.card-md-folderBorder .text-md-primary,
.card-md-folderBorder .card-header-md-primary,
.card-md-folderBorder .card-title-md-primary,
.card-md-folderBorder .card-content-md-primary {
  color: #b21f2f;
}

.card-md-folderBorder .text-md-light,
.card-md-folderBorder .card-header-md-light,
.card-md-folderBorder .card-title-md-light,
.card-md-folderBorder .card-content-md-light {
  color: #f4f4f4;
}

.card-md-folderBorder .text-md-folderBorder,
.card-md-folderBorder .card-header-md-folderBorder,
.card-md-folderBorder .card-title-md-folderBorder,
.card-md-folderBorder .card-content-md-folderBorder {
  color: #70747c;
}

.card-header-md-folderBorder,
.card-title-md-folderBorder,
.card-content-md-folderBorder {
  color: #70747c;
}

.card-wp {
  width: calc(100% - 16px);
  font-size: 1.4rem;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
}

[dir="ltr"] .card-wp, [dir="rtl"] .card-wp {
  margin: 8px;
}

[dir="ltr"] .card-wp, [dir="rtl"] .card-wp {
  border-radius: 1px;
}

[dir="ltr"] .card-wp ion-list, [dir="rtl"] .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 {
  font-size: 1.4rem;
  line-height: 1.5;
}

[dir="ltr"] .card-content-wp, [dir="rtl"] .card-content-wp {
  padding: 13px 16px;
}

.card-header-wp {
  font-size: 1.6rem;
  color: #222;
}

[dir="ltr"] .card-header-wp, [dir="rtl"] .card-header-wp {
  padding: 16px;
}

[dir="ltr"] .card-header-wp + .card-content-wp, [dir="ltr"] .card-wp .item + .card-content-wp, [dir="rtl"] .card-header-wp + .card-content-wp, [dir="rtl"] .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;
}

[dir="ltr"] .card-title-wp, [dir="rtl"] .card-title-wp {
  margin: 2px 0;
}

[dir="ltr"] .card-title-wp, [dir="rtl"] .card-title-wp {
  padding: 8px 0;
}

.card-wp h1 {
  font-size: 2.4rem;
  font-weight: normal;
  color: #222;
}

[dir="ltr"] .card-wp h1, [dir="rtl"] .card-wp h1 {
  margin: 0 0 2px;
}

.card-wp h2 {
  font-size: 1.6rem;
  font-weight: normal;
  color: #222;
}

[dir="ltr"] .card-wp h2, [dir="rtl"] .card-wp h2 {
  margin: 2px 0;
}

.card-wp h3,
.card-wp h4,
.card-wp h5,
.card-wp h6 {
  font-size: 1.4rem;
  font-weight: normal;
  color: #222;
}

[dir="ltr"] .card-wp h3, [dir="ltr"] .card-wp h4, [dir="ltr"] .card-wp h5, [dir="ltr"] .card-wp h6, [dir="rtl"] .card-wp h3, [dir="rtl"] .card-wp h4, [dir="rtl"] .card-wp h5, [dir="rtl"] .card-wp h6 {
  margin: 2px 0;
}

.card-wp p {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.5;
  color: #222;
}

[dir="ltr"] .card-wp p, [dir="rtl"] .card-wp p {
  margin: 0 0 2px;
}

[dir="ltr"] .card-wp + ion-card, [dir="rtl"] .card-wp + ion-card {
  margin-top: 0;
}

.card-wp .text-wp-transparent {
  color: transparent;
}

.card-wp-transparent {
  color: #636262;
  background-color: transparent;
}

.card-wp-transparent .card-header-wp,
.card-wp-transparent .card-title-wp,
.card-wp-transparent .card-content-wp,
.card-wp-transparent h1,
.card-wp-transparent h2,
.card-wp-transparent h3,
.card-wp-transparent h4,
.card-wp-transparent h5,
.card-wp-transparent h6,
.card-wp-transparent p {
  color: #636262;
}

.card-wp-transparent .text-wp-transparent,
.card-wp-transparent .card-header-wp-transparent,
.card-wp-transparent .card-title-wp-transparent,
.card-wp-transparent .card-content-wp-transparent {
  color: transparent;
}

.card-wp-transparent .text-wp-white,
.card-wp-transparent .card-header-wp-white,
.card-wp-transparent .card-title-wp-white,
.card-wp-transparent .card-content-wp-white {
  color: #ffffff;
}

.card-wp-transparent .text-wp-primary,
.card-wp-transparent .card-header-wp-primary,
.card-wp-transparent .card-title-wp-primary,
.card-wp-transparent .card-content-wp-primary {
  color: #b21f2f;
}

.card-wp-transparent .text-wp-light,
.card-wp-transparent .card-header-wp-light,
.card-wp-transparent .card-title-wp-light,
.card-wp-transparent .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-transparent .text-wp-folderBorder,
.card-wp-transparent .card-header-wp-folderBorder,
.card-wp-transparent .card-title-wp-folderBorder,
.card-wp-transparent .card-content-wp-folderBorder {
  color: #70747c;
}

.card-header-wp-transparent,
.card-title-wp-transparent,
.card-content-wp-transparent {
  color: transparent;
}

.card-wp .text-wp-white {
  color: #ffffff;
}

.card-wp-white {
  color: #000;
  background-color: #ffffff;
}

.card-wp-white .card-header-wp,
.card-wp-white .card-title-wp,
.card-wp-white .card-content-wp,
.card-wp-white h1,
.card-wp-white h2,
.card-wp-white h3,
.card-wp-white h4,
.card-wp-white h5,
.card-wp-white h6,
.card-wp-white p {
  color: #000;
}

.card-wp-white .text-wp-transparent,
.card-wp-white .card-header-wp-transparent,
.card-wp-white .card-title-wp-transparent,
.card-wp-white .card-content-wp-transparent {
  color: transparent;
}

.card-wp-white .text-wp-white,
.card-wp-white .card-header-wp-white,
.card-wp-white .card-title-wp-white,
.card-wp-white .card-content-wp-white {
  color: #ffffff;
}

.card-wp-white .text-wp-primary,
.card-wp-white .card-header-wp-primary,
.card-wp-white .card-title-wp-primary,
.card-wp-white .card-content-wp-primary {
  color: #b21f2f;
}

.card-wp-white .text-wp-light,
.card-wp-white .card-header-wp-light,
.card-wp-white .card-title-wp-light,
.card-wp-white .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-white .text-wp-folderBorder,
.card-wp-white .card-header-wp-folderBorder,
.card-wp-white .card-title-wp-folderBorder,
.card-wp-white .card-content-wp-folderBorder {
  color: #70747c;
}

.card-header-wp-white,
.card-title-wp-white,
.card-content-wp-white {
  color: #ffffff;
}

.card-wp .text-wp-primary {
  color: #b21f2f;
}

.card-wp-primary {
  color: #fff;
  background-color: #b21f2f;
}

.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-transparent,
.card-wp-primary .card-header-wp-transparent,
.card-wp-primary .card-title-wp-transparent,
.card-wp-primary .card-content-wp-transparent {
  color: transparent;
}

.card-wp-primary .text-wp-white,
.card-wp-primary .card-header-wp-white,
.card-wp-primary .card-title-wp-white,
.card-wp-primary .card-content-wp-white {
  color: #ffffff;
}

.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: #b21f2f;
}

.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-folderBorder,
.card-wp-primary .card-header-wp-folderBorder,
.card-wp-primary .card-title-wp-folderBorder,
.card-wp-primary .card-content-wp-folderBorder {
  color: #70747c;
}

.card-header-wp-primary,
.card-title-wp-primary,
.card-content-wp-primary {
  color: #b21f2f;
}

.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-transparent,
.card-wp-light .card-header-wp-transparent,
.card-wp-light .card-title-wp-transparent,
.card-wp-light .card-content-wp-transparent {
  color: transparent;
}

.card-wp-light .text-wp-white,
.card-wp-light .card-header-wp-white,
.card-wp-light .card-title-wp-white,
.card-wp-light .card-content-wp-white {
  color: #ffffff;
}

.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: #b21f2f;
}

.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-folderBorder,
.card-wp-light .card-header-wp-folderBorder,
.card-wp-light .card-title-wp-folderBorder,
.card-wp-light .card-content-wp-folderBorder {
  color: #70747c;
}

.card-header-wp-light,
.card-title-wp-light,
.card-content-wp-light {
  color: #f4f4f4;
}

.card-wp .text-wp-folderBorder {
  color: #70747c;
}

.card-wp-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.card-wp-folderBorder .card-header-wp,
.card-wp-folderBorder .card-title-wp,
.card-wp-folderBorder .card-content-wp,
.card-wp-folderBorder h1,
.card-wp-folderBorder h2,
.card-wp-folderBorder h3,
.card-wp-folderBorder h4,
.card-wp-folderBorder h5,
.card-wp-folderBorder h6,
.card-wp-folderBorder p {
  color: #fff;
}

.card-wp-folderBorder .text-wp-transparent,
.card-wp-folderBorder .card-header-wp-transparent,
.card-wp-folderBorder .card-title-wp-transparent,
.card-wp-folderBorder .card-content-wp-transparent {
  color: transparent;
}

.card-wp-folderBorder .text-wp-white,
.card-wp-folderBorder .card-header-wp-white,
.card-wp-folderBorder .card-title-wp-white,
.card-wp-folderBorder .card-content-wp-white {
  color: #ffffff;
}

.card-wp-folderBorder .text-wp-primary,
.card-wp-folderBorder .card-header-wp-primary,
.card-wp-folderBorder .card-title-wp-primary,
.card-wp-folderBorder .card-content-wp-primary {
  color: #b21f2f;
}

.card-wp-folderBorder .text-wp-light,
.card-wp-folderBorder .card-header-wp-light,
.card-wp-folderBorder .card-title-wp-light,
.card-wp-folderBorder .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-folderBorder .text-wp-folderBorder,
.card-wp-folderBorder .card-header-wp-folderBorder,
.card-wp-folderBorder .card-title-wp-folderBorder,
.card-wp-folderBorder .card-content-wp-folderBorder {
  color: #70747c;
}

.card-header-wp-folderBorder,
.card-title-wp-folderBorder,
.card-content-wp-folderBorder {
  color: #70747c;
}

.checkbox-ios {
  position: relative;
  display: inline-block;
}

.checkbox-ios .checkbox-icon {
  position: relative;
  width: 21px;
  height: 21px;
  border-width: 1px;
  border-style: solid;
  border-color: #c8c7cc;
  background-color: #fff;
}

[dir="ltr"] .checkbox-ios .checkbox-icon, [dir="rtl"] .checkbox-ios .checkbox-icon {
  border-radius: 50%;
}

.checkbox-ios .checkbox-checked {
  border-color: #b21f2f;
  background-color: #b21f2f;
}

.checkbox-ios .checkbox-checked .checkbox-inner {
  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);
}

[dir="ltr"] .checkbox-ios .checkbox-checked .checkbox-inner {
  left: 7px;
}

[dir="rtl"] .checkbox-ios .checkbox-checked .checkbox-inner {
  right: 7px;
}

.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;
}

[dir="ltr"] .item.item-ios .checkbox-ios {
  margin: 8px 16px 8px 2px;
}

[dir="rtl"] .item.item-ios .checkbox-ios {
  margin: 8px 2px 8px 16px;
}

[dir="ltr"] .item.item-ios .checkbox-ios[item-right], [dir="ltr"] .item.item-ios .checkbox-ios[item-end] {
  margin: 10px 8px 9px 0;
}

[dir="rtl"] .item.item-ios .checkbox-ios[item-right], [dir="rtl"] .item.item-ios .checkbox-ios[item-end] {
  margin: 10px 0 9px 8px;
}

.checkbox-ios-transparent .checkbox-checked {
  border-color: transparent;
  background-color: transparent;
}

.checkbox-ios-transparent .checkbox-checked .checkbox-inner {
  border-color: #636262;
}

.checkbox-ios-white .checkbox-checked {
  border-color: #ffffff;
  background-color: #ffffff;
}

.checkbox-ios-white .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-primary .checkbox-checked {
  border-color: #b21f2f;
  background-color: #b21f2f;
}

.checkbox-ios-primary .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-folderBorder .checkbox-checked {
  border-color: #70747c;
  background-color: #70747c;
}

.checkbox-ios-folderBorder .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md {
  position: relative;
  display: inline-block;
}

.checkbox-md .checkbox-icon {
  position: relative;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
  background-color: #fff;
  -webkit-transition-duration: 280ms;
  transition-duration: 280ms;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

[dir="ltr"] .checkbox-md .checkbox-icon, [dir="rtl"] .checkbox-md .checkbox-icon {
  border-radius: 2px;
}

.checkbox-md .checkbox-checked {
  border-color: #b21f2f;
  background-color: #b21f2f;
}

.checkbox-md .checkbox-checked .checkbox-inner {
  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);
}

[dir="ltr"] .checkbox-md .checkbox-checked .checkbox-inner {
  left: 4px;
}

[dir="rtl"] .checkbox-md .checkbox-checked .checkbox-inner {
  right: 4px;
}

.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;
}

[dir="ltr"] .item.item-md .checkbox-md {
  margin: 9px 36px 9px 4px;
}

[dir="rtl"] .item.item-md .checkbox-md {
  margin: 9px 4px 9px 36px;
}

[dir="ltr"] .item.item-md .checkbox-md[item-right], [dir="ltr"] .item.item-md .checkbox-md[item-end] {
  margin: 11px 10px 10px 0;
}

[dir="rtl"] .item.item-md .checkbox-md[item-right], [dir="rtl"] .item.item-md .checkbox-md[item-end] {
  margin: 11px 0 10px 10px;
}

[dir="ltr"] .checkbox-md + .item-inner ion-label {
  margin-left: 0;
}

[dir="rtl"] .checkbox-md + .item-inner ion-label {
  margin-right: 0;
}

.checkbox-md-transparent .checkbox-checked {
  border-color: transparent;
  background-color: transparent;
}

.checkbox-md-transparent .checkbox-checked .checkbox-inner {
  border-color: #636262;
}

.checkbox-md-white .checkbox-checked {
  border-color: #ffffff;
  background-color: #ffffff;
}

.checkbox-md-white .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-primary .checkbox-checked {
  border-color: #b21f2f;
  background-color: #b21f2f;
}

.checkbox-md-primary .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-folderBorder .checkbox-checked {
  border-color: #70747c;
  background-color: #70747c;
}

.checkbox-md-folderBorder .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp {
  position: relative;
  display: inline-block;
}

.checkbox-wp .checkbox-icon {
  position: relative;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #333;
  background-color: #fff;
}

[dir="ltr"] .checkbox-wp .checkbox-icon, [dir="rtl"] .checkbox-wp .checkbox-icon {
  border-radius: 0;
}

.checkbox-wp .checkbox-checked {
  border-color: #b21f2f;
  background-color: #b21f2f;
}

.checkbox-wp .checkbox-checked .checkbox-inner {
  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);
}

[dir="ltr"] .checkbox-wp .checkbox-checked .checkbox-inner {
  left: 3px;
}

[dir="rtl"] .checkbox-wp .checkbox-checked .checkbox-inner {
  right: 3px;
}

.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;
}

[dir="ltr"] .item.item-wp .checkbox-wp {
  margin: 9px 16px 9px 4px;
}

[dir="rtl"] .item.item-wp .checkbox-wp {
  margin: 9px 4px 9px 16px;
}

[dir="ltr"] .item.item-wp .checkbox-wp[item-right], [dir="ltr"] .item.item-wp .checkbox-wp[item-end] {
  margin: 11px 10px 10px 0;
}

[dir="rtl"] .item.item-wp .checkbox-wp[item-right], [dir="rtl"] .item.item-wp .checkbox-wp[item-end] {
  margin: 11px 0 10px 10px;
}

[dir="ltr"] .checkbox-wp + .item-inner ion-label {
  margin-left: 0;
}

[dir="rtl"] .checkbox-wp + .item-inner ion-label {
  margin-right: 0;
}

.checkbox-wp-transparent .checkbox-checked {
  border-color: transparent;
  background-color: transparent;
}

.checkbox-wp-transparent .checkbox-checked .checkbox-inner {
  border-color: #636262;
}

.checkbox-wp-white .checkbox-checked {
  border-color: #ffffff;
  background-color: #ffffff;
}

.checkbox-wp-white .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-primary .checkbox-checked {
  border-color: #b21f2f;
  background-color: #b21f2f;
}

.checkbox-wp-primary .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-folderBorder .checkbox-checked {
  border-color: #70747c;
  background-color: #70747c;
}

.checkbox-wp-folderBorder .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

ion-chip {
  display: -webkit-inline-box;
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ion-chip .button {
  width: 32px;
  height: 32px;
}

[dir="ltr"] ion-chip .button, [dir="rtl"] ion-chip .button {
  border-radius: 50%;
}

[dir="ltr"] ion-chip .button, [dir="rtl"] ion-chip .button {
  margin: 0;
}

ion-chip ion-icon {
  text-align: center;
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 32px;
}

[dir="ltr"] ion-chip ion-icon, [dir="rtl"] ion-chip ion-icon {
  border-radius: 50%;
}

ion-chip ion-avatar {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

[dir="ltr"] ion-chip ion-avatar, [dir="rtl"] ion-chip ion-avatar {
  border-radius: 50%;
}

ion-chip ion-avatar img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

[dir="ltr"] ion-chip ion-avatar img, [dir="rtl"] ion-chip ion-avatar img {
  border-radius: 50%;
}

.chip-ios {
  height: 32px;
  font-size: 13px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.12);
}

[dir="ltr"] .chip-ios, [dir="rtl"] .chip-ios {
  border-radius: 16px;
}

[dir="ltr"] .chip-ios, [dir="rtl"] .chip-ios {
  margin: 2px 0;
}

[dir="ltr"] .chip-ios > ion-label, [dir="rtl"] .chip-ios > ion-label {
  margin: 0 10px;
}

.chip-ios > ion-icon {
  color: #fff;
  background-color: #b21f2f;
}

.chip-ios-transparent,
.chip-ios .icon-ios-transparent {
  color: #636262;
  background-color: transparent;
}

.chip-ios-white,
.chip-ios .icon-ios-white {
  color: #000;
  background-color: #ffffff;
}

.chip-ios-primary,
.chip-ios .icon-ios-primary {
  color: #fff;
  background-color: #b21f2f;
}

.chip-ios-light,
.chip-ios .icon-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.chip-ios-folderBorder,
.chip-ios .icon-ios-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.chip-md {
  height: 32px;
  font-size: 13px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.12);
}

[dir="ltr"] .chip-md, [dir="rtl"] .chip-md {
  border-radius: 16px;
}

[dir="ltr"] .chip-md, [dir="rtl"] .chip-md {
  margin: 2px 0;
}

[dir="ltr"] .chip-md > ion-label, [dir="rtl"] .chip-md > ion-label {
  margin: 0 10px;
}

.chip-md > ion-icon {
  color: #fff;
  background-color: #b21f2f;
}

.chip-md-transparent,
.chip-md .icon-md-transparent {
  color: #636262;
  background-color: transparent;
}

.chip-md-white,
.chip-md .icon-md-white {
  color: #000;
  background-color: #ffffff;
}

.chip-md-primary,
.chip-md .icon-md-primary {
  color: #fff;
  background-color: #b21f2f;
}

.chip-md-light,
.chip-md .icon-md-light {
  color: #000;
  background-color: #f4f4f4;
}

.chip-md-folderBorder,
.chip-md .icon-md-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.chip-wp {
  height: 32px;
  font-size: 13px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.12);
}

[dir="ltr"] .chip-wp, [dir="rtl"] .chip-wp {
  border-radius: 16px;
}

[dir="ltr"] .chip-wp, [dir="rtl"] .chip-wp {
  margin: 2px 0;
}

[dir="ltr"] .chip-wp > ion-label, [dir="rtl"] .chip-wp > ion-label {
  margin: 0 10px;
}

.chip-wp > ion-icon {
  color: #fff;
  background-color: #b21f2f;
}

.chip-wp .button {
  border: 0;
}

.chip-wp-transparent,
.chip-wp .icon-wp-transparent {
  color: #636262;
  background-color: transparent;
}

.chip-wp-white,
.chip-wp .icon-wp-white {
  color: #000;
  background-color: #ffffff;
}

.chip-wp-primary,
.chip-wp .icon-wp-primary {
  color: #fff;
  background-color: #b21f2f;
}

.chip-wp-light,
.chip-wp .icon-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.chip-wp-folderBorder,
.chip-wp .icon-wp-folderBorder {
  color: #fff;
  background-color: #70747c;
}

ion-content {
  top: 0;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  contain: size style;
}

[dir="ltr"] ion-content {
  left: 0;
}

[dir="rtl"] ion-content {
  right: 0;
}

.ion-page > ion-content {
  position: absolute;
}

a {
  color: #b21f2f;
}

.scroll-content {
  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;
}

[dir="ltr"] .scroll-content, [dir="rtl"] .scroll-content {
  left: 0;
  right: 0;
}

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 {
  top: 0;
  bottom: 0;
  position: absolute;
  display: block;
}

[dir="ltr"] .fixed-content, [dir="rtl"] .fixed-content {
  left: 0;
  right: 0;
}

[ion-fixed] {
  position: absolute;
  z-index: 999;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

[dir="ltr"] ion-app [no-padding], [dir="ltr"] ion-app [no-padding] .scroll-content, [dir="rtl"] ion-app [no-padding], [dir="rtl"] ion-app [no-padding] .scroll-content {
  padding: 0;
}

[dir="ltr"] ion-app [no-margin], [dir="ltr"] ion-app [no-margin] .scroll-content, [dir="rtl"] ion-app [no-margin], [dir="rtl"] 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 {
  top: 0;
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  pointer-events: none;
}

[dir="ltr"] .ios .ion-page.show-page ~ .nav-decor {
  left: 0;
}

[dir="rtl"] .ios .ion-page.show-page ~ .nav-decor {
  right: 0;
}

[dir="ltr"] ion-app.ios [padding], [dir="rtl"] ion-app.ios [padding] {
  padding: 16px;
}

[dir="ltr"] ion-app.ios [padding-top], [dir="rtl"] ion-app.ios [padding-top] {
  padding-top: 16px;
}

[dir="ltr"] ion-app.ios [padding-left] {
  padding-left: 16px;
}

[dir="rtl"] ion-app.ios [padding-left] {
  padding-right: 16px;
}

[dir="ltr"] ion-app.ios [padding-right] {
  padding-right: 16px;
}

[dir="rtl"] ion-app.ios [padding-right] {
  padding-left: 16px;
}

[dir="ltr"] ion-app.ios [padding-bottom], [dir="rtl"] ion-app.ios [padding-bottom] {
  padding-bottom: 16px;
}

[dir="ltr"] ion-app.ios [padding-vertical], [dir="rtl"] ion-app.ios [padding-vertical] {
  padding-top: 16px;
  padding-bottom: 16px;
}

[dir="ltr"] ion-app.ios [padding-horizontal], [dir="rtl"] ion-app.ios [padding-horizontal] {
  padding-left: 16px;
  padding-right: 16px;
}

[dir="ltr"] ion-app.ios [padding] .scroll-content, [dir="rtl"] ion-app.ios [padding] .scroll-content {
  padding: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.ios [padding] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] ion-app.ios [padding] .scroll-content {
    padding-right: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="ltr"] ion-app.ios [padding] .scroll-content, [dir="rtl"] ion-app.ios [padding] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  [dir="ltr"] ion-app.ios [padding] .scroll-content {
    padding: 16px calc(env(safe-area-inset-right) + 16px) 16px calc(env(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] ion-app.ios [padding] .scroll-content {
    padding: 16px calc(env(safe-area-inset-left) + 16px) 16px calc(env(safe-area-inset-right) + 16px);
  }
}

[dir="ltr"] ion-app.ios [padding-top] .scroll-content, [dir="rtl"] ion-app.ios [padding-top] .scroll-content {
  padding-top: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.ios [padding-top] .scroll-content, [dir="rtl"] ion-app.ios [padding-top] .scroll-content {
    padding-top: 16px;
  }
  [dir="ltr"] ion-app.ios [padding-top] .scroll-content, [dir="rtl"] ion-app.ios [padding-top] .scroll-content {
    padding-top: 16px;
  }
}

[dir="ltr"] ion-app.ios [padding-left] .scroll-content {
  padding-left: 16px;
}

[dir="rtl"] ion-app.ios [padding-left] .scroll-content {
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.ios [padding-left] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] ion-app.ios [padding-left] .scroll-content {
    padding-right: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="ltr"] ion-app.ios [padding-left] .scroll-content {
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] ion-app.ios [padding-left] .scroll-content {
    padding-right: calc(env(safe-area-inset-left) + 16px);
  }
}

[dir="ltr"] ion-app.ios [padding-right] .scroll-content {
  padding-right: 16px;
}

[dir="rtl"] ion-app.ios [padding-right] .scroll-content {
  padding-left: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.ios [padding-right] .scroll-content {
    padding-right: calc(constant(safe-area-inset-right) + 16px);
  }
  [dir="rtl"] ion-app.ios [padding-right] .scroll-content {
    padding-left: calc(constant(safe-area-inset-right) + 16px);
  }
  [dir="ltr"] ion-app.ios [padding-right] .scroll-content {
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
  [dir="rtl"] ion-app.ios [padding-right] .scroll-content {
    padding-left: calc(env(safe-area-inset-right) + 16px);
  }
}

[dir="ltr"] ion-app.ios [padding-bottom] .scroll-content, [dir="rtl"] ion-app.ios [padding-bottom] .scroll-content {
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.ios [padding-bottom] .scroll-content, [dir="rtl"] ion-app.ios [padding-bottom] .scroll-content {
    padding-bottom: 16px;
  }
  [dir="ltr"] ion-app.ios [padding-bottom] .scroll-content, [dir="rtl"] ion-app.ios [padding-bottom] .scroll-content {
    padding-bottom: 16px;
  }
}

[dir="ltr"] ion-app.ios [padding-vertical] .scroll-content, [dir="rtl"] ion-app.ios [padding-vertical] .scroll-content {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.ios [padding-vertical] .scroll-content, [dir="rtl"] ion-app.ios [padding-vertical] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  [dir="ltr"] ion-app.ios [padding-vertical] .scroll-content, [dir="rtl"] ion-app.ios [padding-vertical] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

[dir="ltr"] ion-app.ios [padding-horizontal] .scroll-content, [dir="rtl"] ion-app.ios [padding-horizontal] .scroll-content {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] 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);
  }
  [dir="rtl"] ion-app.ios [padding-horizontal] .scroll-content {
    padding-left: calc(constant(safe-area-inset-right) + 16px);
    padding-right: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="ltr"] ion-app.ios [padding-horizontal] .scroll-content {
    padding-left: calc(env(safe-area-inset-left) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
  [dir="rtl"] ion-app.ios [padding-horizontal] .scroll-content {
    padding-left: calc(env(safe-area-inset-right) + 16px);
    padding-right: calc(env(safe-area-inset-left) + 16px);
  }
}

[dir="ltr"] ion-app.ios [margin], [dir="ltr"] ion-app.ios [margin] .scroll-content, [dir="rtl"] ion-app.ios [margin], [dir="rtl"] ion-app.ios [margin] .scroll-content {
  margin: 16px;
}

[dir="ltr"] ion-app.ios [margin-top], [dir="ltr"] ion-app.ios [margin-top] .scroll-content, [dir="rtl"] ion-app.ios [margin-top], [dir="rtl"] 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;
}

[dir="ltr"] ion-app.ios [margin-start], [dir="ltr"] ion-app.ios [margin-start] .scroll-content {
  margin-left: 16px;
}

[dir="rtl"] ion-app.ios [margin-start], [dir="rtl"] ion-app.ios [margin-start] .scroll-content {
  margin-right: 16px;
}

ion-app.ios [margin-right],
ion-app.ios [margin-right] .scroll-content {
  margin-right: 16px;
}

[dir="ltr"] ion-app.ios [margin-end], [dir="ltr"] ion-app.ios [margin-end] .scroll-content {
  margin-right: 16px;
}

[dir="rtl"] ion-app.ios [margin-end], [dir="rtl"] ion-app.ios [margin-end] .scroll-content {
  margin-left: 16px;
}

[dir="ltr"] ion-app.ios [margin-bottom], [dir="ltr"] ion-app.ios [margin-bottom] .scroll-content, [dir="rtl"] ion-app.ios [margin-bottom], [dir="rtl"] ion-app.ios [margin-bottom] .scroll-content {
  margin-bottom: 16px;
}

[dir="ltr"] ion-app.ios [margin-vertical], [dir="ltr"] ion-app.ios [margin-vertical] .scroll-content, [dir="rtl"] ion-app.ios [margin-vertical], [dir="rtl"] ion-app.ios [margin-vertical] .scroll-content {
  margin-top: 16px;
  margin-bottom: 16px;
}

[dir="ltr"] ion-app.ios [margin-horizontal], [dir="ltr"] ion-app.ios [margin-horizontal] .scroll-content, [dir="rtl"] ion-app.ios [margin-horizontal], [dir="rtl"] 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);
}

[dir="ltr"] ion-app.md [padding], [dir="rtl"] ion-app.md [padding] {
  padding: 16px;
}

[dir="ltr"] ion-app.md [padding-top], [dir="rtl"] ion-app.md [padding-top] {
  padding-top: 16px;
}

[dir="ltr"] ion-app.md [padding-left] {
  padding-left: 16px;
}

[dir="rtl"] ion-app.md [padding-left] {
  padding-right: 16px;
}

[dir="ltr"] ion-app.md [padding-right] {
  padding-right: 16px;
}

[dir="rtl"] ion-app.md [padding-right] {
  padding-left: 16px;
}

[dir="ltr"] ion-app.md [padding-bottom], [dir="rtl"] ion-app.md [padding-bottom] {
  padding-bottom: 16px;
}

[dir="ltr"] ion-app.md [padding-vertical], [dir="rtl"] ion-app.md [padding-vertical] {
  padding-top: 16px;
  padding-bottom: 16px;
}

[dir="ltr"] ion-app.md [padding-horizontal], [dir="rtl"] ion-app.md [padding-horizontal] {
  padding-left: 16px;
  padding-right: 16px;
}

[dir="ltr"] ion-app.md [padding] .scroll-content, [dir="rtl"] ion-app.md [padding] .scroll-content {
  padding: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.md [padding] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] ion-app.md [padding] .scroll-content {
    padding-right: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="ltr"] ion-app.md [padding] .scroll-content, [dir="rtl"] ion-app.md [padding] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  [dir="ltr"] ion-app.md [padding] .scroll-content {
    padding: 16px calc(env(safe-area-inset-right) + 16px) 16px calc(env(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] ion-app.md [padding] .scroll-content {
    padding: 16px calc(env(safe-area-inset-left) + 16px) 16px calc(env(safe-area-inset-right) + 16px);
  }
}

[dir="ltr"] ion-app.md [padding-top] .scroll-content, [dir="rtl"] ion-app.md [padding-top] .scroll-content {
  padding-top: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.md [padding-top] .scroll-content, [dir="rtl"] ion-app.md [padding-top] .scroll-content {
    padding-top: 16px;
  }
  [dir="ltr"] ion-app.md [padding-top] .scroll-content, [dir="rtl"] ion-app.md [padding-top] .scroll-content {
    padding-top: 16px;
  }
}

[dir="ltr"] ion-app.md [padding-left] .scroll-content {
  padding-left: 16px;
}

[dir="rtl"] ion-app.md [padding-left] .scroll-content {
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.md [padding-left] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] ion-app.md [padding-left] .scroll-content {
    padding-right: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="ltr"] ion-app.md [padding-left] .scroll-content {
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] ion-app.md [padding-left] .scroll-content {
    padding-right: calc(env(safe-area-inset-left) + 16px);
  }
}

[dir="ltr"] ion-app.md [padding-right] .scroll-content {
  padding-right: 16px;
}

[dir="rtl"] ion-app.md [padding-right] .scroll-content {
  padding-left: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.md [padding-right] .scroll-content {
    padding-right: calc(constant(safe-area-inset-right) + 16px);
  }
  [dir="rtl"] ion-app.md [padding-right] .scroll-content {
    padding-left: calc(constant(safe-area-inset-right) + 16px);
  }
  [dir="ltr"] ion-app.md [padding-right] .scroll-content {
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
  [dir="rtl"] ion-app.md [padding-right] .scroll-content {
    padding-left: calc(env(safe-area-inset-right) + 16px);
  }
}

[dir="ltr"] ion-app.md [padding-bottom] .scroll-content, [dir="rtl"] ion-app.md [padding-bottom] .scroll-content {
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.md [padding-bottom] .scroll-content, [dir="rtl"] ion-app.md [padding-bottom] .scroll-content {
    padding-bottom: 16px;
  }
  [dir="ltr"] ion-app.md [padding-bottom] .scroll-content, [dir="rtl"] ion-app.md [padding-bottom] .scroll-content {
    padding-bottom: 16px;
  }
}

[dir="ltr"] ion-app.md [padding-vertical] .scroll-content, [dir="rtl"] ion-app.md [padding-vertical] .scroll-content {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.md [padding-vertical] .scroll-content, [dir="rtl"] ion-app.md [padding-vertical] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  [dir="ltr"] ion-app.md [padding-vertical] .scroll-content, [dir="rtl"] ion-app.md [padding-vertical] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

[dir="ltr"] ion-app.md [padding-horizontal] .scroll-content, [dir="rtl"] ion-app.md [padding-horizontal] .scroll-content {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] 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);
  }
  [dir="rtl"] ion-app.md [padding-horizontal] .scroll-content {
    padding-left: calc(constant(safe-area-inset-right) + 16px);
    padding-right: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="ltr"] ion-app.md [padding-horizontal] .scroll-content {
    padding-left: calc(env(safe-area-inset-left) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
  [dir="rtl"] ion-app.md [padding-horizontal] .scroll-content {
    padding-left: calc(env(safe-area-inset-right) + 16px);
    padding-right: calc(env(safe-area-inset-left) + 16px);
  }
}

[dir="ltr"] ion-app.md [margin], [dir="ltr"] ion-app.md [margin] .scroll-content, [dir="rtl"] ion-app.md [margin], [dir="rtl"] ion-app.md [margin] .scroll-content {
  margin: 16px;
}

[dir="ltr"] ion-app.md [margin-top], [dir="ltr"] ion-app.md [margin-top] .scroll-content, [dir="rtl"] ion-app.md [margin-top], [dir="rtl"] 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;
}

[dir="ltr"] ion-app.md [margin-start], [dir="ltr"] ion-app.md [margin-start] .scroll-content {
  margin-left: 16px;
}

[dir="rtl"] ion-app.md [margin-start], [dir="rtl"] ion-app.md [margin-start] .scroll-content {
  margin-right: 16px;
}

ion-app.md [margin-right],
ion-app.md [margin-right] .scroll-content {
  margin-right: 16px;
}

[dir="ltr"] ion-app.md [margin-end], [dir="ltr"] ion-app.md [margin-end] .scroll-content {
  margin-right: 16px;
}

[dir="rtl"] ion-app.md [margin-end], [dir="rtl"] ion-app.md [margin-end] .scroll-content {
  margin-left: 16px;
}

[dir="ltr"] ion-app.md [margin-bottom], [dir="ltr"] ion-app.md [margin-bottom] .scroll-content, [dir="rtl"] ion-app.md [margin-bottom], [dir="rtl"] ion-app.md [margin-bottom] .scroll-content {
  margin-bottom: 16px;
}

[dir="ltr"] ion-app.md [margin-vertical], [dir="ltr"] ion-app.md [margin-vertical] .scroll-content, [dir="rtl"] ion-app.md [margin-vertical], [dir="rtl"] ion-app.md [margin-vertical] .scroll-content {
  margin-top: 16px;
  margin-bottom: 16px;
}

[dir="ltr"] ion-app.md [margin-horizontal], [dir="ltr"] ion-app.md [margin-horizontal] .scroll-content, [dir="rtl"] ion-app.md [margin-horizontal], [dir="rtl"] 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);
}

[dir="ltr"] ion-app.wp [padding], [dir="rtl"] ion-app.wp [padding] {
  padding: 16px;
}

[dir="ltr"] ion-app.wp [padding-top], [dir="rtl"] ion-app.wp [padding-top] {
  padding-top: 16px;
}

[dir="ltr"] ion-app.wp [padding-left] {
  padding-left: 16px;
}

[dir="rtl"] ion-app.wp [padding-left] {
  padding-right: 16px;
}

[dir="ltr"] ion-app.wp [padding-right] {
  padding-right: 16px;
}

[dir="rtl"] ion-app.wp [padding-right] {
  padding-left: 16px;
}

[dir="ltr"] ion-app.wp [padding-bottom], [dir="rtl"] ion-app.wp [padding-bottom] {
  padding-bottom: 16px;
}

[dir="ltr"] ion-app.wp [padding-vertical], [dir="rtl"] ion-app.wp [padding-vertical] {
  padding-top: 16px;
  padding-bottom: 16px;
}

[dir="ltr"] ion-app.wp [padding-horizontal], [dir="rtl"] ion-app.wp [padding-horizontal] {
  padding-left: 16px;
  padding-right: 16px;
}

[dir="ltr"] ion-app.wp [padding] .scroll-content, [dir="rtl"] ion-app.wp [padding] .scroll-content {
  padding: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.wp [padding] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] ion-app.wp [padding] .scroll-content {
    padding-right: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="ltr"] ion-app.wp [padding] .scroll-content, [dir="rtl"] ion-app.wp [padding] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  [dir="ltr"] ion-app.wp [padding] .scroll-content {
    padding: 16px calc(env(safe-area-inset-right) + 16px) 16px calc(env(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] ion-app.wp [padding] .scroll-content {
    padding: 16px calc(env(safe-area-inset-left) + 16px) 16px calc(env(safe-area-inset-right) + 16px);
  }
}

[dir="ltr"] ion-app.wp [padding-top] .scroll-content, [dir="rtl"] ion-app.wp [padding-top] .scroll-content {
  padding-top: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.wp [padding-top] .scroll-content, [dir="rtl"] ion-app.wp [padding-top] .scroll-content {
    padding-top: 16px;
  }
  [dir="ltr"] ion-app.wp [padding-top] .scroll-content, [dir="rtl"] ion-app.wp [padding-top] .scroll-content {
    padding-top: 16px;
  }
}

[dir="ltr"] ion-app.wp [padding-left] .scroll-content {
  padding-left: 16px;
}

[dir="rtl"] ion-app.wp [padding-left] .scroll-content {
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.wp [padding-left] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] ion-app.wp [padding-left] .scroll-content {
    padding-right: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="ltr"] ion-app.wp [padding-left] .scroll-content {
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] ion-app.wp [padding-left] .scroll-content {
    padding-right: calc(env(safe-area-inset-left) + 16px);
  }
}

[dir="ltr"] ion-app.wp [padding-right] .scroll-content {
  padding-right: 16px;
}

[dir="rtl"] ion-app.wp [padding-right] .scroll-content {
  padding-left: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.wp [padding-right] .scroll-content {
    padding-right: calc(constant(safe-area-inset-right) + 16px);
  }
  [dir="rtl"] ion-app.wp [padding-right] .scroll-content {
    padding-left: calc(constant(safe-area-inset-right) + 16px);
  }
  [dir="ltr"] ion-app.wp [padding-right] .scroll-content {
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
  [dir="rtl"] ion-app.wp [padding-right] .scroll-content {
    padding-left: calc(env(safe-area-inset-right) + 16px);
  }
}

[dir="ltr"] ion-app.wp [padding-bottom] .scroll-content, [dir="rtl"] ion-app.wp [padding-bottom] .scroll-content {
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.wp [padding-bottom] .scroll-content, [dir="rtl"] ion-app.wp [padding-bottom] .scroll-content {
    padding-bottom: 16px;
  }
  [dir="ltr"] ion-app.wp [padding-bottom] .scroll-content, [dir="rtl"] ion-app.wp [padding-bottom] .scroll-content {
    padding-bottom: 16px;
  }
}

[dir="ltr"] ion-app.wp [padding-vertical] .scroll-content, [dir="rtl"] ion-app.wp [padding-vertical] .scroll-content {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-app.wp [padding-vertical] .scroll-content, [dir="rtl"] ion-app.wp [padding-vertical] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  [dir="ltr"] ion-app.wp [padding-vertical] .scroll-content, [dir="rtl"] ion-app.wp [padding-vertical] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

[dir="ltr"] ion-app.wp [padding-horizontal] .scroll-content, [dir="rtl"] ion-app.wp [padding-horizontal] .scroll-content {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] 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);
  }
  [dir="rtl"] ion-app.wp [padding-horizontal] .scroll-content {
    padding-left: calc(constant(safe-area-inset-right) + 16px);
    padding-right: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="ltr"] ion-app.wp [padding-horizontal] .scroll-content {
    padding-left: calc(env(safe-area-inset-left) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
  [dir="rtl"] ion-app.wp [padding-horizontal] .scroll-content {
    padding-left: calc(env(safe-area-inset-right) + 16px);
    padding-right: calc(env(safe-area-inset-left) + 16px);
  }
}

[dir="ltr"] ion-app.wp [margin], [dir="ltr"] ion-app.wp [margin] .scroll-content, [dir="rtl"] ion-app.wp [margin], [dir="rtl"] ion-app.wp [margin] .scroll-content {
  margin: 16px;
}

[dir="ltr"] ion-app.wp [margin-top], [dir="ltr"] ion-app.wp [margin-top] .scroll-content, [dir="rtl"] ion-app.wp [margin-top], [dir="rtl"] 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;
}

[dir="ltr"] ion-app.wp [margin-start], [dir="ltr"] ion-app.wp [margin-start] .scroll-content {
  margin-left: 16px;
}

[dir="rtl"] ion-app.wp [margin-start], [dir="rtl"] ion-app.wp [margin-start] .scroll-content {
  margin-right: 16px;
}

ion-app.wp [margin-right],
ion-app.wp [margin-right] .scroll-content {
  margin-right: 16px;
}

[dir="ltr"] ion-app.wp [margin-end], [dir="ltr"] ion-app.wp [margin-end] .scroll-content {
  margin-right: 16px;
}

[dir="rtl"] ion-app.wp [margin-end], [dir="rtl"] ion-app.wp [margin-end] .scroll-content {
  margin-left: 16px;
}

[dir="ltr"] ion-app.wp [margin-bottom], [dir="ltr"] ion-app.wp [margin-bottom] .scroll-content, [dir="rtl"] ion-app.wp [margin-bottom], [dir="rtl"] ion-app.wp [margin-bottom] .scroll-content {
  margin-bottom: 16px;
}

[dir="ltr"] ion-app.wp [margin-vertical], [dir="ltr"] ion-app.wp [margin-vertical] .scroll-content, [dir="rtl"] ion-app.wp [margin-vertical], [dir="rtl"] ion-app.wp [margin-vertical] .scroll-content {
  margin-top: 16px;
  margin-bottom: 16px;
}

[dir="ltr"] ion-app.wp [margin-horizontal], [dir="ltr"] ion-app.wp [margin-horizontal] .scroll-content, [dir="rtl"] ion-app.wp [margin-horizontal], [dir="rtl"] ion-app.wp [margin-horizontal] .scroll-content {
  margin-left: 16px;
  margin-right: 16px;
}

ion-datetime {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.datetime-text {
  overflow: hidden;
  -webkit-box-flex: 1;
  -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 {
  width: 100%;
}

[dir="ltr"] .item-label-stacked ion-datetime, [dir="ltr"] .item-label-floating ion-datetime {
  padding-left: 0;
}

[dir="rtl"] .item-label-stacked ion-datetime, [dir="rtl"] .item-label-floating ion-datetime {
  padding-right: 0;
}

[dir="ltr"] .datetime-ios {
  padding: 11px 8px 11px 16px;
}

[dir="rtl"] .datetime-ios {
  padding: 11px 16px 11px 8px;
}

.datetime-ios .datetime-placeholder {
  color: #999;
}

[dir="ltr"] .datetime-md {
  padding: 13px 8px 13px 16px;
}

[dir="rtl"] .datetime-md {
  padding: 13px 16px 13px 8px;
}

.datetime-md .datetime-placeholder {
  color: #999;
}

.datetime-wp {
  min-width: 45%;
}

[dir="ltr"] .datetime-wp {
  padding: 13px 8px 13px 16px;
}

[dir="rtl"] .datetime-wp {
  padding: 13px 16px 13px 8px;
}

.datetime-wp .datetime-text {
  min-height: 3.4rem;
  border: 2px solid rgba(0, 0, 0, 0.5);
  line-height: 3rem;
}

[dir="ltr"] .datetime-wp .datetime-text, [dir="rtl"] .datetime-wp .datetime-text {
  padding: 0 8px;
}

[dir="ltr"] .item-datetime .datetime-wp ion-label[floating] {
  -webkit-transform: translate3d(8px,  41px,  0);
  transform: translate3d(8px,  41px,  0);
}

[dir="rtl"] .item-datetime .datetime-wp ion-label[floating] {
  -webkit-transform: translate3d(calc(-1 * 8px),  41px,  0);
  transform: translate3d(calc(-1 * 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;
  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;
  -webkit-transition: background-color, opacity 100ms linear;
  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;
}

[dir="ltr"] .fab, [dir="rtl"] .fab {
  border-radius: 50%;
}

.fab ion-icon {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 2.4rem;
}

.fab[mini] {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

[dir="ltr"] .fab[mini], [dir="rtl"] .fab[mini] {
  margin: 8px;
}

.fab[mini] .fab-close-icon {
  line-height: 40px;
}

ion-fab {
  position: absolute;
  z-index: 999;
}

[dir="ltr"] ion-fab[center] {
  left: 50%;
}

[dir="rtl"] ion-fab[center] {
  right: 50%;
}

[dir="ltr"] ion-fab[center] {
  margin-left: -28px;
}

[dir="rtl"] ion-fab[center] {
  margin-right: -28px;
}

ion-fab[middle] {
  top: 50%;
}

[dir="ltr"] ion-fab[middle], [dir="rtl"] ion-fab[middle] {
  margin-top: -28px;
}

ion-fab[top] {
  top: 10px;
}

[dir="ltr"] ion-fab[right], [dir="rtl"] ion-fab[right] {
  right: 10px;
}

[dir="ltr"] ion-fab[right], [dir="rtl"] ion-fab[right] {
  right: calc(10px + constant(safe-area-inset-right));
  right: calc(10px + env(safe-area-inset-right));
}

[dir="ltr"] ion-fab[end] {
  right: 10px;
}

[dir="rtl"] ion-fab[end] {
  left: 10px;
}

[dir="ltr"] ion-fab[end] {
  right: calc(constant(safe-area-inset-right) + 10px);
}

[dir="ltr"] ion-fab[end] {
  right: calc(env(safe-area-inset-right) + 10px);
}

[dir="rtl"] ion-fab[end] {
  left: calc(constant(safe-area-inset-right) + 10px);
}

[dir="rtl"] ion-fab[end] {
  left: calc(env(safe-area-inset-right) + 10px);
}

ion-fab[bottom] {
  bottom: 10px;
}

[dir="ltr"] ion-fab[left], [dir="rtl"] ion-fab[left] {
  left: 10px;
}

[dir="ltr"] ion-fab[left], [dir="rtl"] ion-fab[left] {
  left: calc(10px + constant(safe-area-inset-left));
  left: calc(10px + env(safe-area-inset-left));
}

[dir="ltr"] ion-fab[start] {
  left: 10px;
}

[dir="rtl"] ion-fab[start] {
  right: 10px;
}

[dir="ltr"] ion-fab[start] {
  left: calc(constant(safe-area-inset-left) + 10px);
}

[dir="ltr"] ion-fab[start] {
  left: calc(env(safe-area-inset-left) + 10px);
}

[dir="rtl"] ion-fab[start] {
  right: calc(constant(safe-area-inset-left) + 10px);
}

[dir="rtl"] ion-fab[start] {
  right: calc(env(safe-area-inset-left) + 10px);
}

ion-fab[top][edge] {
  top: -28px;
}

ion-fab[bottom][edge] {
  bottom: -28px;
}

ion-fab-list {
  position: absolute;
  top: 0;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 56px;
  min-height: 56px;
}

[dir="ltr"] ion-fab-list, [dir="rtl"] ion-fab-list {
  margin: 66px 0;
}

.fab-in-list {
  width: 40px;
  height: 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[dir="ltr"] .fab-in-list, [dir="rtl"] .fab-in-list {
  margin: 8px 0;
}

.fab-in-list.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}

[dir="ltr"] ion-fab-list[side=left] .fab-in-list, [dir="ltr"] ion-fab-list[side=right] .fab-in-list, [dir="rtl"] ion-fab-list[side=left] .fab-in-list, [dir="rtl"] ion-fab-list[side=right] .fab-in-list {
  margin: 0 8px;
}

ion-fab-list[side=top] {
  top: auto;
  bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

ion-fab-list[side=left] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

[dir="ltr"] ion-fab-list[side=left], [dir="rtl"] ion-fab-list[side=left] {
  margin: 0 66px;
}

[dir="ltr"] ion-fab-list[side=left] {
  right: 0;
}

[dir="rtl"] ion-fab-list[side=left] {
  left: 0;
}

ion-fab-list[side=right] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

[dir="ltr"] ion-fab-list[side=right], [dir="rtl"] ion-fab-list[side=right] {
  margin: 0 66px;
}

[dir="ltr"] ion-fab-list[side=right] {
  left: 0;
}

[dir="rtl"] ion-fab-list[side=right] {
  right: 0;
}

.fab-list-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.fab-close-icon {
  top: 0;
  position: absolute;
  line-height: 56px;
  opacity: 0;
  -webkit-transform: scale(0.4) rotateZ(-45deg);
  transform: scale(0.4) rotateZ(-45deg);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[dir="ltr"] .fab-close-icon, [dir="rtl"] .fab-close-icon {
  left: 0;
  right: 0;
}

.fab .button-inner {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transition-property: opacity, -webkit-transform;
  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: #b21f2f;
}

.fab-ios.activated {
  background-color: #b83140;
}

.fab-ios-in-list {
  color: #000;
  background-color: #f4f4f4;
  -webkit-transition: opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
  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-transparent {
  color: #636262;
  background-color: transparent;
}

.fab-ios-transparent.activated {
  background-color: rgba(255, 255, 255, 0.08);
}

.fab-ios-white {
  color: #000;
  background-color: #ffffff;
}

.fab-ios-white.activated {
  background-color: #ebebeb;
}

.fab-ios-primary {
  color: #fff;
  background-color: #b21f2f;
}

.fab-ios-primary.activated {
  background-color: #b83140;
}

.fab-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.fab-ios-light.activated {
  background-color: #e0e0e0;
}

.fab-ios-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.fab-ios-folderBorder.activated {
  background-color: #7b7f86;
}

.fab-md {
  color: #fff;
  background-color: #b21f2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  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), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.fab-md.activated {
  background-color: #b83140;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4), 0 4px 7px 0 rgba(0, 0, 0, 0.1);
  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;
  -webkit-transition: opacity 200ms ease 10ms, 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, -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 200ms ease 10ms, 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, -webkit-box-shadow 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);
  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, -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.fab-md-in-list.activated {
  background-color: #e0e0e0;
}

.fab-md .button-effect {
  background-color: #fff;
}

.fab-md-transparent {
  color: #636262;
  background-color: transparent;
}

.fab-md-transparent.activated {
  background-color: rgba(255, 255, 255, 0.08);
}

.fab-md-transparent .button-effect {
  background-color: #636262;
}

.fab-md-white {
  color: #000;
  background-color: #ffffff;
}

.fab-md-white.activated {
  background-color: #ebebeb;
}

.fab-md-white .button-effect {
  background-color: #000;
}

.fab-md-primary {
  color: #fff;
  background-color: #b21f2f;
}

.fab-md-primary.activated {
  background-color: #b83140;
}

.fab-md-primary .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-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.fab-md-folderBorder.activated {
  background-color: #7b7f86;
}

.fab-md-folderBorder .button-effect {
  background-color: #fff;
}

.fab-wp {
  color: #fff;
  background-color: #b21f2f;
}

.fab-wp.activated {
  background-color: #b83140;
}

.fab-wp-in-list {
  color: #000;
  background-color: #f4f4f4;
  -webkit-transition: opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
  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-transparent {
  color: #636262;
  background-color: transparent;
}

.fab-wp-transparent.activated {
  background-color: rgba(255, 255, 255, 0.08);
}

.fab-wp-white {
  color: #000;
  background-color: #ffffff;
}

.fab-wp-white.activated {
  background-color: #ebebeb;
}

.fab-wp-primary {
  color: #fff;
  background-color: #b21f2f;
}

.fab-wp-primary.activated {
  background-color: #b83140;
}

.fab-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.fab-wp-light.activated {
  background-color: #e0e0e0;
}

.fab-wp-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.fab-wp-folderBorder.activated {
  background-color: #7b7f86;
}

.grid {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

[dir="ltr"] .grid, [dir="rtl"] .grid {
  padding: 5px;
}

[dir="ltr"] .grid, [dir="rtl"] .grid {
  margin-left: auto;
  margin-right: auto;
}

[dir="ltr"] .grid[no-padding], [dir="rtl"] .grid[no-padding] {
  padding: 0;
}

[dir="ltr"] .grid[no-padding] > .row > .col, [dir="rtl"] .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-box;
  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-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.row[align-items-center] {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.row[align-items-end] {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.row[align-items-stretch] {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.row[align-items-baseline] {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.row[justify-content-start] {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.row[justify-content-center] {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.row[justify-content-end] {
  -webkit-box-pack: 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-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.col {
  position: relative;
  width: 100%;
  min-height: 1px;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

[dir="ltr"] .col, [dir="rtl"] .col {
  padding: 5px;
}

[dir="ltr"] .col, [dir="rtl"] .col {
  margin: 0;
}

.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;
  align-self: center;
}

.col[align-self-stretch] {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.col[align-self-baseline] {
  -webkit-align-self: baseline;
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

[dir="ltr"] [col-1], [dir="rtl"] [col-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-1], [dir="rtl"] [col-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-1], [dir="rtl"] [col-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-1], [dir="rtl"] [col-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-1], [dir="rtl"] [col-1] {
    padding: 5px;
  }
}

[dir="ltr"] [col-2], [dir="rtl"] [col-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-2], [dir="rtl"] [col-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-2], [dir="rtl"] [col-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-2], [dir="rtl"] [col-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-2], [dir="rtl"] [col-2] {
    padding: 5px;
  }
}

[dir="ltr"] [col-3], [dir="rtl"] [col-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-3], [dir="rtl"] [col-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-3], [dir="rtl"] [col-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-3], [dir="rtl"] [col-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-3], [dir="rtl"] [col-3] {
    padding: 5px;
  }
}

[dir="ltr"] [col-4], [dir="rtl"] [col-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-4], [dir="rtl"] [col-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-4], [dir="rtl"] [col-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-4], [dir="rtl"] [col-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-4], [dir="rtl"] [col-4] {
    padding: 5px;
  }
}

[dir="ltr"] [col-5], [dir="rtl"] [col-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-5], [dir="rtl"] [col-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-5], [dir="rtl"] [col-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-5], [dir="rtl"] [col-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-5], [dir="rtl"] [col-5] {
    padding: 5px;
  }
}

[dir="ltr"] [col-6], [dir="rtl"] [col-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-6], [dir="rtl"] [col-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-6], [dir="rtl"] [col-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-6], [dir="rtl"] [col-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-6], [dir="rtl"] [col-6] {
    padding: 5px;
  }
}

[dir="ltr"] [col-7], [dir="rtl"] [col-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-7], [dir="rtl"] [col-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-7], [dir="rtl"] [col-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-7], [dir="rtl"] [col-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-7], [dir="rtl"] [col-7] {
    padding: 5px;
  }
}

[dir="ltr"] [col-8], [dir="rtl"] [col-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-8], [dir="rtl"] [col-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-8], [dir="rtl"] [col-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-8], [dir="rtl"] [col-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-8], [dir="rtl"] [col-8] {
    padding: 5px;
  }
}

[dir="ltr"] [col-9], [dir="rtl"] [col-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-9], [dir="rtl"] [col-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-9], [dir="rtl"] [col-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-9], [dir="rtl"] [col-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-9], [dir="rtl"] [col-9] {
    padding: 5px;
  }
}

[dir="ltr"] [col-10], [dir="rtl"] [col-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-10], [dir="rtl"] [col-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-10], [dir="rtl"] [col-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-10], [dir="rtl"] [col-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-10], [dir="rtl"] [col-10] {
    padding: 5px;
  }
}

[dir="ltr"] [col-11], [dir="rtl"] [col-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-11], [dir="rtl"] [col-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-11], [dir="rtl"] [col-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-11], [dir="rtl"] [col-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-11], [dir="rtl"] [col-11] {
    padding: 5px;
  }
}

[dir="ltr"] [col-12], [dir="rtl"] [col-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-12], [dir="rtl"] [col-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-12], [dir="rtl"] [col-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-12], [dir="rtl"] [col-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-12], [dir="rtl"] [col-12] {
    padding: 5px;
  }
}

[dir="ltr"] [col], [dir="rtl"] [col] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col], [dir="rtl"] [col] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col], [dir="rtl"] [col] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col], [dir="rtl"] [col] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col], [dir="rtl"] [col] {
    padding: 5px;
  }
}

[col] {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

[col-auto] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

[col-1] {
  -webkit-box-flex: 0;
  -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-box-flex: 0;
  -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-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}

[col-4] {
  -webkit-box-flex: 0;
  -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-box-flex: 0;
  -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-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
}

[col-7] {
  -webkit-box-flex: 0;
  -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-box-flex: 0;
  -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-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  width: 75%;
  max-width: 75%;
}

[col-10] {
  -webkit-box-flex: 0;
  -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-box-flex: 0;
  -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-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

[dir="ltr"] [pull-0] {
  right: auto;
}

[dir="rtl"] [pull-0] {
  left: auto;
}

[dir="ltr"] [pull-1] {
  right: 8.33333%;
}

[dir="rtl"] [pull-1] {
  left: 8.33333%;
}

[dir="ltr"] [pull-2] {
  right: 16.66667%;
}

[dir="rtl"] [pull-2] {
  left: 16.66667%;
}

[dir="ltr"] [pull-3] {
  right: 25%;
}

[dir="rtl"] [pull-3] {
  left: 25%;
}

[dir="ltr"] [pull-4] {
  right: 33.33333%;
}

[dir="rtl"] [pull-4] {
  left: 33.33333%;
}

[dir="ltr"] [pull-5] {
  right: 41.66667%;
}

[dir="rtl"] [pull-5] {
  left: 41.66667%;
}

[dir="ltr"] [pull-6] {
  right: 50%;
}

[dir="rtl"] [pull-6] {
  left: 50%;
}

[dir="ltr"] [pull-7] {
  right: 58.33333%;
}

[dir="rtl"] [pull-7] {
  left: 58.33333%;
}

[dir="ltr"] [pull-8] {
  right: 66.66667%;
}

[dir="rtl"] [pull-8] {
  left: 66.66667%;
}

[dir="ltr"] [pull-9] {
  right: 75%;
}

[dir="rtl"] [pull-9] {
  left: 75%;
}

[dir="ltr"] [pull-10] {
  right: 83.33333%;
}

[dir="rtl"] [pull-10] {
  left: 83.33333%;
}

[dir="ltr"] [pull-11] {
  right: 91.66667%;
}

[dir="rtl"] [pull-11] {
  left: 91.66667%;
}

[dir="ltr"] [pull-12] {
  right: 100%;
}

[dir="rtl"] [pull-12] {
  left: 100%;
}

[dir="ltr"] [push-0] {
  left: auto;
}

[dir="rtl"] [push-0] {
  right: auto;
}

[dir="ltr"] [push-1] {
  left: 8.33333%;
}

[dir="rtl"] [push-1] {
  right: 8.33333%;
}

[dir="ltr"] [push-2] {
  left: 16.66667%;
}

[dir="rtl"] [push-2] {
  right: 16.66667%;
}

[dir="ltr"] [push-3] {
  left: 25%;
}

[dir="rtl"] [push-3] {
  right: 25%;
}

[dir="ltr"] [push-4] {
  left: 33.33333%;
}

[dir="rtl"] [push-4] {
  right: 33.33333%;
}

[dir="ltr"] [push-5] {
  left: 41.66667%;
}

[dir="rtl"] [push-5] {
  right: 41.66667%;
}

[dir="ltr"] [push-6] {
  left: 50%;
}

[dir="rtl"] [push-6] {
  right: 50%;
}

[dir="ltr"] [push-7] {
  left: 58.33333%;
}

[dir="rtl"] [push-7] {
  right: 58.33333%;
}

[dir="ltr"] [push-8] {
  left: 66.66667%;
}

[dir="rtl"] [push-8] {
  right: 66.66667%;
}

[dir="ltr"] [push-9] {
  left: 75%;
}

[dir="rtl"] [push-9] {
  right: 75%;
}

[dir="ltr"] [push-10] {
  left: 83.33333%;
}

[dir="rtl"] [push-10] {
  right: 83.33333%;
}

[dir="ltr"] [push-11] {
  left: 91.66667%;
}

[dir="rtl"] [push-11] {
  right: 91.66667%;
}

[dir="ltr"] [push-12] {
  left: 100%;
}

[dir="rtl"] [push-12] {
  right: 100%;
}

[dir="ltr"] [offset-1] {
  margin-left: 8.33333%;
}

[dir="rtl"] [offset-1] {
  margin-right: 8.33333%;
}

[dir="ltr"] [offset-2] {
  margin-left: 16.66667%;
}

[dir="rtl"] [offset-2] {
  margin-right: 16.66667%;
}

[dir="ltr"] [offset-3] {
  margin-left: 25%;
}

[dir="rtl"] [offset-3] {
  margin-right: 25%;
}

[dir="ltr"] [offset-4] {
  margin-left: 33.33333%;
}

[dir="rtl"] [offset-4] {
  margin-right: 33.33333%;
}

[dir="ltr"] [offset-5] {
  margin-left: 41.66667%;
}

[dir="rtl"] [offset-5] {
  margin-right: 41.66667%;
}

[dir="ltr"] [offset-6] {
  margin-left: 50%;
}

[dir="rtl"] [offset-6] {
  margin-right: 50%;
}

[dir="ltr"] [offset-7] {
  margin-left: 58.33333%;
}

[dir="rtl"] [offset-7] {
  margin-right: 58.33333%;
}

[dir="ltr"] [offset-8] {
  margin-left: 66.66667%;
}

[dir="rtl"] [offset-8] {
  margin-right: 66.66667%;
}

[dir="ltr"] [offset-9] {
  margin-left: 75%;
}

[dir="rtl"] [offset-9] {
  margin-right: 75%;
}

[dir="ltr"] [offset-10] {
  margin-left: 83.33333%;
}

[dir="rtl"] [offset-10] {
  margin-right: 83.33333%;
}

[dir="ltr"] [offset-11] {
  margin-left: 91.66667%;
}

[dir="rtl"] [offset-11] {
  margin-right: 91.66667%;
}

[dir="ltr"] [col-sm-1], [dir="rtl"] [col-sm-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-sm-1], [dir="rtl"] [col-sm-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-sm-1], [dir="rtl"] [col-sm-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-sm-1], [dir="rtl"] [col-sm-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-sm-1], [dir="rtl"] [col-sm-1] {
    padding: 5px;
  }
}

[dir="ltr"] [col-sm-2], [dir="rtl"] [col-sm-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-sm-2], [dir="rtl"] [col-sm-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-sm-2], [dir="rtl"] [col-sm-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-sm-2], [dir="rtl"] [col-sm-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-sm-2], [dir="rtl"] [col-sm-2] {
    padding: 5px;
  }
}

[dir="ltr"] [col-sm-3], [dir="rtl"] [col-sm-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-sm-3], [dir="rtl"] [col-sm-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-sm-3], [dir="rtl"] [col-sm-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-sm-3], [dir="rtl"] [col-sm-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-sm-3], [dir="rtl"] [col-sm-3] {
    padding: 5px;
  }
}

[dir="ltr"] [col-sm-4], [dir="rtl"] [col-sm-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-sm-4], [dir="rtl"] [col-sm-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-sm-4], [dir="rtl"] [col-sm-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-sm-4], [dir="rtl"] [col-sm-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-sm-4], [dir="rtl"] [col-sm-4] {
    padding: 5px;
  }
}

[dir="ltr"] [col-sm-5], [dir="rtl"] [col-sm-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-sm-5], [dir="rtl"] [col-sm-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-sm-5], [dir="rtl"] [col-sm-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-sm-5], [dir="rtl"] [col-sm-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-sm-5], [dir="rtl"] [col-sm-5] {
    padding: 5px;
  }
}

[dir="ltr"] [col-sm-6], [dir="rtl"] [col-sm-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-sm-6], [dir="rtl"] [col-sm-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-sm-6], [dir="rtl"] [col-sm-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-sm-6], [dir="rtl"] [col-sm-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-sm-6], [dir="rtl"] [col-sm-6] {
    padding: 5px;
  }
}

[dir="ltr"] [col-sm-7], [dir="rtl"] [col-sm-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-sm-7], [dir="rtl"] [col-sm-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-sm-7], [dir="rtl"] [col-sm-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-sm-7], [dir="rtl"] [col-sm-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-sm-7], [dir="rtl"] [col-sm-7] {
    padding: 5px;
  }
}

[dir="ltr"] [col-sm-8], [dir="rtl"] [col-sm-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-sm-8], [dir="rtl"] [col-sm-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-sm-8], [dir="rtl"] [col-sm-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-sm-8], [dir="rtl"] [col-sm-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-sm-8], [dir="rtl"] [col-sm-8] {
    padding: 5px;
  }
}

[dir="ltr"] [col-sm-9], [dir="rtl"] [col-sm-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-sm-9], [dir="rtl"] [col-sm-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-sm-9], [dir="rtl"] [col-sm-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-sm-9], [dir="rtl"] [col-sm-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-sm-9], [dir="rtl"] [col-sm-9] {
    padding: 5px;
  }
}

[dir="ltr"] [col-sm-10], [dir="rtl"] [col-sm-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-sm-10], [dir="rtl"] [col-sm-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-sm-10], [dir="rtl"] [col-sm-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-sm-10], [dir="rtl"] [col-sm-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-sm-10], [dir="rtl"] [col-sm-10] {
    padding: 5px;
  }
}

[dir="ltr"] [col-sm-11], [dir="rtl"] [col-sm-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-sm-11], [dir="rtl"] [col-sm-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-sm-11], [dir="rtl"] [col-sm-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-sm-11], [dir="rtl"] [col-sm-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-sm-11], [dir="rtl"] [col-sm-11] {
    padding: 5px;
  }
}

[dir="ltr"] [col-sm-12], [dir="rtl"] [col-sm-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-sm-12], [dir="rtl"] [col-sm-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-sm-12], [dir="rtl"] [col-sm-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-sm-12], [dir="rtl"] [col-sm-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-sm-12], [dir="rtl"] [col-sm-12] {
    padding: 5px;
  }
}

[dir="ltr"] [col-sm], [dir="rtl"] [col-sm] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-sm], [dir="rtl"] [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-sm], [dir="rtl"] [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-sm], [dir="rtl"] [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-sm], [dir="rtl"] [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 576px) {
  [col-sm] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-sm-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-sm-1] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-sm-4] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-sm-7] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-sm-10] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [dir="ltr"] [pull-sm-0] {
    right: auto;
  }
  [dir="rtl"] [pull-sm-0] {
    left: auto;
  }
  [dir="ltr"] [pull-sm-1] {
    right: 8.33333%;
  }
  [dir="rtl"] [pull-sm-1] {
    left: 8.33333%;
  }
  [dir="ltr"] [pull-sm-2] {
    right: 16.66667%;
  }
  [dir="rtl"] [pull-sm-2] {
    left: 16.66667%;
  }
  [dir="ltr"] [pull-sm-3] {
    right: 25%;
  }
  [dir="rtl"] [pull-sm-3] {
    left: 25%;
  }
  [dir="ltr"] [pull-sm-4] {
    right: 33.33333%;
  }
  [dir="rtl"] [pull-sm-4] {
    left: 33.33333%;
  }
  [dir="ltr"] [pull-sm-5] {
    right: 41.66667%;
  }
  [dir="rtl"] [pull-sm-5] {
    left: 41.66667%;
  }
  [dir="ltr"] [pull-sm-6] {
    right: 50%;
  }
  [dir="rtl"] [pull-sm-6] {
    left: 50%;
  }
  [dir="ltr"] [pull-sm-7] {
    right: 58.33333%;
  }
  [dir="rtl"] [pull-sm-7] {
    left: 58.33333%;
  }
  [dir="ltr"] [pull-sm-8] {
    right: 66.66667%;
  }
  [dir="rtl"] [pull-sm-8] {
    left: 66.66667%;
  }
  [dir="ltr"] [pull-sm-9] {
    right: 75%;
  }
  [dir="rtl"] [pull-sm-9] {
    left: 75%;
  }
  [dir="ltr"] [pull-sm-10] {
    right: 83.33333%;
  }
  [dir="rtl"] [pull-sm-10] {
    left: 83.33333%;
  }
  [dir="ltr"] [pull-sm-11] {
    right: 91.66667%;
  }
  [dir="rtl"] [pull-sm-11] {
    left: 91.66667%;
  }
  [dir="ltr"] [pull-sm-12] {
    right: 100%;
  }
  [dir="rtl"] [pull-sm-12] {
    left: 100%;
  }
  [dir="ltr"] [push-sm-0] {
    left: auto;
  }
  [dir="rtl"] [push-sm-0] {
    right: auto;
  }
  [dir="ltr"] [push-sm-1] {
    left: 8.33333%;
  }
  [dir="rtl"] [push-sm-1] {
    right: 8.33333%;
  }
  [dir="ltr"] [push-sm-2] {
    left: 16.66667%;
  }
  [dir="rtl"] [push-sm-2] {
    right: 16.66667%;
  }
  [dir="ltr"] [push-sm-3] {
    left: 25%;
  }
  [dir="rtl"] [push-sm-3] {
    right: 25%;
  }
  [dir="ltr"] [push-sm-4] {
    left: 33.33333%;
  }
  [dir="rtl"] [push-sm-4] {
    right: 33.33333%;
  }
  [dir="ltr"] [push-sm-5] {
    left: 41.66667%;
  }
  [dir="rtl"] [push-sm-5] {
    right: 41.66667%;
  }
  [dir="ltr"] [push-sm-6] {
    left: 50%;
  }
  [dir="rtl"] [push-sm-6] {
    right: 50%;
  }
  [dir="ltr"] [push-sm-7] {
    left: 58.33333%;
  }
  [dir="rtl"] [push-sm-7] {
    right: 58.33333%;
  }
  [dir="ltr"] [push-sm-8] {
    left: 66.66667%;
  }
  [dir="rtl"] [push-sm-8] {
    right: 66.66667%;
  }
  [dir="ltr"] [push-sm-9] {
    left: 75%;
  }
  [dir="rtl"] [push-sm-9] {
    right: 75%;
  }
  [dir="ltr"] [push-sm-10] {
    left: 83.33333%;
  }
  [dir="rtl"] [push-sm-10] {
    right: 83.33333%;
  }
  [dir="ltr"] [push-sm-11] {
    left: 91.66667%;
  }
  [dir="rtl"] [push-sm-11] {
    right: 91.66667%;
  }
  [dir="ltr"] [push-sm-12] {
    left: 100%;
  }
  [dir="rtl"] [push-sm-12] {
    right: 100%;
  }
  [dir="ltr"] [offset-sm-0] {
    margin-left: 0%;
  }
  [dir="rtl"] [offset-sm-0] {
    margin-right: 0%;
  }
  [dir="ltr"] [offset-sm-1] {
    margin-left: 8.33333%;
  }
  [dir="rtl"] [offset-sm-1] {
    margin-right: 8.33333%;
  }
  [dir="ltr"] [offset-sm-2] {
    margin-left: 16.66667%;
  }
  [dir="rtl"] [offset-sm-2] {
    margin-right: 16.66667%;
  }
  [dir="ltr"] [offset-sm-3] {
    margin-left: 25%;
  }
  [dir="rtl"] [offset-sm-3] {
    margin-right: 25%;
  }
  [dir="ltr"] [offset-sm-4] {
    margin-left: 33.33333%;
  }
  [dir="rtl"] [offset-sm-4] {
    margin-right: 33.33333%;
  }
  [dir="ltr"] [offset-sm-5] {
    margin-left: 41.66667%;
  }
  [dir="rtl"] [offset-sm-5] {
    margin-right: 41.66667%;
  }
  [dir="ltr"] [offset-sm-6] {
    margin-left: 50%;
  }
  [dir="rtl"] [offset-sm-6] {
    margin-right: 50%;
  }
  [dir="ltr"] [offset-sm-7] {
    margin-left: 58.33333%;
  }
  [dir="rtl"] [offset-sm-7] {
    margin-right: 58.33333%;
  }
  [dir="ltr"] [offset-sm-8] {
    margin-left: 66.66667%;
  }
  [dir="rtl"] [offset-sm-8] {
    margin-right: 66.66667%;
  }
  [dir="ltr"] [offset-sm-9] {
    margin-left: 75%;
  }
  [dir="rtl"] [offset-sm-9] {
    margin-right: 75%;
  }
  [dir="ltr"] [offset-sm-10] {
    margin-left: 83.33333%;
  }
  [dir="rtl"] [offset-sm-10] {
    margin-right: 83.33333%;
  }
  [dir="ltr"] [offset-sm-11] {
    margin-left: 91.66667%;
  }
  [dir="rtl"] [offset-sm-11] {
    margin-right: 91.66667%;
  }
}

[dir="ltr"] [col-md-1], [dir="rtl"] [col-md-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-md-1], [dir="rtl"] [col-md-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-md-1], [dir="rtl"] [col-md-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-md-1], [dir="rtl"] [col-md-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-md-1], [dir="rtl"] [col-md-1] {
    padding: 5px;
  }
}

[dir="ltr"] [col-md-2], [dir="rtl"] [col-md-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-md-2], [dir="rtl"] [col-md-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-md-2], [dir="rtl"] [col-md-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-md-2], [dir="rtl"] [col-md-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-md-2], [dir="rtl"] [col-md-2] {
    padding: 5px;
  }
}

[dir="ltr"] [col-md-3], [dir="rtl"] [col-md-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-md-3], [dir="rtl"] [col-md-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-md-3], [dir="rtl"] [col-md-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-md-3], [dir="rtl"] [col-md-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-md-3], [dir="rtl"] [col-md-3] {
    padding: 5px;
  }
}

[dir="ltr"] [col-md-4], [dir="rtl"] [col-md-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-md-4], [dir="rtl"] [col-md-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-md-4], [dir="rtl"] [col-md-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-md-4], [dir="rtl"] [col-md-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-md-4], [dir="rtl"] [col-md-4] {
    padding: 5px;
  }
}

[dir="ltr"] [col-md-5], [dir="rtl"] [col-md-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-md-5], [dir="rtl"] [col-md-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-md-5], [dir="rtl"] [col-md-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-md-5], [dir="rtl"] [col-md-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-md-5], [dir="rtl"] [col-md-5] {
    padding: 5px;
  }
}

[dir="ltr"] [col-md-6], [dir="rtl"] [col-md-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-md-6], [dir="rtl"] [col-md-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-md-6], [dir="rtl"] [col-md-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-md-6], [dir="rtl"] [col-md-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-md-6], [dir="rtl"] [col-md-6] {
    padding: 5px;
  }
}

[dir="ltr"] [col-md-7], [dir="rtl"] [col-md-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-md-7], [dir="rtl"] [col-md-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-md-7], [dir="rtl"] [col-md-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-md-7], [dir="rtl"] [col-md-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-md-7], [dir="rtl"] [col-md-7] {
    padding: 5px;
  }
}

[dir="ltr"] [col-md-8], [dir="rtl"] [col-md-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-md-8], [dir="rtl"] [col-md-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-md-8], [dir="rtl"] [col-md-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-md-8], [dir="rtl"] [col-md-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-md-8], [dir="rtl"] [col-md-8] {
    padding: 5px;
  }
}

[dir="ltr"] [col-md-9], [dir="rtl"] [col-md-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-md-9], [dir="rtl"] [col-md-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-md-9], [dir="rtl"] [col-md-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-md-9], [dir="rtl"] [col-md-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-md-9], [dir="rtl"] [col-md-9] {
    padding: 5px;
  }
}

[dir="ltr"] [col-md-10], [dir="rtl"] [col-md-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-md-10], [dir="rtl"] [col-md-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-md-10], [dir="rtl"] [col-md-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-md-10], [dir="rtl"] [col-md-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-md-10], [dir="rtl"] [col-md-10] {
    padding: 5px;
  }
}

[dir="ltr"] [col-md-11], [dir="rtl"] [col-md-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-md-11], [dir="rtl"] [col-md-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-md-11], [dir="rtl"] [col-md-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-md-11], [dir="rtl"] [col-md-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-md-11], [dir="rtl"] [col-md-11] {
    padding: 5px;
  }
}

[dir="ltr"] [col-md-12], [dir="rtl"] [col-md-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-md-12], [dir="rtl"] [col-md-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-md-12], [dir="rtl"] [col-md-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-md-12], [dir="rtl"] [col-md-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-md-12], [dir="rtl"] [col-md-12] {
    padding: 5px;
  }
}

[dir="ltr"] [col-md], [dir="rtl"] [col-md] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-md], [dir="rtl"] [col-md] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-md], [dir="rtl"] [col-md] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-md], [dir="rtl"] [col-md] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-md], [dir="rtl"] [col-md] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-md-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-md-1] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-md-4] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-md-7] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-md-10] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [dir="ltr"] [pull-md-0] {
    right: auto;
  }
  [dir="rtl"] [pull-md-0] {
    left: auto;
  }
  [dir="ltr"] [pull-md-1] {
    right: 8.33333%;
  }
  [dir="rtl"] [pull-md-1] {
    left: 8.33333%;
  }
  [dir="ltr"] [pull-md-2] {
    right: 16.66667%;
  }
  [dir="rtl"] [pull-md-2] {
    left: 16.66667%;
  }
  [dir="ltr"] [pull-md-3] {
    right: 25%;
  }
  [dir="rtl"] [pull-md-3] {
    left: 25%;
  }
  [dir="ltr"] [pull-md-4] {
    right: 33.33333%;
  }
  [dir="rtl"] [pull-md-4] {
    left: 33.33333%;
  }
  [dir="ltr"] [pull-md-5] {
    right: 41.66667%;
  }
  [dir="rtl"] [pull-md-5] {
    left: 41.66667%;
  }
  [dir="ltr"] [pull-md-6] {
    right: 50%;
  }
  [dir="rtl"] [pull-md-6] {
    left: 50%;
  }
  [dir="ltr"] [pull-md-7] {
    right: 58.33333%;
  }
  [dir="rtl"] [pull-md-7] {
    left: 58.33333%;
  }
  [dir="ltr"] [pull-md-8] {
    right: 66.66667%;
  }
  [dir="rtl"] [pull-md-8] {
    left: 66.66667%;
  }
  [dir="ltr"] [pull-md-9] {
    right: 75%;
  }
  [dir="rtl"] [pull-md-9] {
    left: 75%;
  }
  [dir="ltr"] [pull-md-10] {
    right: 83.33333%;
  }
  [dir="rtl"] [pull-md-10] {
    left: 83.33333%;
  }
  [dir="ltr"] [pull-md-11] {
    right: 91.66667%;
  }
  [dir="rtl"] [pull-md-11] {
    left: 91.66667%;
  }
  [dir="ltr"] [pull-md-12] {
    right: 100%;
  }
  [dir="rtl"] [pull-md-12] {
    left: 100%;
  }
  [dir="ltr"] [push-md-0] {
    left: auto;
  }
  [dir="rtl"] [push-md-0] {
    right: auto;
  }
  [dir="ltr"] [push-md-1] {
    left: 8.33333%;
  }
  [dir="rtl"] [push-md-1] {
    right: 8.33333%;
  }
  [dir="ltr"] [push-md-2] {
    left: 16.66667%;
  }
  [dir="rtl"] [push-md-2] {
    right: 16.66667%;
  }
  [dir="ltr"] [push-md-3] {
    left: 25%;
  }
  [dir="rtl"] [push-md-3] {
    right: 25%;
  }
  [dir="ltr"] [push-md-4] {
    left: 33.33333%;
  }
  [dir="rtl"] [push-md-4] {
    right: 33.33333%;
  }
  [dir="ltr"] [push-md-5] {
    left: 41.66667%;
  }
  [dir="rtl"] [push-md-5] {
    right: 41.66667%;
  }
  [dir="ltr"] [push-md-6] {
    left: 50%;
  }
  [dir="rtl"] [push-md-6] {
    right: 50%;
  }
  [dir="ltr"] [push-md-7] {
    left: 58.33333%;
  }
  [dir="rtl"] [push-md-7] {
    right: 58.33333%;
  }
  [dir="ltr"] [push-md-8] {
    left: 66.66667%;
  }
  [dir="rtl"] [push-md-8] {
    right: 66.66667%;
  }
  [dir="ltr"] [push-md-9] {
    left: 75%;
  }
  [dir="rtl"] [push-md-9] {
    right: 75%;
  }
  [dir="ltr"] [push-md-10] {
    left: 83.33333%;
  }
  [dir="rtl"] [push-md-10] {
    right: 83.33333%;
  }
  [dir="ltr"] [push-md-11] {
    left: 91.66667%;
  }
  [dir="rtl"] [push-md-11] {
    right: 91.66667%;
  }
  [dir="ltr"] [push-md-12] {
    left: 100%;
  }
  [dir="rtl"] [push-md-12] {
    right: 100%;
  }
  [dir="ltr"] [offset-md-0] {
    margin-left: 0%;
  }
  [dir="rtl"] [offset-md-0] {
    margin-right: 0%;
  }
  [dir="ltr"] [offset-md-1] {
    margin-left: 8.33333%;
  }
  [dir="rtl"] [offset-md-1] {
    margin-right: 8.33333%;
  }
  [dir="ltr"] [offset-md-2] {
    margin-left: 16.66667%;
  }
  [dir="rtl"] [offset-md-2] {
    margin-right: 16.66667%;
  }
  [dir="ltr"] [offset-md-3] {
    margin-left: 25%;
  }
  [dir="rtl"] [offset-md-3] {
    margin-right: 25%;
  }
  [dir="ltr"] [offset-md-4] {
    margin-left: 33.33333%;
  }
  [dir="rtl"] [offset-md-4] {
    margin-right: 33.33333%;
  }
  [dir="ltr"] [offset-md-5] {
    margin-left: 41.66667%;
  }
  [dir="rtl"] [offset-md-5] {
    margin-right: 41.66667%;
  }
  [dir="ltr"] [offset-md-6] {
    margin-left: 50%;
  }
  [dir="rtl"] [offset-md-6] {
    margin-right: 50%;
  }
  [dir="ltr"] [offset-md-7] {
    margin-left: 58.33333%;
  }
  [dir="rtl"] [offset-md-7] {
    margin-right: 58.33333%;
  }
  [dir="ltr"] [offset-md-8] {
    margin-left: 66.66667%;
  }
  [dir="rtl"] [offset-md-8] {
    margin-right: 66.66667%;
  }
  [dir="ltr"] [offset-md-9] {
    margin-left: 75%;
  }
  [dir="rtl"] [offset-md-9] {
    margin-right: 75%;
  }
  [dir="ltr"] [offset-md-10] {
    margin-left: 83.33333%;
  }
  [dir="rtl"] [offset-md-10] {
    margin-right: 83.33333%;
  }
  [dir="ltr"] [offset-md-11] {
    margin-left: 91.66667%;
  }
  [dir="rtl"] [offset-md-11] {
    margin-right: 91.66667%;
  }
}

[dir="ltr"] [col-lg-1], [dir="rtl"] [col-lg-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-lg-1], [dir="rtl"] [col-lg-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-lg-1], [dir="rtl"] [col-lg-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-lg-1], [dir="rtl"] [col-lg-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-lg-1], [dir="rtl"] [col-lg-1] {
    padding: 5px;
  }
}

[dir="ltr"] [col-lg-2], [dir="rtl"] [col-lg-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-lg-2], [dir="rtl"] [col-lg-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-lg-2], [dir="rtl"] [col-lg-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-lg-2], [dir="rtl"] [col-lg-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-lg-2], [dir="rtl"] [col-lg-2] {
    padding: 5px;
  }
}

[dir="ltr"] [col-lg-3], [dir="rtl"] [col-lg-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-lg-3], [dir="rtl"] [col-lg-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-lg-3], [dir="rtl"] [col-lg-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-lg-3], [dir="rtl"] [col-lg-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-lg-3], [dir="rtl"] [col-lg-3] {
    padding: 5px;
  }
}

[dir="ltr"] [col-lg-4], [dir="rtl"] [col-lg-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-lg-4], [dir="rtl"] [col-lg-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-lg-4], [dir="rtl"] [col-lg-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-lg-4], [dir="rtl"] [col-lg-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-lg-4], [dir="rtl"] [col-lg-4] {
    padding: 5px;
  }
}

[dir="ltr"] [col-lg-5], [dir="rtl"] [col-lg-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-lg-5], [dir="rtl"] [col-lg-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-lg-5], [dir="rtl"] [col-lg-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-lg-5], [dir="rtl"] [col-lg-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-lg-5], [dir="rtl"] [col-lg-5] {
    padding: 5px;
  }
}

[dir="ltr"] [col-lg-6], [dir="rtl"] [col-lg-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-lg-6], [dir="rtl"] [col-lg-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-lg-6], [dir="rtl"] [col-lg-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-lg-6], [dir="rtl"] [col-lg-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-lg-6], [dir="rtl"] [col-lg-6] {
    padding: 5px;
  }
}

[dir="ltr"] [col-lg-7], [dir="rtl"] [col-lg-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-lg-7], [dir="rtl"] [col-lg-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-lg-7], [dir="rtl"] [col-lg-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-lg-7], [dir="rtl"] [col-lg-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-lg-7], [dir="rtl"] [col-lg-7] {
    padding: 5px;
  }
}

[dir="ltr"] [col-lg-8], [dir="rtl"] [col-lg-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-lg-8], [dir="rtl"] [col-lg-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-lg-8], [dir="rtl"] [col-lg-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-lg-8], [dir="rtl"] [col-lg-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-lg-8], [dir="rtl"] [col-lg-8] {
    padding: 5px;
  }
}

[dir="ltr"] [col-lg-9], [dir="rtl"] [col-lg-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-lg-9], [dir="rtl"] [col-lg-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-lg-9], [dir="rtl"] [col-lg-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-lg-9], [dir="rtl"] [col-lg-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-lg-9], [dir="rtl"] [col-lg-9] {
    padding: 5px;
  }
}

[dir="ltr"] [col-lg-10], [dir="rtl"] [col-lg-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-lg-10], [dir="rtl"] [col-lg-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-lg-10], [dir="rtl"] [col-lg-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-lg-10], [dir="rtl"] [col-lg-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-lg-10], [dir="rtl"] [col-lg-10] {
    padding: 5px;
  }
}

[dir="ltr"] [col-lg-11], [dir="rtl"] [col-lg-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-lg-11], [dir="rtl"] [col-lg-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-lg-11], [dir="rtl"] [col-lg-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-lg-11], [dir="rtl"] [col-lg-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-lg-11], [dir="rtl"] [col-lg-11] {
    padding: 5px;
  }
}

[dir="ltr"] [col-lg-12], [dir="rtl"] [col-lg-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-lg-12], [dir="rtl"] [col-lg-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-lg-12], [dir="rtl"] [col-lg-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-lg-12], [dir="rtl"] [col-lg-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-lg-12], [dir="rtl"] [col-lg-12] {
    padding: 5px;
  }
}

[dir="ltr"] [col-lg], [dir="rtl"] [col-lg] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-lg], [dir="rtl"] [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-lg], [dir="rtl"] [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-lg], [dir="rtl"] [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-lg], [dir="rtl"] [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-lg-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-lg-1] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-lg-4] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-lg-7] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-lg-10] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [dir="ltr"] [pull-lg-0] {
    right: auto;
  }
  [dir="rtl"] [pull-lg-0] {
    left: auto;
  }
  [dir="ltr"] [pull-lg-1] {
    right: 8.33333%;
  }
  [dir="rtl"] [pull-lg-1] {
    left: 8.33333%;
  }
  [dir="ltr"] [pull-lg-2] {
    right: 16.66667%;
  }
  [dir="rtl"] [pull-lg-2] {
    left: 16.66667%;
  }
  [dir="ltr"] [pull-lg-3] {
    right: 25%;
  }
  [dir="rtl"] [pull-lg-3] {
    left: 25%;
  }
  [dir="ltr"] [pull-lg-4] {
    right: 33.33333%;
  }
  [dir="rtl"] [pull-lg-4] {
    left: 33.33333%;
  }
  [dir="ltr"] [pull-lg-5] {
    right: 41.66667%;
  }
  [dir="rtl"] [pull-lg-5] {
    left: 41.66667%;
  }
  [dir="ltr"] [pull-lg-6] {
    right: 50%;
  }
  [dir="rtl"] [pull-lg-6] {
    left: 50%;
  }
  [dir="ltr"] [pull-lg-7] {
    right: 58.33333%;
  }
  [dir="rtl"] [pull-lg-7] {
    left: 58.33333%;
  }
  [dir="ltr"] [pull-lg-8] {
    right: 66.66667%;
  }
  [dir="rtl"] [pull-lg-8] {
    left: 66.66667%;
  }
  [dir="ltr"] [pull-lg-9] {
    right: 75%;
  }
  [dir="rtl"] [pull-lg-9] {
    left: 75%;
  }
  [dir="ltr"] [pull-lg-10] {
    right: 83.33333%;
  }
  [dir="rtl"] [pull-lg-10] {
    left: 83.33333%;
  }
  [dir="ltr"] [pull-lg-11] {
    right: 91.66667%;
  }
  [dir="rtl"] [pull-lg-11] {
    left: 91.66667%;
  }
  [dir="ltr"] [pull-lg-12] {
    right: 100%;
  }
  [dir="rtl"] [pull-lg-12] {
    left: 100%;
  }
  [dir="ltr"] [push-lg-0] {
    left: auto;
  }
  [dir="rtl"] [push-lg-0] {
    right: auto;
  }
  [dir="ltr"] [push-lg-1] {
    left: 8.33333%;
  }
  [dir="rtl"] [push-lg-1] {
    right: 8.33333%;
  }
  [dir="ltr"] [push-lg-2] {
    left: 16.66667%;
  }
  [dir="rtl"] [push-lg-2] {
    right: 16.66667%;
  }
  [dir="ltr"] [push-lg-3] {
    left: 25%;
  }
  [dir="rtl"] [push-lg-3] {
    right: 25%;
  }
  [dir="ltr"] [push-lg-4] {
    left: 33.33333%;
  }
  [dir="rtl"] [push-lg-4] {
    right: 33.33333%;
  }
  [dir="ltr"] [push-lg-5] {
    left: 41.66667%;
  }
  [dir="rtl"] [push-lg-5] {
    right: 41.66667%;
  }
  [dir="ltr"] [push-lg-6] {
    left: 50%;
  }
  [dir="rtl"] [push-lg-6] {
    right: 50%;
  }
  [dir="ltr"] [push-lg-7] {
    left: 58.33333%;
  }
  [dir="rtl"] [push-lg-7] {
    right: 58.33333%;
  }
  [dir="ltr"] [push-lg-8] {
    left: 66.66667%;
  }
  [dir="rtl"] [push-lg-8] {
    right: 66.66667%;
  }
  [dir="ltr"] [push-lg-9] {
    left: 75%;
  }
  [dir="rtl"] [push-lg-9] {
    right: 75%;
  }
  [dir="ltr"] [push-lg-10] {
    left: 83.33333%;
  }
  [dir="rtl"] [push-lg-10] {
    right: 83.33333%;
  }
  [dir="ltr"] [push-lg-11] {
    left: 91.66667%;
  }
  [dir="rtl"] [push-lg-11] {
    right: 91.66667%;
  }
  [dir="ltr"] [push-lg-12] {
    left: 100%;
  }
  [dir="rtl"] [push-lg-12] {
    right: 100%;
  }
  [dir="ltr"] [offset-lg-0] {
    margin-left: 0%;
  }
  [dir="rtl"] [offset-lg-0] {
    margin-right: 0%;
  }
  [dir="ltr"] [offset-lg-1] {
    margin-left: 8.33333%;
  }
  [dir="rtl"] [offset-lg-1] {
    margin-right: 8.33333%;
  }
  [dir="ltr"] [offset-lg-2] {
    margin-left: 16.66667%;
  }
  [dir="rtl"] [offset-lg-2] {
    margin-right: 16.66667%;
  }
  [dir="ltr"] [offset-lg-3] {
    margin-left: 25%;
  }
  [dir="rtl"] [offset-lg-3] {
    margin-right: 25%;
  }
  [dir="ltr"] [offset-lg-4] {
    margin-left: 33.33333%;
  }
  [dir="rtl"] [offset-lg-4] {
    margin-right: 33.33333%;
  }
  [dir="ltr"] [offset-lg-5] {
    margin-left: 41.66667%;
  }
  [dir="rtl"] [offset-lg-5] {
    margin-right: 41.66667%;
  }
  [dir="ltr"] [offset-lg-6] {
    margin-left: 50%;
  }
  [dir="rtl"] [offset-lg-6] {
    margin-right: 50%;
  }
  [dir="ltr"] [offset-lg-7] {
    margin-left: 58.33333%;
  }
  [dir="rtl"] [offset-lg-7] {
    margin-right: 58.33333%;
  }
  [dir="ltr"] [offset-lg-8] {
    margin-left: 66.66667%;
  }
  [dir="rtl"] [offset-lg-8] {
    margin-right: 66.66667%;
  }
  [dir="ltr"] [offset-lg-9] {
    margin-left: 75%;
  }
  [dir="rtl"] [offset-lg-9] {
    margin-right: 75%;
  }
  [dir="ltr"] [offset-lg-10] {
    margin-left: 83.33333%;
  }
  [dir="rtl"] [offset-lg-10] {
    margin-right: 83.33333%;
  }
  [dir="ltr"] [offset-lg-11] {
    margin-left: 91.66667%;
  }
  [dir="rtl"] [offset-lg-11] {
    margin-right: 91.66667%;
  }
}

[dir="ltr"] [col-xl-1], [dir="rtl"] [col-xl-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-xl-1], [dir="rtl"] [col-xl-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-xl-1], [dir="rtl"] [col-xl-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-xl-1], [dir="rtl"] [col-xl-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-xl-1], [dir="rtl"] [col-xl-1] {
    padding: 5px;
  }
}

[dir="ltr"] [col-xl-2], [dir="rtl"] [col-xl-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-xl-2], [dir="rtl"] [col-xl-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-xl-2], [dir="rtl"] [col-xl-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-xl-2], [dir="rtl"] [col-xl-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-xl-2], [dir="rtl"] [col-xl-2] {
    padding: 5px;
  }
}

[dir="ltr"] [col-xl-3], [dir="rtl"] [col-xl-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-xl-3], [dir="rtl"] [col-xl-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-xl-3], [dir="rtl"] [col-xl-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-xl-3], [dir="rtl"] [col-xl-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-xl-3], [dir="rtl"] [col-xl-3] {
    padding: 5px;
  }
}

[dir="ltr"] [col-xl-4], [dir="rtl"] [col-xl-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-xl-4], [dir="rtl"] [col-xl-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-xl-4], [dir="rtl"] [col-xl-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-xl-4], [dir="rtl"] [col-xl-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-xl-4], [dir="rtl"] [col-xl-4] {
    padding: 5px;
  }
}

[dir="ltr"] [col-xl-5], [dir="rtl"] [col-xl-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-xl-5], [dir="rtl"] [col-xl-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-xl-5], [dir="rtl"] [col-xl-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-xl-5], [dir="rtl"] [col-xl-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-xl-5], [dir="rtl"] [col-xl-5] {
    padding: 5px;
  }
}

[dir="ltr"] [col-xl-6], [dir="rtl"] [col-xl-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-xl-6], [dir="rtl"] [col-xl-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-xl-6], [dir="rtl"] [col-xl-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-xl-6], [dir="rtl"] [col-xl-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-xl-6], [dir="rtl"] [col-xl-6] {
    padding: 5px;
  }
}

[dir="ltr"] [col-xl-7], [dir="rtl"] [col-xl-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-xl-7], [dir="rtl"] [col-xl-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-xl-7], [dir="rtl"] [col-xl-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-xl-7], [dir="rtl"] [col-xl-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-xl-7], [dir="rtl"] [col-xl-7] {
    padding: 5px;
  }
}

[dir="ltr"] [col-xl-8], [dir="rtl"] [col-xl-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-xl-8], [dir="rtl"] [col-xl-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-xl-8], [dir="rtl"] [col-xl-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-xl-8], [dir="rtl"] [col-xl-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-xl-8], [dir="rtl"] [col-xl-8] {
    padding: 5px;
  }
}

[dir="ltr"] [col-xl-9], [dir="rtl"] [col-xl-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-xl-9], [dir="rtl"] [col-xl-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-xl-9], [dir="rtl"] [col-xl-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-xl-9], [dir="rtl"] [col-xl-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-xl-9], [dir="rtl"] [col-xl-9] {
    padding: 5px;
  }
}

[dir="ltr"] [col-xl-10], [dir="rtl"] [col-xl-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-xl-10], [dir="rtl"] [col-xl-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-xl-10], [dir="rtl"] [col-xl-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-xl-10], [dir="rtl"] [col-xl-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-xl-10], [dir="rtl"] [col-xl-10] {
    padding: 5px;
  }
}

[dir="ltr"] [col-xl-11], [dir="rtl"] [col-xl-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-xl-11], [dir="rtl"] [col-xl-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-xl-11], [dir="rtl"] [col-xl-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-xl-11], [dir="rtl"] [col-xl-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-xl-11], [dir="rtl"] [col-xl-11] {
    padding: 5px;
  }
}

[dir="ltr"] [col-xl-12], [dir="rtl"] [col-xl-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-xl-12], [dir="rtl"] [col-xl-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-xl-12], [dir="rtl"] [col-xl-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-xl-12], [dir="rtl"] [col-xl-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-xl-12], [dir="rtl"] [col-xl-12] {
    padding: 5px;
  }
}

[dir="ltr"] [col-xl], [dir="rtl"] [col-xl] {
  padding: 5px;
}

@media (min-width: 576px) {
  [dir="ltr"] [col-xl], [dir="rtl"] [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [dir="ltr"] [col-xl], [dir="rtl"] [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] [col-xl], [dir="rtl"] [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] [col-xl], [dir="rtl"] [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-xl-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-xl-1] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-xl-4] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-xl-7] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-xl-10] {
    -webkit-box-flex: 0;
    -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-box-flex: 0;
    -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-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [dir="ltr"] [pull-xl-0] {
    right: auto;
  }
  [dir="rtl"] [pull-xl-0] {
    left: auto;
  }
  [dir="ltr"] [pull-xl-1] {
    right: 8.33333%;
  }
  [dir="rtl"] [pull-xl-1] {
    left: 8.33333%;
  }
  [dir="ltr"] [pull-xl-2] {
    right: 16.66667%;
  }
  [dir="rtl"] [pull-xl-2] {
    left: 16.66667%;
  }
  [dir="ltr"] [pull-xl-3] {
    right: 25%;
  }
  [dir="rtl"] [pull-xl-3] {
    left: 25%;
  }
  [dir="ltr"] [pull-xl-4] {
    right: 33.33333%;
  }
  [dir="rtl"] [pull-xl-4] {
    left: 33.33333%;
  }
  [dir="ltr"] [pull-xl-5] {
    right: 41.66667%;
  }
  [dir="rtl"] [pull-xl-5] {
    left: 41.66667%;
  }
  [dir="ltr"] [pull-xl-6] {
    right: 50%;
  }
  [dir="rtl"] [pull-xl-6] {
    left: 50%;
  }
  [dir="ltr"] [pull-xl-7] {
    right: 58.33333%;
  }
  [dir="rtl"] [pull-xl-7] {
    left: 58.33333%;
  }
  [dir="ltr"] [pull-xl-8] {
    right: 66.66667%;
  }
  [dir="rtl"] [pull-xl-8] {
    left: 66.66667%;
  }
  [dir="ltr"] [pull-xl-9] {
    right: 75%;
  }
  [dir="rtl"] [pull-xl-9] {
    left: 75%;
  }
  [dir="ltr"] [pull-xl-10] {
    right: 83.33333%;
  }
  [dir="rtl"] [pull-xl-10] {
    left: 83.33333%;
  }
  [dir="ltr"] [pull-xl-11] {
    right: 91.66667%;
  }
  [dir="rtl"] [pull-xl-11] {
    left: 91.66667%;
  }
  [dir="ltr"] [pull-xl-12] {
    right: 100%;
  }
  [dir="rtl"] [pull-xl-12] {
    left: 100%;
  }
  [dir="ltr"] [push-xl-0] {
    left: auto;
  }
  [dir="rtl"] [push-xl-0] {
    right: auto;
  }
  [dir="ltr"] [push-xl-1] {
    left: 8.33333%;
  }
  [dir="rtl"] [push-xl-1] {
    right: 8.33333%;
  }
  [dir="ltr"] [push-xl-2] {
    left: 16.66667%;
  }
  [dir="rtl"] [push-xl-2] {
    right: 16.66667%;
  }
  [dir="ltr"] [push-xl-3] {
    left: 25%;
  }
  [dir="rtl"] [push-xl-3] {
    right: 25%;
  }
  [dir="ltr"] [push-xl-4] {
    left: 33.33333%;
  }
  [dir="rtl"] [push-xl-4] {
    right: 33.33333%;
  }
  [dir="ltr"] [push-xl-5] {
    left: 41.66667%;
  }
  [dir="rtl"] [push-xl-5] {
    right: 41.66667%;
  }
  [dir="ltr"] [push-xl-6] {
    left: 50%;
  }
  [dir="rtl"] [push-xl-6] {
    right: 50%;
  }
  [dir="ltr"] [push-xl-7] {
    left: 58.33333%;
  }
  [dir="rtl"] [push-xl-7] {
    right: 58.33333%;
  }
  [dir="ltr"] [push-xl-8] {
    left: 66.66667%;
  }
  [dir="rtl"] [push-xl-8] {
    right: 66.66667%;
  }
  [dir="ltr"] [push-xl-9] {
    left: 75%;
  }
  [dir="rtl"] [push-xl-9] {
    right: 75%;
  }
  [dir="ltr"] [push-xl-10] {
    left: 83.33333%;
  }
  [dir="rtl"] [push-xl-10] {
    right: 83.33333%;
  }
  [dir="ltr"] [push-xl-11] {
    left: 91.66667%;
  }
  [dir="rtl"] [push-xl-11] {
    right: 91.66667%;
  }
  [dir="ltr"] [push-xl-12] {
    left: 100%;
  }
  [dir="rtl"] [push-xl-12] {
    right: 100%;
  }
  [dir="ltr"] [offset-xl-0] {
    margin-left: 0%;
  }
  [dir="rtl"] [offset-xl-0] {
    margin-right: 0%;
  }
  [dir="ltr"] [offset-xl-1] {
    margin-left: 8.33333%;
  }
  [dir="rtl"] [offset-xl-1] {
    margin-right: 8.33333%;
  }
  [dir="ltr"] [offset-xl-2] {
    margin-left: 16.66667%;
  }
  [dir="rtl"] [offset-xl-2] {
    margin-right: 16.66667%;
  }
  [dir="ltr"] [offset-xl-3] {
    margin-left: 25%;
  }
  [dir="rtl"] [offset-xl-3] {
    margin-right: 25%;
  }
  [dir="ltr"] [offset-xl-4] {
    margin-left: 33.33333%;
  }
  [dir="rtl"] [offset-xl-4] {
    margin-right: 33.33333%;
  }
  [dir="ltr"] [offset-xl-5] {
    margin-left: 41.66667%;
  }
  [dir="rtl"] [offset-xl-5] {
    margin-right: 41.66667%;
  }
  [dir="ltr"] [offset-xl-6] {
    margin-left: 50%;
  }
  [dir="rtl"] [offset-xl-6] {
    margin-right: 50%;
  }
  [dir="ltr"] [offset-xl-7] {
    margin-left: 58.33333%;
  }
  [dir="rtl"] [offset-xl-7] {
    margin-right: 58.33333%;
  }
  [dir="ltr"] [offset-xl-8] {
    margin-left: 66.66667%;
  }
  [dir="rtl"] [offset-xl-8] {
    margin-right: 66.66667%;
  }
  [dir="ltr"] [offset-xl-9] {
    margin-left: 75%;
  }
  [dir="rtl"] [offset-xl-9] {
    margin-right: 75%;
  }
  [dir="ltr"] [offset-xl-10] {
    margin-left: 83.33333%;
  }
  [dir="rtl"] [offset-xl-10] {
    margin-right: 83.33333%;
  }
  [dir="ltr"] [offset-xl-11] {
    margin-left: 91.66667%;
  }
  [dir="rtl"] [offset-xl-11] {
    margin-right: 91.66667%;
  }
}

ion-icon {
  display: inline-block;
  font-size: 1.2em;
}

ion-icon[small] {
  min-height: 1.1em;
  font-size: 1.1em;
}

.icon-ios-transparent {
  color: transparent;
}

.icon-ios-white {
  color: #ffffff;
}

.icon-ios-primary {
  color: #b21f2f;
}

.icon-ios-light {
  color: #f4f4f4;
}

.icon-ios-folderBorder {
  color: #70747c;
}

.icon-md-transparent {
  color: transparent;
}

.icon-md-white {
  color: #ffffff;
}

.icon-md-primary {
  color: #b21f2f;
}

.icon-md-light {
  color: #f4f4f4;
}

.icon-md-folderBorder {
  color: #70747c;
}

.icon-wp-transparent {
  color: transparent;
}

.icon-wp-white {
  color: #ffffff;
}

.icon-wp-primary {
  color: #b21f2f;
}

.icon-wp-light {
  color: #f4f4f4;
}

.icon-wp-folderBorder {
  color: #70747c;
}

ion-img {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background: #eee;
  contain: strict;
}

ion-img img {
  -o-object-fit: cover;
  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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  min-height: 84px;
}

.infinite-loading {
  display: none;
  width: 100%;
}

[dir="ltr"] .infinite-loading, [dir="rtl"] .infinite-loading {
  margin: 0;
}

.infinite-loading-text {
  color: #666;
}

[dir="ltr"] .infinite-loading-text {
  margin: 4px 0px 0 32px;
}

[dir="rtl"] .infinite-loading-text {
  margin: 4px 32px 0 0px;
}

.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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.item-input ion-input,
.item-input ion-textarea {
  position: static;
}

.item.item-textarea {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.text-input {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  -webkit-box-flex: 1;
  -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;
}

[dir="ltr"] .text-input, [dir="rtl"] .text-input {
  border-radius: 0;
}

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 {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

[dir="ltr"] .input-cover {
  left: 0;
}

[dir="rtl"] .input-cover {
  right: 0;
}

.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 {
  position: absolute;
  top: 0;
  display: none;
  height: 100%;
  background-repeat: no-repeat;
}

[dir="ltr"] .text-input-clear-icon, [dir="rtl"] .text-input-clear-icon {
  margin: 0;
}

[dir="ltr"] .text-input-clear-icon, [dir="rtl"] .text-input-clear-icon {
  padding: 0;
}

[dir="ltr"] .text-input-clear-icon, [dir="rtl"] .text-input-clear-icon {
  background-position: center;
}

.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 {
  width: calc(100% - 8px);
}

[dir="ltr"] .text-input-ios {
  margin: 11px 8px 11px 0;
}

[dir="rtl"] .text-input-ios {
  margin: 11px 0 11px 8px;
}

[dir="ltr"] .text-input-ios, [dir="rtl"] .text-input-ios {
  padding: 0;
}

[dir="ltr"] .input-ios .inset-input, [dir="rtl"] .input-ios .inset-input {
  padding: 5.5px 8px;
}

[dir="ltr"] .input-ios .inset-input {
  margin: 5.5px 16px 5.5px 0;
}

[dir="rtl"] .input-ios .inset-input {
  margin: 5.5px 0 5.5px 16px;
}

.item-ios.item-label-stacked .text-input,
.item-ios.item-label-floating .text-input {
  width: calc(100% - 8px);
}

[dir="ltr"] .item-ios.item-label-stacked .text-input, [dir="ltr"] .item-ios.item-label-floating .text-input {
  margin-left: 0;
}

[dir="rtl"] .item-ios.item-label-stacked .text-input, [dir="rtl"] .item-ios.item-label-floating .text-input {
  margin-right: 0;
}

[dir="ltr"] .item-ios.item-label-stacked .text-input, [dir="ltr"] .item-ios.item-label-floating .text-input, [dir="rtl"] .item-ios.item-label-stacked .text-input, [dir="rtl"] .item-ios.item-label-floating .text-input {
  margin-top: 8px;
  margin-bottom: 8px;
}

[dir="ltr"] .item-ios.item-label-stacked .label-ios + .input + .cloned-input, [dir="ltr"] .item-ios.item-label-floating .label-ios + .input + .cloned-input {
  margin-left: 0;
}

[dir="rtl"] .item-ios.item-label-stacked .label-ios + .input + .cloned-input, [dir="rtl"] .item-ios.item-label-floating .label-ios + .input + .cloned-input {
  margin-right: 0;
}

[dir="ltr"] .item-label-stacked .select-ios, [dir="ltr"] .item-label-floating .select-ios {
  padding-left: 0;
}

[dir="rtl"] .item-label-stacked .select-ios, [dir="rtl"] .item-label-floating .select-ios {
  padding-right: 0;
}

[dir="ltr"] .item-label-stacked .select-ios, [dir="ltr"] .item-label-floating .select-ios, [dir="rtl"] .item-label-stacked .select-ios, [dir="rtl"] .item-label-floating .select-ios {
  padding-top: 8px;
  padding-bottom: 8px;
}

.input-ios[clearInput] {
  position: relative;
}

[dir="ltr"] .input-ios[clearInput] .text-input {
  padding-right: 30px;
}

[dir="rtl"] .input-ios[clearInput] .text-input {
  padding-left: 30px;
}

.input-ios .text-input-clear-icon {
  width: 30px;
  background-size: 18px;
}

[dir="ltr"] .input-ios .text-input-clear-icon {
  right: 8px;
}

[dir="rtl"] .input-ios .text-input-clear-icon {
  left: 8px;
}

[dir="ltr"] .input-ios .text-input-clear-icon, [dir="rtl"] .input-ios .text-input-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.text-input-md {
  width: calc(100% - 8px - 8px);
}

[dir="ltr"] .text-input-md, [dir="rtl"] .text-input-md {
  margin: 13px 8px;
}

[dir="ltr"] .text-input-md, [dir="rtl"] .text-input-md {
  padding: 0;
}

[dir="ltr"] .input-md .inset-input, [dir="rtl"] .input-md .inset-input {
  padding: 6.5px 8px;
}

[dir="ltr"] .input-md .inset-input, [dir="rtl"] .input-md .inset-input {
  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: #b21f2f;
  -webkit-box-shadow: inset 0 -1px 0 0 #b21f2f;
  box-shadow: inset 0 -1px 0 0 #b21f2f;
}

.list-md .item-input.item-input-has-focus:last-child,
.list-md .item-input.input-has-focus:last-child {
  border-bottom-color: #b21f2f;
  -webkit-box-shadow: inset 0 -1px 0 0 #b21f2f;
  box-shadow: inset 0 -1px 0 0 #b21f2f;
}

.list-md .item-input.item-input-has-focus:last-child .item-inner,
.list-md .item-input.input-has-focus:last-child .item-inner {
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: inset 0 -1px 0 0 #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;
  -webkit-box-shadow: inset 0 -1px 0 0 #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 {
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: inset 0 -1px 0 0 #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;
  -webkit-box-shadow: inset 0 -1px 0 0 #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 {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.item-label-stacked .text-input-md,
.item-label-floating .text-input-md {
  width: calc(100% - 8px);
}

[dir="ltr"] .item-label-stacked .text-input-md, [dir="ltr"] .item-label-floating .text-input-md {
  margin-left: 0;
}

[dir="rtl"] .item-label-stacked .text-input-md, [dir="rtl"] .item-label-floating .text-input-md {
  margin-right: 0;
}

[dir="ltr"] .item-label-stacked .text-input-md, [dir="ltr"] .item-label-floating .text-input-md, [dir="rtl"] .item-label-stacked .text-input-md, [dir="rtl"] .item-label-floating .text-input-md {
  margin-top: 8px;
  margin-bottom: 8px;
}

[dir="ltr"] .item-label-stacked .select-md, [dir="ltr"] .item-label-floating .select-md {
  padding-left: 0;
}

[dir="rtl"] .item-label-stacked .select-md, [dir="rtl"] .item-label-floating .select-md {
  padding-right: 0;
}

[dir="ltr"] .item-label-stacked .select-md, [dir="ltr"] .item-label-floating .select-md, [dir="rtl"] .item-label-stacked .select-md, [dir="rtl"] .item-label-floating .select-md {
  padding-top: 8px;
  padding-bottom: 8px;
}

.input-md[clearInput] {
  position: relative;
}

[dir="ltr"] .input-md[clearInput] .text-input {
  padding-right: 30px;
}

[dir="rtl"] .input-md[clearInput] .text-input {
  padding-left: 30px;
}

.input-md .text-input-clear-icon {
  width: 30px;
  background-size: 22px;
}

[dir="ltr"] .input-md .text-input-clear-icon {
  right: 8px;
}

[dir="rtl"] .input-md .text-input-clear-icon {
  left: 8px;
}

[dir="ltr"] .input-md .text-input-clear-icon, [dir="rtl"] .input-md .text-input-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='%235b5b5b'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>");
}

.text-input-wp {
  width: calc(100% - 8px - 8px);
  border: 2px solid rgba(0, 0, 0, 0.5);
  line-height: 3rem;
}

[dir="ltr"] .text-input-wp, [dir="rtl"] .text-input-wp {
  margin: 13px 8px;
}

[dir="ltr"] .text-input-wp, [dir="rtl"] .text-input-wp {
  padding: 0 8px;
}

[dir="ltr"] .item-wp .inset-input, [dir="rtl"] .item-wp .inset-input {
  padding: 6.5px 8px;
}

[dir="ltr"] .item-wp .inset-input, [dir="rtl"] .item-wp .inset-input {
  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: #b21f2f;
}

.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 {
  width: calc(100% - 8px);
}

[dir="ltr"] .item-label-stacked .text-input-wp, [dir="ltr"] .item-label-floating .text-input-wp, [dir="ltr"] .item-label-stacked .select-wp, [dir="ltr"] .item-label-floating .select-wp {
  margin-left: 0;
}

[dir="rtl"] .item-label-stacked .text-input-wp, [dir="rtl"] .item-label-floating .text-input-wp, [dir="rtl"] .item-label-stacked .select-wp, [dir="rtl"] .item-label-floating .select-wp {
  margin-right: 0;
}

[dir="ltr"] .item-label-stacked .text-input-wp, [dir="ltr"] .item-label-floating .text-input-wp, [dir="ltr"] .item-label-stacked .select-wp, [dir="ltr"] .item-label-floating .select-wp, [dir="rtl"] .item-label-stacked .text-input-wp, [dir="rtl"] .item-label-floating .text-input-wp, [dir="rtl"] .item-label-stacked .select-wp, [dir="rtl"] .item-label-floating .select-wp {
  margin-top: 8px;
  margin-bottom: 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;
}

[dir="ltr"] .input-wp[clearInput] .text-input {
  padding-right: 30px;
}

[dir="rtl"] .input-wp[clearInput] .text-input {
  padding-left: 30px;
}

.input-wp .text-input-clear-icon {
  width: 30px;
  background-size: 22px;
}

[dir="ltr"] .input-wp .text-input-clear-icon {
  right: 8px;
}

[dir="rtl"] .input-wp .text-input-clear-icon {
  left: 8px;
}

[dir="ltr"] .input-wp .text-input-clear-icon, [dir="rtl"] .input-wp .text-input-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='rgba(0,%200,%200,%200.5)'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>");
}

.item {
  contain: content;
}

.item-block {
  text-align: initial;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 4.4rem;
  border: 0;
  font-weight: normal;
  line-height: normal;
  text-decoration: none;
  color: inherit;
}

[dir="ltr"] .item-block, [dir="rtl"] .item-block {
  margin: 0;
}

[dir="ltr"] .item-block, [dir="rtl"] .item-block {
  padding: 0;
}

.item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -webkit-flex-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  -webkit-box-align: inherit;
  -webkit-align-items: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  min-height: inherit;
  border: 0;
}

[dir="ltr"] .item-inner, [dir="rtl"] .item-inner {
  margin: 0;
}

[dir="ltr"] .item-inner, [dir="rtl"] .item-inner {
  padding: 0;
}

.input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -webkit-flex-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  -webkit-box-align: inherit;
  -webkit-align-items: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  text-overflow: ellipsis;
}

.item[no-lines],
.item.item[no-lines] .item-inner {
  border: 0;
}

ion-item-group {
  display: block;
}

ion-item-divider {
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 30px;
}

[dir="ltr"] ion-item-divider, [dir="rtl"] ion-item-divider {
  margin: 0;
}

[dir="ltr"] ion-item-divider, [dir="rtl"] ion-item-divider {
  padding: 0;
}

ion-item-divider[sticky] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

[vertical-align-top],
ion-input.item {
  -webkit-box-align: start;
  -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 {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
}

[dir="ltr"] .item-cover {
  left: 0;
}

[dir="rtl"] .item-cover {
  right: 0;
}

ion-reorder {
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 40px;
  height: 100%;
  font-size: 1.7em;
  opacity: .25;
  -webkit-transition: -webkit-transform 140ms ease-in;
  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: none;
  touch-action: none;
}

[dir="ltr"] ion-reorder {
  -webkit-transform: translate3d(300%,  0,  0);
  transform: translate3d(300%,  0,  0);
}

[dir="rtl"] ion-reorder {
  -webkit-transform: translate3d(calc(-1 * 300%),  0,  0);
  transform: translate3d(calc(-1 * 300%),  0,  0);
}

.reorder-side-start ion-reorder {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

[dir="ltr"] .reorder-side-start ion-reorder {
  -webkit-transform: translate3d(-300%,  0,  0);
  transform: translate3d(-300%,  0,  0);
}

[dir="rtl"] .reorder-side-start ion-reorder {
  -webkit-transform: translate3d(calc(-1 * -300%),  0,  0);
  transform: translate3d(calc(-1 * -300%),  0,  0);
}

ion-reorder ion-icon {
  pointer-events: none;
}

.reorder-enabled ion-reorder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

[dir="ltr"] .reorder-visible ion-reorder, [dir="rtl"] .reorder-visible ion-reorder {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

.reorder-list-active .item,
.reorder-list-active .item-wrapper {
  -webkit-transition: -webkit-transform 300ms;
  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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  opacity: .8;
  -webkit-transition: none;
  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;
}

[dir="ltr"] ion-item-options, [dir="rtl"] ion-item-options {
  top: 0;
  right: 0;
}

[dir="ltr"] ion-item-options {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

[dir="rtl"] ion-item-options {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

[dir="rtl"] ion-item-options:not([side=right]) {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  right: auto;
  left: 0;
}

[dir="ltr"] ion-item-options[side=left], [dir="rtl"] ion-item-options[side=left] {
  right: auto;
  left: 0;
}

[dir="ltr"] ion-item-options[side=left] {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

[dir="rtl"] ion-item-options[side=left] {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

ion-item-options .button {
  height: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

[dir="ltr"] ion-item-options .button, [dir="rtl"] ion-item-options .button {
  margin: 0;
}

[dir="ltr"] ion-item-options .button, [dir="rtl"] ion-item-options .button {
  padding: 0 0.7em;
}

[dir="ltr"] ion-item-options .button, [dir="rtl"] ion-item-options .button {
  border-radius: 0;
}

[dir="ltr"] ion-item-options .button:last-child {
  padding-right: 0.7em;
}

[dir="rtl"] ion-item-options .button:last-child {
  padding-left: 0.7em;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] ion-item-options .button:last-child {
    padding-right: calc(constant(safe-area-inset-right) + 0.7em);
  }
  [dir="rtl"] ion-item-options .button:last-child {
    padding-left: calc(constant(safe-area-inset-right) + 0.7em);
  }
  [dir="ltr"] ion-item-options .button:last-child {
    padding-right: calc(env(safe-area-inset-right) + 0.7em);
  }
  [dir="rtl"] ion-item-options .button:last-child {
    padding-left: 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-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

[dir="ltr"] ion-item-options:not([icon-left]) .button:not([icon-only]) ion-icon, [dir="ltr"] ion-item-options:not([icon-start]) .button:not([icon-only]) ion-icon, [dir="rtl"] ion-item-options:not([icon-left]) .button:not([icon-only]) ion-icon, [dir="rtl"] ion-item-options:not([icon-start]) .button:not([icon-only]) ion-icon {
  padding-left: 0;
  padding-right: 0;
}

[dir="ltr"] ion-item-options:not([icon-left]) .button:not([icon-only]) ion-icon, [dir="ltr"] ion-item-options:not([icon-start]) .button:not([icon-only]) ion-icon, [dir="rtl"] ion-item-options:not([icon-left]) .button:not([icon-only]) ion-icon, [dir="rtl"] ion-item-options:not([icon-start]) .button:not([icon-only]) ion-icon {
  padding-bottom: 0.3em;
}

[dir="rtl"] ion-item-sliding.active-slide.active-options-left ion-item-options:not([side=right]) {
  width: 100%;
  visibility: visible;
}

ion-item-sliding.active-slide .item,
ion-item-sliding.active-slide .item.activated {
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 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-box;
  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;
  -webkit-transition-duration: 0;
  transition-duration: 0;
  -webkit-transition-property: none;
  transition-property: none;
  -webkit-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

ion-item-sliding.active-swipe-right button[expandable] {
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-property: padding-left;
  transition-property: padding-left;
}

[dir="ltr"] ion-item-sliding.active-swipe-right button[expandable], [dir="rtl"] ion-item-sliding.active-swipe-right button[expandable] {
  padding-left: 90%;
}

[dir="ltr"] ion-item-sliding.active-swipe-right button[expandable] {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

[dir="rtl"] ion-item-sliding.active-swipe-right button[expandable] {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

ion-item-sliding.active-swipe-left button[expandable] {
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-property: padding-right;
  transition-property: padding-right;
}

[dir="ltr"] ion-item-sliding.active-swipe-left button[expandable], [dir="rtl"] ion-item-sliding.active-swipe-left button[expandable] {
  padding-right: 90%;
}

[dir="ltr"] ion-item-sliding.active-swipe-left button[expandable] {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

[dir="rtl"] ion-item-sliding.active-swipe-left button[expandable] {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.item-ios {
  position: relative;
  font-size: 1.7rem;
  color: #000;
  background-color: #fff;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

[dir="ltr"] .item-ios {
  padding-left: 16px;
}

[dir="rtl"] .item-ios {
  padding-right: 16px;
}

[dir="ltr"] .item-ios {
  padding-left: 16px;
}

[dir="rtl"] .item-ios {
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] .item-ios {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] .item-ios {
    padding-right: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="ltr"] .item-ios {
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] .item-ios {
    padding-right: calc(env(safe-area-inset-left) + 16px);
  }
}

[dir="ltr"] .item-ios, [dir="rtl"] .item-ios {
  border-radius: 0;
}

.item-ios.activated {
  background-color: #d9d9d9;
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}

.item-ios h1 {
  font-size: 2.4rem;
  font-weight: normal;
}

[dir="ltr"] .item-ios h1, [dir="rtl"] .item-ios h1 {
  margin: 0 0 2px;
}

.item-ios h2 {
  font-size: 1.7rem;
  font-weight: normal;
}

[dir="ltr"] .item-ios h2, [dir="rtl"] .item-ios h2 {
  margin: 0 0 2px;
}

.item-ios h3,
.item-ios h4,
.item-ios h5,
.item-ios h6 {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: normal;
}

[dir="ltr"] .item-ios h3, [dir="ltr"] .item-ios h4, [dir="ltr"] .item-ios h5, [dir="ltr"] .item-ios h6, [dir="rtl"] .item-ios h3, [dir="rtl"] .item-ios h4, [dir="rtl"] .item-ios h5, [dir="rtl"] .item-ios h6 {
  margin: 0 0 3px;
}

.item-ios p {
  overflow: inherit;
  font-size: 1.4rem;
  line-height: normal;
  text-overflow: inherit;
  color: #8e9093;
}

[dir="ltr"] .item-ios p, [dir="rtl"] .item-ios p {
  margin: 0 0 2px;
}

[dir="ltr"] .item-ios h2:last-child, [dir="ltr"] .item-ios h3:last-child, [dir="ltr"] .item-ios h4:last-child, [dir="ltr"] .item-ios h5:last-child, [dir="ltr"] .item-ios h6:last-child, [dir="ltr"] .item-ios p:last-child, [dir="rtl"] .item-ios h2:last-child, [dir="rtl"] .item-ios h3:last-child, [dir="rtl"] .item-ios h4:last-child, [dir="rtl"] .item-ios h5:last-child, [dir="rtl"] .item-ios h6:last-child, [dir="rtl"] .item-ios p:last-child {
  margin-bottom: 0;
}

.item-ios.item-block .item-inner {
  border-bottom: 0.55px solid #c8c7cc;
}

[dir="ltr"] .item-ios.item-block .item-inner {
  padding-right: 8px;
}

[dir="rtl"] .item-ios.item-block .item-inner {
  padding-left: 8px;
}

[dir="ltr"] .item-ios.item-block .item-inner {
  padding-right: 8px;
}

[dir="rtl"] .item-ios.item-block .item-inner {
  padding-left: 8px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] .item-ios.item-block .item-inner {
    padding-right: calc(constant(safe-area-inset-right) + 8px);
  }
  [dir="rtl"] .item-ios.item-block .item-inner {
    padding-left: calc(constant(safe-area-inset-right) + 8px);
  }
  [dir="ltr"] .item-ios.item-block .item-inner {
    padding-right: calc(env(safe-area-inset-right) + 8px);
  }
  [dir="rtl"] .item-ios.item-block .item-inner {
    padding-left: calc(env(safe-area-inset-right) + 8px);
  }
}

[dir="ltr"] .item-ios [item-left], [dir="ltr"] .item-ios [item-start] {
  margin: 8px 16px 8px 0;
}

[dir="rtl"] .item-ios [item-left], [dir="rtl"] .item-ios [item-start] {
  margin: 8px 0 8px 16px;
}

[dir="ltr"] .item-ios [item-right], [dir="ltr"] .item-ios [item-end], [dir="rtl"] .item-ios [item-right], [dir="rtl"] .item-ios [item-end] {
  margin: 8px;
}

[dir="ltr"] .item-ios ion-icon[item-left], [dir="ltr"] .item-ios ion-icon[item-right], [dir="ltr"] .item-ios ion-icon[item-start], [dir="ltr"] .item-ios ion-icon[item-end] {
  margin-left: 0;
}

[dir="rtl"] .item-ios ion-icon[item-left], [dir="rtl"] .item-ios ion-icon[item-right], [dir="rtl"] .item-ios ion-icon[item-start], [dir="rtl"] .item-ios ion-icon[item-end] {
  margin-right: 0;
}

[dir="ltr"] .item-ios ion-icon[item-left], [dir="ltr"] .item-ios ion-icon[item-right], [dir="ltr"] .item-ios ion-icon[item-start], [dir="ltr"] .item-ios ion-icon[item-end], [dir="rtl"] .item-ios ion-icon[item-left], [dir="rtl"] .item-ios ion-icon[item-right], [dir="rtl"] .item-ios ion-icon[item-start], [dir="rtl"] .item-ios ion-icon[item-end] {
  margin-top: 9px;
  margin-bottom: 8px;
}

.item-ios .item-button {
  height: 24px;
  font-size: 1.3rem;
}

[dir="ltr"] .item-ios .item-button, [dir="rtl"] .item-ios .item-button {
  padding: 0 0.5em;
}

[dir="ltr"] .item-ios .item-button[icon-only] ion-icon, [dir="ltr"] .item-ios .item-button[icon-only], [dir="rtl"] .item-ios .item-button[icon-only] ion-icon, [dir="rtl"] .item-ios .item-button[icon-only] {
  padding: 0 1px;
}

[dir="ltr"] .item-ios ion-avatar[item-left], [dir="ltr"] .item-ios ion-thumbnail[item-left], [dir="ltr"] .item-ios ion-avatar[item-start], [dir="ltr"] .item-ios ion-thumbnail[item-start] {
  margin: 8px 16px 8px 0;
}

[dir="rtl"] .item-ios ion-avatar[item-left], [dir="rtl"] .item-ios ion-thumbnail[item-left], [dir="rtl"] .item-ios ion-avatar[item-start], [dir="rtl"] .item-ios ion-thumbnail[item-start] {
  margin: 8px 0 8px 16px;
}

[dir="ltr"] .item-ios ion-avatar[item-right], [dir="ltr"] .item-ios ion-thumbnail[item-right], [dir="ltr"] .item-ios ion-avatar[item-end], [dir="ltr"] .item-ios ion-thumbnail[item-end], [dir="rtl"] .item-ios ion-avatar[item-right], [dir="rtl"] .item-ios ion-thumbnail[item-right], [dir="rtl"] .item-ios ion-avatar[item-end], [dir="rtl"] .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 {
  overflow: hidden;
  width: 36px;
  height: 36px;
}

[dir="ltr"] .item-ios ion-avatar ion-img, [dir="ltr"] .item-ios ion-avatar img, [dir="rtl"] .item-ios ion-avatar ion-img, [dir="rtl"] .item-ios ion-avatar img {
  border-radius: 50%;
}

.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-repeat: no-repeat;
  background-size: 14px 14px;
}

[dir="ltr"] .item-ios[detail-push] .item-inner, [dir="ltr"] button.item-ios:not([detail-none]) .item-inner, [dir="ltr"] a.item-ios:not([detail-none]) .item-inner {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2020'><path%20d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z'%20fill='%23c8c7cc'/></svg>");
}

[dir="rtl"] .item-ios[detail-push] .item-inner, [dir="rtl"] button.item-ios:not([detail-none]) .item-inner, [dir="rtl"] a.item-ios:not([detail-none]) .item-inner {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2020'><path%20transform='translate(12,%200)%20scale(-1,%201)'%20d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z'%20fill='%23c8c7cc'/></svg>");
}

[dir="ltr"] .item-ios[detail-push] .item-inner, [dir="ltr"] button.item-ios:not([detail-none]) .item-inner, [dir="ltr"] a.item-ios:not([detail-none]) .item-inner {
  padding-right: 32px;
}

[dir="rtl"] .item-ios[detail-push] .item-inner, [dir="rtl"] button.item-ios:not([detail-none]) .item-inner, [dir="rtl"] a.item-ios:not([detail-none]) .item-inner {
  padding-left: 32px;
}

[dir="ltr"] .item-ios[detail-push] .item-inner, [dir="ltr"] button.item-ios:not([detail-none]) .item-inner, [dir="ltr"] a.item-ios:not([detail-none]) .item-inner {
  background-position: right 14px center;
}

[dir="rtl"] .item-ios[detail-push] .item-inner, [dir="rtl"] button.item-ios:not([detail-none]) .item-inner, [dir="rtl"] a.item-ios:not([detail-none]) .item-inner {
  background-position: left 14px center;
}

[dir="ltr"] .item-ios[detail-push] .item-inner, [dir="ltr"] button.item-ios:not([detail-none]) .item-inner, [dir="ltr"] a.item-ios:not([detail-none]) .item-inner {
  background-position: right calc(14px + constant(safe-area-inset-right)) center;
}

[dir="rtl"] .item-ios[detail-push] .item-inner, [dir="rtl"] button.item-ios:not([detail-none]) .item-inner, [dir="rtl"] a.item-ios:not([detail-none]) .item-inner {
  background-position: left calc(14px + constant(safe-area-inset-right)) center;
}

[dir="ltr"] .item-ios[detail-push] .item-inner, [dir="ltr"] button.item-ios:not([detail-none]) .item-inner, [dir="ltr"] a.item-ios:not([detail-none]) .item-inner {
  background-position: right calc(14px + env(safe-area-inset-right)) center;
}

[dir="rtl"] .item-ios[detail-push] .item-inner, [dir="rtl"] button.item-ios:not([detail-none]) .item-inner, [dir="rtl"] a.item-ios:not([detail-none]) .item-inner {
  background-position: left calc(14px + env(safe-area-inset-right)) center;
}

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 {
  color: #222;
  background-color: #f7f7f7;
}

[dir="ltr"] .item-divider-ios {
  padding-left: 16px;
}

[dir="rtl"] .item-divider-ios {
  padding-right: 16px;
}

[dir="ltr"] .item-divider-ios {
  padding-left: 16px;
}

[dir="rtl"] .item-divider-ios {
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] .item-divider-ios {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] .item-divider-ios {
    padding-right: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="ltr"] .item-divider-ios {
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] .item-divider-ios {
    padding-right: calc(env(safe-area-inset-left) + 16px);
  }
}

.item-ios .text-ios-transparent {
  color: transparent;
}

.item-ios-transparent,
.item-divider-ios-transparent {
  color: #636262;
  background-color: transparent;
}

.item-ios-transparent p,
.item-divider-ios-transparent p {
  color: #636262;
}

.item-ios-transparent.activated,
.item-divider-ios-transparent.activated {
  background-color: rgba(255, 255, 255, 0.08);
}

.item-ios .text-ios-white {
  color: #ffffff;
}

.item-ios-white,
.item-divider-ios-white {
  color: #000;
  background-color: #ffffff;
}

.item-ios-white p,
.item-divider-ios-white p {
  color: #000;
}

.item-ios-white.activated,
.item-divider-ios-white.activated {
  background-color: #ebebeb;
}

.item-ios .text-ios-primary {
  color: #b21f2f;
}

.item-ios-primary,
.item-divider-ios-primary {
  color: #fff;
  background-color: #b21f2f;
}

.item-ios-primary p,
.item-divider-ios-primary p {
  color: #fff;
}

.item-ios-primary.activated,
.item-divider-ios-primary.activated {
  background-color: #b83140;
}

.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-folderBorder {
  color: #70747c;
}

.item-ios-folderBorder,
.item-divider-ios-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.item-ios-folderBorder p,
.item-divider-ios-folderBorder p {
  color: #fff;
}

.item-ios-folderBorder.activated,
.item-divider-ios-folderBorder.activated {
  background-color: #7b7f86;
}

.list-ios ion-item-sliding {
  background-color: #fff;
}

.item-md {
  position: relative;
  font-size: 1.6rem;
  font-weight: normal;
  text-transform: none;
  color: #000;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

[dir="ltr"] .item-md {
  padding-left: 16px;
  padding-right: 0;
}

[dir="rtl"] .item-md {
  padding-left: 0;
  padding-right: 16px;
}

.item-md.activated {
  background-color: #f1f1f1;
}

.item-md[no-lines] {
  border-width: 0;
}

.item-md h1 {
  font-size: 2.4rem;
  font-weight: normal;
}

[dir="ltr"] .item-md h1, [dir="rtl"] .item-md h1 {
  margin: 0 0 2px;
}

.item-md h2 {
  font-size: 1.6rem;
  font-weight: normal;
}

[dir="ltr"] .item-md h2, [dir="rtl"] .item-md h2 {
  margin: 2px 0;
}

.item-md h3,
.item-md h4,
.item-md h5,
.item-md h6 {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: normal;
}

[dir="ltr"] .item-md h3, [dir="ltr"] .item-md h4, [dir="ltr"] .item-md h5, [dir="ltr"] .item-md h6, [dir="rtl"] .item-md h3, [dir="rtl"] .item-md h4, [dir="rtl"] .item-md h5, [dir="rtl"] .item-md h6 {
  margin: 2px 0;
}

.item-md p {
  overflow: inherit;
  font-size: 1.4rem;
  line-height: normal;
  text-overflow: inherit;
  color: #666;
}

[dir="ltr"] .item-md p, [dir="rtl"] .item-md p {
  margin: 0 0 2px;
}

.item-md.item-block .item-inner {
  border-bottom: 1px solid #dedede;
}

[dir="ltr"] .item-md.item-block .item-inner {
  padding-right: 8px;
}

[dir="rtl"] .item-md.item-block .item-inner {
  padding-left: 8px;
}

[dir="ltr"] .item-md [item-left], [dir="ltr"] .item-md [item-right], [dir="ltr"] .item-md [item-start], [dir="ltr"] .item-md [item-end] {
  margin: 9px 8px 9px 0;
}

[dir="rtl"] .item-md [item-left], [dir="rtl"] .item-md [item-right], [dir="rtl"] .item-md [item-start], [dir="rtl"] .item-md [item-end] {
  margin: 9px 0 9px 8px;
}

[dir="ltr"] .item-md ion-icon[item-left], [dir="ltr"] .item-md ion-icon[item-right], [dir="ltr"] .item-md ion-icon[item-start], [dir="ltr"] .item-md ion-icon[item-end] {
  margin-left: 0;
}

[dir="rtl"] .item-md ion-icon[item-left], [dir="rtl"] .item-md ion-icon[item-right], [dir="rtl"] .item-md ion-icon[item-start], [dir="rtl"] .item-md ion-icon[item-end] {
  margin-right: 0;
}

[dir="ltr"] .item-md ion-icon[item-left], [dir="ltr"] .item-md ion-icon[item-right], [dir="ltr"] .item-md ion-icon[item-start], [dir="ltr"] .item-md ion-icon[item-end], [dir="rtl"] .item-md ion-icon[item-left], [dir="rtl"] .item-md ion-icon[item-right], [dir="rtl"] .item-md ion-icon[item-start], [dir="rtl"] .item-md ion-icon[item-end] {
  margin-top: 11px;
  margin-bottom: 10px;
}

.item-md .item-button {
  height: 25px;
  font-size: 1.2rem;
}

[dir="ltr"] .item-md .item-button, [dir="rtl"] .item-md .item-button {
  padding: 0 0.6em;
}

[dir="ltr"] .item-md .item-button[icon-only] ion-icon, [dir="ltr"] .item-md .item-button[icon-only], [dir="rtl"] .item-md .item-button[icon-only] ion-icon, [dir="rtl"] .item-md .item-button[icon-only] {
  padding: 0 1px;
}

[dir="ltr"] .item-md ion-icon[item-left] + .item-inner, [dir="ltr"] .item-md ion-icon[item-left] + .item-input, [dir="ltr"] .item-md ion-icon[item-start] + .item-inner, [dir="ltr"] .item-md ion-icon[item-start] + .item-input {
  margin-left: 24px;
}

[dir="rtl"] .item-md ion-icon[item-left] + .item-inner, [dir="rtl"] .item-md ion-icon[item-left] + .item-input, [dir="rtl"] .item-md ion-icon[item-start] + .item-inner, [dir="rtl"] .item-md ion-icon[item-start] + .item-input {
  margin-right: 24px;
}

[dir="ltr"] .item-md ion-avatar[item-left], [dir="ltr"] .item-md ion-thumbnail[item-left], [dir="ltr"] .item-md ion-avatar[item-start], [dir="ltr"] .item-md ion-thumbnail[item-start] {
  margin: 8px 16px 8px 0;
}

[dir="rtl"] .item-md ion-avatar[item-left], [dir="rtl"] .item-md ion-thumbnail[item-left], [dir="rtl"] .item-md ion-avatar[item-start], [dir="rtl"] .item-md ion-thumbnail[item-start] {
  margin: 8px 0 8px 16px;
}

[dir="ltr"] .item-md ion-avatar[item-right], [dir="ltr"] .item-md ion-thumbnail[item-right], [dir="ltr"] .item-md ion-avatar[item-end], [dir="ltr"] .item-md ion-thumbnail[item-end], [dir="rtl"] .item-md ion-avatar[item-right], [dir="rtl"] .item-md ion-thumbnail[item-right], [dir="rtl"] .item-md ion-avatar[item-end], [dir="rtl"] .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 {
  overflow: hidden;
  width: 40px;
  height: 40px;
}

[dir="ltr"] .item-md ion-avatar ion-img, [dir="ltr"] .item-md ion-avatar img, [dir="rtl"] .item-md ion-avatar ion-img, [dir="rtl"] .item-md ion-avatar img {
  border-radius: 50%;
}

.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 {
  border-bottom: 1px solid #dedede;
  font-size: 1.4rem;
  color: #858585;
  background-color: #fff;
}

[dir="ltr"] .item-divider-md {
  padding-left: 16px;
}

[dir="rtl"] .item-divider-md {
  padding-right: 16px;
}

.item-md .text-md-transparent {
  color: transparent;
}

.item-md-transparent,
.item-divider-md-transparent {
  color: #636262;
  background-color: transparent;
}

.item-md-transparent p,
.item-divider-md-transparent p {
  color: #636262;
}

.item-md-transparent.activated,
.item-divider-md-transparent.activated {
  background-color: rgba(255, 255, 255, 0.08);
}

.item-md .text-md-white {
  color: #ffffff;
}

.item-md-white,
.item-divider-md-white {
  color: #000;
  background-color: #ffffff;
}

.item-md-white p,
.item-divider-md-white p {
  color: #000;
}

.item-md-white.activated,
.item-divider-md-white.activated {
  background-color: #ebebeb;
}

.item-md .text-md-primary {
  color: #b21f2f;
}

.item-md-primary,
.item-divider-md-primary {
  color: #fff;
  background-color: #b21f2f;
}

.item-md-primary p,
.item-divider-md-primary p {
  color: #fff;
}

.item-md-primary.activated,
.item-divider-md-primary.activated {
  background-color: #b83140;
}

.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-folderBorder {
  color: #70747c;
}

.item-md-folderBorder,
.item-divider-md-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.item-md-folderBorder p,
.item-divider-md-folderBorder p {
  color: #fff;
}

.item-md-folderBorder.activated,
.item-divider-md-folderBorder.activated {
  background-color: #7b7f86;
}

.list-md ion-item-sliding {
  background-color: #fff;
}

.item-md ion-reorder {
  font-size: 1.5em;
  opacity: .3;
}

.item-wp {
  position: relative;
  font-size: 1.6rem;
  font-weight: normal;
  text-transform: none;
  color: #000;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

[dir="ltr"] .item-wp {
  padding-left: 16px;
  padding-right: 0;
}

[dir="rtl"] .item-wp {
  padding-left: 0;
  padding-right: 16px;
}

.item-wp.activated {
  background-color: #aaa;
}

.item-wp[no-lines] {
  border-width: 0;
}

.item-wp h1 {
  font-size: 2.4rem;
  font-weight: normal;
}

[dir="ltr"] .item-wp h1, [dir="rtl"] .item-wp h1 {
  margin: 0 0 2px;
}

.item-wp h2 {
  font-size: 1.6rem;
  font-weight: normal;
}

[dir="ltr"] .item-wp h2, [dir="rtl"] .item-wp h2 {
  margin: 2px 0;
}

.item-wp h3,
.item-wp h4,
.item-wp h5,
.item-wp h6 {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: normal;
}

[dir="ltr"] .item-wp h3, [dir="ltr"] .item-wp h4, [dir="ltr"] .item-wp h5, [dir="ltr"] .item-wp h6, [dir="rtl"] .item-wp h3, [dir="rtl"] .item-wp h4, [dir="rtl"] .item-wp h5, [dir="rtl"] .item-wp h6 {
  margin: 2px 0;
}

.item-wp p {
  overflow: inherit;
  font-size: 1.4rem;
  line-height: normal;
  text-overflow: inherit;
  color: #666;
}

[dir="ltr"] .item-wp p, [dir="rtl"] .item-wp p {
  margin: 0 0 2px;
}

.item-wp.item-block .item-inner {
  border-bottom: 1px solid transparent;
}

[dir="ltr"] .item-wp.item-block .item-inner {
  padding-right: 8px;
}

[dir="rtl"] .item-wp.item-block .item-inner {
  padding-left: 8px;
}

[dir="ltr"] .item-wp [item-left], [dir="ltr"] .item-wp [item-right], [dir="ltr"] .item-wp [item-start], [dir="ltr"] .item-wp [item-end] {
  margin: 9px 8px 9px 0;
}

[dir="rtl"] .item-wp [item-left], [dir="rtl"] .item-wp [item-right], [dir="rtl"] .item-wp [item-start], [dir="rtl"] .item-wp [item-end] {
  margin: 9px 0 9px 8px;
}

[dir="ltr"] .item-wp ion-icon[item-left], [dir="ltr"] .item-wp ion-icon[item-right], [dir="ltr"] .item-wp ion-icon[item-start], [dir="ltr"] .item-wp ion-icon[item-end] {
  margin-left: 0;
}

[dir="rtl"] .item-wp ion-icon[item-left], [dir="rtl"] .item-wp ion-icon[item-right], [dir="rtl"] .item-wp ion-icon[item-start], [dir="rtl"] .item-wp ion-icon[item-end] {
  margin-right: 0;
}

[dir="ltr"] .item-wp ion-icon[item-left], [dir="ltr"] .item-wp ion-icon[item-right], [dir="ltr"] .item-wp ion-icon[item-start], [dir="ltr"] .item-wp ion-icon[item-end], [dir="rtl"] .item-wp ion-icon[item-left], [dir="rtl"] .item-wp ion-icon[item-right], [dir="rtl"] .item-wp ion-icon[item-start], [dir="rtl"] .item-wp ion-icon[item-end] {
  margin-top: 11px;
  margin-bottom: 10px;
}

.item-wp .item-button {
  height: 25px;
  font-size: 1.2rem;
}

[dir="ltr"] .item-wp .item-button, [dir="rtl"] .item-wp .item-button {
  padding: 0 0.6em;
}

[dir="ltr"] .item-wp .item-button[icon-only] ion-icon, [dir="ltr"] .item-wp .item-button[icon-only], [dir="rtl"] .item-wp .item-button[icon-only] ion-icon, [dir="rtl"] .item-wp .item-button[icon-only] {
  padding: 0 1px;
}

.item-wp[text-wrap] ion-label {
  font-size: 1.4rem;
  line-height: 1.5;
}

[dir="ltr"] .item-wp ion-icon[item-left] + .item-inner, [dir="ltr"] .item-wp ion-icon[item-left] + .item-input, [dir="ltr"] .item-wp ion-icon[item-start] + .item-inner, [dir="ltr"] .item-wp ion-icon[item-start] + .item-input {
  margin-left: 8px;
}

[dir="rtl"] .item-wp ion-icon[item-left] + .item-inner, [dir="rtl"] .item-wp ion-icon[item-left] + .item-input, [dir="rtl"] .item-wp ion-icon[item-start] + .item-inner, [dir="rtl"] .item-wp ion-icon[item-start] + .item-input {
  margin-right: 8px;
}

[dir="ltr"] .item-wp ion-avatar[item-left], [dir="ltr"] .item-wp ion-thumbnail[item-left], [dir="ltr"] .item-wp ion-avatar[item-start], [dir="ltr"] .item-wp ion-thumbnail[item-start] {
  margin: 8px 16px 8px 0;
}

[dir="rtl"] .item-wp ion-avatar[item-left], [dir="rtl"] .item-wp ion-thumbnail[item-left], [dir="rtl"] .item-wp ion-avatar[item-start], [dir="rtl"] .item-wp ion-thumbnail[item-start] {
  margin: 8px 0 8px 16px;
}

[dir="ltr"] .item-wp ion-avatar[item-right], [dir="ltr"] .item-wp ion-thumbnail[item-right], [dir="ltr"] .item-wp ion-avatar[item-end], [dir="ltr"] .item-wp ion-thumbnail[item-end], [dir="rtl"] .item-wp ion-avatar[item-right], [dir="rtl"] .item-wp ion-thumbnail[item-right], [dir="rtl"] .item-wp ion-avatar[item-end], [dir="rtl"] .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 {
  overflow: hidden;
  width: 40px;
  height: 40px;
}

[dir="ltr"] .item-wp ion-avatar ion-img, [dir="ltr"] .item-wp ion-avatar img, [dir="rtl"] .item-wp ion-avatar ion-img, [dir="rtl"] .item-wp ion-avatar img {
  border-radius: 50%;
}

.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 {
  border-bottom: 1px solid transparent;
  font-size: 2rem;
  color: #000;
  background-color: #fff;
}

[dir="ltr"] .item-divider-wp {
  padding-left: 16px;
}

[dir="rtl"] .item-divider-wp {
  padding-right: 16px;
}

.item-wp .text-wp-transparent {
  color: transparent;
}

.item-wp-transparent,
.item-divider-wp-transparent {
  color: #636262;
  background-color: transparent;
}

.item-wp-transparent p,
.item-divider-wp-transparent p {
  color: #636262;
}

.item-wp-transparent.activated,
.item-divider-wp-transparent.activated {
  background-color: rgba(255, 255, 255, 0.08);
}

.item-wp .text-wp-white {
  color: #ffffff;
}

.item-wp-white,
.item-divider-wp-white {
  color: #000;
  background-color: #ffffff;
}

.item-wp-white p,
.item-divider-wp-white p {
  color: #000;
}

.item-wp-white.activated,
.item-divider-wp-white.activated {
  background-color: #ebebeb;
}

.item-wp .text-wp-primary {
  color: #b21f2f;
}

.item-wp-primary,
.item-divider-wp-primary {
  color: #fff;
  background-color: #b21f2f;
}

.item-wp-primary p,
.item-divider-wp-primary p {
  color: #fff;
}

.item-wp-primary.activated,
.item-divider-wp-primary.activated {
  background-color: #b83140;
}

.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-folderBorder {
  color: #70747c;
}

.item-wp-folderBorder,
.item-divider-wp-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.item-wp-folderBorder p,
.item-divider-wp-folderBorder p {
  color: #fff;
}

.item-wp-folderBorder.activated,
.item-divider-wp-folderBorder.activated {
  background-color: #7b7f86;
}

.list-wp ion-item-sliding {
  background-color: #fff;
}

ion-label {
  display: block;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[dir="ltr"] ion-label, [dir="rtl"] ion-label {
  margin: 0;
}

.item-input ion-label {
  -webkit-box-flex: initial;
  -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-box-flex: 0;
  -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;
  align-self: stretch;
  width: auto;
  max-width: 100%;
}

[dir="ltr"] ion-label[stacked], [dir="ltr"] ion-label[floating], [dir="rtl"] ion-label[stacked], [dir="rtl"] ion-label[floating] {
  margin-bottom: 0;
}

.item-label-stacked .input-wrapper,
.item-label-floating .input-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -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;
  align-self: stretch;
  max-width: 100%;
}

[dir="ltr"] .label-ios {
  margin: 11px 8px 11px 0;
}

[dir="rtl"] .label-ios {
  margin: 11px 0 11px 8px;
}

.label-ios + ion-input .text-input,
.label-ios + ion-textarea .text-input,
.label-ios + .input + .cloned-input {
  width: calc(100% - (16px / 2) - 16px);
}

[dir="ltr"] .label-ios + ion-input .text-input, [dir="ltr"] .label-ios + ion-textarea .text-input, [dir="ltr"] .label-ios + .input + .cloned-input {
  margin-left: 16px;
}

[dir="rtl"] .label-ios + ion-input .text-input, [dir="rtl"] .label-ios + ion-textarea .text-input, [dir="rtl"] .label-ios + .input + .cloned-input {
  margin-right: 16px;
}

.label-ios[stacked] {
  font-size: 1.2rem;
}

[dir="ltr"] .label-ios[stacked], [dir="rtl"] .label-ios[stacked] {
  margin-bottom: 4px;
}

.label-ios[floating] {
  -webkit-transition: -webkit-transform 150ms ease-in-out;
  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;
}

[dir="ltr"] .label-ios[floating], [dir="rtl"] .label-ios[floating] {
  margin-bottom: 0;
}

[dir="ltr"] .label-ios[floating], [dir="rtl"] .label-ios[floating] {
  -webkit-transform: translate3d(0,  27px,  0);
  transform: translate3d(0,  27px,  0);
}

[dir="ltr"] .label-ios[floating] {
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

[dir="rtl"] .label-ios[floating] {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

[dir="ltr"] .item-input-has-focus .label-ios[floating], [dir="ltr"] .input-has-focus .label-ios[floating], [dir="ltr"] .item-input-has-value .label-ios[floating], [dir="ltr"] .input-has-value .label-ios[floating], [dir="rtl"] .item-input-has-focus .label-ios[floating], [dir="rtl"] .input-has-focus .label-ios[floating], [dir="rtl"] .item-input-has-value .label-ios[floating], [dir="rtl"] .input-has-value .label-ios[floating] {
  -webkit-transform: translate3d(0,  0,  0) scale(0.8);
  transform: translate3d(0,  0,  0) scale(0.8);
}

[dir="ltr"] .item-ios.item-label-stacked [item-right], [dir="ltr"] .item-ios.item-label-floating [item-right], [dir="ltr"] .item-ios.item-label-stacked [item-end], [dir="ltr"] .item-ios.item-label-floating [item-end], [dir="rtl"] .item-ios.item-label-stacked [item-right], [dir="rtl"] .item-ios.item-label-floating [item-right], [dir="rtl"] .item-ios.item-label-stacked [item-end], [dir="rtl"] .item-ios.item-label-floating [item-end] {
  margin-top: 6px;
  margin-bottom: 6px;
}

.label-ios-transparent,
.item-input .label-ios-transparent,
.item-select .label-ios-transparent,
.item-datetime .label-ios-transparent {
  color: transparent;
}

.label-ios-white,
.item-input .label-ios-white,
.item-select .label-ios-white,
.item-datetime .label-ios-white {
  color: #ffffff;
}

.label-ios-primary,
.item-input .label-ios-primary,
.item-select .label-ios-primary,
.item-datetime .label-ios-primary {
  color: #b21f2f;
}

.label-ios-light,
.item-input .label-ios-light,
.item-select .label-ios-light,
.item-datetime .label-ios-light {
  color: #f4f4f4;
}

.label-ios-folderBorder,
.item-input .label-ios-folderBorder,
.item-select .label-ios-folderBorder,
.item-datetime .label-ios-folderBorder {
  color: #70747c;
}

[dir="ltr"] .label-md {
  margin: 13px 8px 13px 0;
}

[dir="rtl"] .label-md {
  margin: 13px 0 13px 8px;
}

[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-transition: -webkit-transform 150ms ease-in-out;
  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;
}

[dir="ltr"] .label-md[floating], [dir="rtl"] .label-md[floating] {
  -webkit-transform: translate3d(0,  27px,  0);
  transform: translate3d(0,  27px,  0);
}

[dir="ltr"] .label-md[floating] {
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

[dir="rtl"] .label-md[floating] {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

[dir="ltr"] .label-md[stacked], [dir="ltr"] .label-md[floating] {
  margin-left: 0;
}

[dir="rtl"] .label-md[stacked], [dir="rtl"] .label-md[floating] {
  margin-right: 0;
}

[dir="ltr"] .label-md[stacked], [dir="ltr"] .label-md[floating], [dir="rtl"] .label-md[stacked], [dir="rtl"] .label-md[floating] {
  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: #b21f2f;
}

[dir="ltr"] .item-input-has-focus .label-md[floating], [dir="ltr"] .input-has-focus .label-md[floating], [dir="ltr"] .item-input-has-value .label-md[floating], [dir="ltr"] .input-has-value .label-md[floating], [dir="rtl"] .item-input-has-focus .label-md[floating], [dir="rtl"] .input-has-focus .label-md[floating], [dir="rtl"] .item-input-has-value .label-md[floating], [dir="rtl"] .input-has-value .label-md[floating] {
  -webkit-transform: translate3d(0,  0,  0) scale(0.8);
  transform: translate3d(0,  0,  0) scale(0.8);
}

[dir="ltr"] .item-md.item-label-stacked [item-right], [dir="ltr"] .item-md.item-label-floating [item-right], [dir="ltr"] .item-md.item-label-stacked [item-end], [dir="ltr"] .item-md.item-label-floating [item-end], [dir="rtl"] .item-md.item-label-stacked [item-right], [dir="rtl"] .item-md.item-label-floating [item-right], [dir="rtl"] .item-md.item-label-stacked [item-end], [dir="rtl"] .item-md.item-label-floating [item-end] {
  margin-top: 7px;
  margin-bottom: 7px;
}

.label-md-transparent,
.item-input .label-md-transparent,
.item-select .label-md-transparent,
.item-datetime .label-md-transparent {
  color: transparent;
}

.label-md-white,
.item-input .label-md-white,
.item-select .label-md-white,
.item-datetime .label-md-white {
  color: #ffffff;
}

.label-md-primary,
.item-input .label-md-primary,
.item-select .label-md-primary,
.item-datetime .label-md-primary {
  color: #b21f2f;
}

.label-md-light,
.item-input .label-md-light,
.item-select .label-md-light,
.item-datetime .label-md-light {
  color: #f4f4f4;
}

.label-md-folderBorder,
.item-input .label-md-folderBorder,
.item-select .label-md-folderBorder,
.item-datetime .label-md-folderBorder {
  color: #70747c;
}

[dir="ltr"] .label-wp {
  margin: 13px 8px 13px 0;
}

[dir="rtl"] .label-wp {
  margin: 13px 0 13px 8px;
}

.item-input .label-wp,
.item-select .label-wp,
.item-datetime .label-wp {
  color: #999;
}

.label-wp[stacked] {
  font-size: 1.2rem;
}

[dir="ltr"] .label-wp[floating] {
  -webkit-transform: translate3d(8px,  34px,  0);
  transform: translate3d(8px,  34px,  0);
}

[dir="rtl"] .label-wp[floating] {
  -webkit-transform: translate3d(calc(-1 * 8px),  34px,  0);
  transform: translate3d(calc(-1 * 8px),  34px,  0);
}

[dir="ltr"] .label-wp[floating] {
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

[dir="rtl"] .label-wp[floating] {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

[dir="ltr"] .label-wp[stacked], [dir="ltr"] .label-wp[floating] {
  margin-left: 0;
}

[dir="rtl"] .label-wp[stacked], [dir="rtl"] .label-wp[floating] {
  margin-right: 0;
}

[dir="ltr"] .label-wp[stacked], [dir="ltr"] .label-wp[floating], [dir="rtl"] .label-wp[stacked], [dir="rtl"] .label-wp[floating] {
  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: #b21f2f;
}

[dir="ltr"] .item-input-has-focus .label-wp[floating], [dir="ltr"] .input-has-focus .label-wp[floating], [dir="ltr"] .item-input-has-value .label-wp[floating], [dir="ltr"] .input-has-value .label-wp[floating], [dir="rtl"] .item-input-has-focus .label-wp[floating], [dir="rtl"] .input-has-focus .label-wp[floating], [dir="rtl"] .item-input-has-value .label-wp[floating], [dir="rtl"] .input-has-value .label-wp[floating] {
  -webkit-transform: translate3d(0,  0,  0) scale(0.8);
  transform: translate3d(0,  0,  0) scale(0.8);
}

[dir="ltr"] .item-wp.item-label-stacked [item-right], [dir="ltr"] .item-wp.item-label-floating [item-right], [dir="ltr"] .item-wp.item-label-stacked [item-end], [dir="ltr"] .item-wp.item-label-floating [item-end], [dir="rtl"] .item-wp.item-label-stacked [item-right], [dir="rtl"] .item-wp.item-label-floating [item-right], [dir="rtl"] .item-wp.item-label-stacked [item-end], [dir="rtl"] .item-wp.item-label-floating [item-end] {
  margin-top: 13px;
  margin-bottom: 13px;
}

.label-wp-transparent,
.item-input .label-wp-transparent,
.item-select .label-wp-transparent,
.item-datetime .label-wp-transparent {
  color: transparent;
}

.label-wp-white,
.item-input .label-wp-white,
.item-select .label-wp-white,
.item-datetime .label-wp-white {
  color: #ffffff;
}

.label-wp-primary,
.item-input .label-wp-primary,
.item-select .label-wp-primary,
.item-datetime .label-wp-primary {
  color: #b21f2f;
}

.label-wp-light,
.item-input .label-wp-light,
.item-select .label-wp-light,
.item-datetime .label-wp-light {
  color: #f4f4f4;
}

.label-wp-folderBorder,
.item-input .label-wp-folderBorder,
.item-select .label-wp-folderBorder,
.item-datetime .label-wp-folderBorder {
  color: #70747c;
}

ion-list-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 4rem;
}

[dir="ltr"] ion-list-header, [dir="rtl"] ion-list-header {
  margin: 0;
}

[dir="ltr"] ion-list-header, [dir="rtl"] ion-list-header {
  padding: 0;
}

ion-list {
  display: block;
  list-style-type: none;
}

[dir="ltr"] ion-list, [dir="rtl"] ion-list {
  margin: 0;
}

[dir="ltr"] ion-list, [dir="rtl"] ion-list {
  padding: 0;
}

ion-list[inset] {
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

[dir="ltr"] .list-ios, [dir="rtl"] .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 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-height: 100%;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

[dir="ltr"] .list-ios ion-item-options .button, [dir="rtl"] .list-ios ion-item-options .button {
  margin: 0;
}

[dir="ltr"] .list-ios ion-item-options .button, [dir="rtl"] .list-ios ion-item-options .button {
  border-radius: 0;
}

[dir="ltr"] .list-ios ion-item-options .button::before, [dir="rtl"] .list-ios ion-item-options .button::before {
  margin: 0 auto;
}

[dir="ltr"] .list-ios:not([inset]) + .list-ios:not([inset]) ion-list-header, [dir="rtl"] .list-ios:not([inset]) + .list-ios:not([inset]) ion-list-header {
  margin-top: -10px;
}

[dir="ltr"] .list-ios:not([inset]) + .list-ios:not([inset]) ion-list-header, [dir="rtl"] .list-ios:not([inset]) + .list-ios:not([inset]) ion-list-header {
  padding-top: 0;
}

[dir="ltr"] .list-ios[inset], [dir="rtl"] .list-ios[inset] {
  margin: 16px;
}

[dir="ltr"] .list-ios[inset], [dir="rtl"] .list-ios[inset] {
  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;
}

[dir="ltr"] .list-ios[inset] + ion-list[inset], [dir="rtl"] .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 {
  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;
}

[dir="ltr"] .list-header-ios {
  padding-left: 16px;
}

[dir="rtl"] .list-header-ios {
  padding-right: 16px;
}

[dir="ltr"] .list-header-ios {
  padding-left: 16px;
}

[dir="rtl"] .list-header-ios {
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] .list-header-ios {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] .list-header-ios {
    padding-right: calc(constant(safe-area-inset-left) + 16px);
  }
  [dir="ltr"] .list-header-ios {
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
  [dir="rtl"] .list-header-ios {
    padding-right: calc(env(safe-area-inset-left) + 16px);
  }
}

.list-header-ios-transparent {
  color: #636262;
  background-color: transparent;
}

.list-header-ios-white {
  color: #000;
  background-color: #ffffff;
}

.list-header-ios-primary {
  color: #fff;
  background-color: #b21f2f;
}

.list-header-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.list-header-ios-folderBorder {
  color: #fff;
  background-color: #70747c;
}

[dir="ltr"] .list-md, [dir="rtl"] .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;
}

[dir="ltr"] .list-md > ion-input:last-child::after {
  left: 0;
}

[dir="rtl"] .list-md > ion-input:last-child::after {
  right: 0;
}

.list-md ion-item-options {
  border-bottom: 1px solid #dedede;
}

.list-md ion-item-options .button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

[dir="ltr"] .list-md ion-item-options .button, [dir="rtl"] .list-md ion-item-options .button {
  margin: 0;
}

[dir="ltr"] .list-md ion-item-options .button, [dir="rtl"] .list-md ion-item-options .button {
  border-radius: 0;
}

[dir="ltr"] .list-md ion-item-options .button::before, [dir="rtl"] .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;
}

[dir="ltr"] .list-md + ion-list ion-list-header, [dir="rtl"] .list-md + ion-list ion-list-header {
  margin-top: -16px;
}

[dir="ltr"] .list-md[inset], [dir="rtl"] .list-md[inset] {
  margin: 16px;
}

[dir="ltr"] .list-md[inset], [dir="rtl"] .list-md[inset] {
  border-radius: 2px;
}

.list-md[inset] .item:first-child {
  border-top-width: 0;
}

[dir="ltr"] .list-md[inset] .item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

[dir="rtl"] .list-md[inset] .item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.list-md[inset] .item:last-child {
  border-bottom-width: 0;
}

[dir="ltr"] .list-md[inset] .item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

[dir="rtl"] .list-md[inset] .item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

[dir="ltr"] .list-md[inset] .item-input, [dir="rtl"] .list-md[inset] .item-input {
  padding-left: 0;
  padding-right: 0;
}

[dir="ltr"] .list-md[inset] + ion-list[inset], [dir="rtl"] .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 {
  min-height: 4.5rem;
  border-top: 1px solid #dedede;
  font-size: 1.4rem;
  color: #757575;
}

[dir="ltr"] .list-header-md {
  padding-left: 16px;
}

[dir="rtl"] .list-header-md {
  padding-right: 16px;
}

[dir="ltr"] .list-header-md, [dir="rtl"] .list-header-md {
  margin-bottom: 13px;
}

.list-header-md-transparent {
  color: #636262;
  background-color: transparent;
}

.list-header-md-white {
  color: #000;
  background-color: #ffffff;
}

.list-header-md-primary {
  color: #fff;
  background-color: #b21f2f;
}

.list-header-md-light {
  color: #000;
  background-color: #f4f4f4;
}

.list-header-md-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.list-md .item-input:last-child {
  border-bottom: 1px solid #dedede;
}

[dir="ltr"] .list-wp, [dir="rtl"] .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;
}

[dir="ltr"] .list-wp > ion-input:last-child::after {
  left: 0;
}

[dir="rtl"] .list-wp > ion-input:last-child::after {
  right: 0;
}

.list-wp ion-item-options .button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: calc(100% - 2px);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

[dir="ltr"] .list-wp ion-item-options .button, [dir="rtl"] .list-wp ion-item-options .button {
  margin: 1px 0;
}

[dir="ltr"] .list-wp ion-item-options .button, [dir="rtl"] .list-wp ion-item-options .button {
  border-radius: 0;
}

[dir="ltr"] .list-wp ion-item-options .button::before, [dir="rtl"] .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;
}

[dir="ltr"] .list-wp + ion-list ion-list-header, [dir="rtl"] .list-wp + ion-list ion-list-header {
  margin-top: -16px;
}

[dir="ltr"] .list-wp + ion-list ion-list-header, [dir="rtl"] .list-wp + ion-list ion-list-header {
  padding-top: 0;
}

[dir="ltr"] .list-wp[inset], [dir="rtl"] .list-wp[inset] {
  margin: 16px;
}

[dir="ltr"] .list-wp[inset], [dir="rtl"] .list-wp[inset] {
  border-radius: 2px;
}

.list-wp[inset] .item:first-child {
  border-top-width: 0;
}

[dir="ltr"] .list-wp[inset] .item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

[dir="rtl"] .list-wp[inset] .item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.list-wp[inset] .item:last-child {
  border-bottom-width: 0;
}

[dir="ltr"] .list-wp[inset] .item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

[dir="rtl"] .list-wp[inset] .item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

[dir="ltr"] .list-wp[inset] .item-input, [dir="rtl"] .list-wp[inset] .item-input {
  padding-left: 0;
  padding-right: 0;
}

[dir="ltr"] .list-wp[inset] + ion-list[inset], [dir="rtl"] .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 {
  border-bottom: 1px solid transparent;
  font-size: 2rem;
  color: #000;
}

[dir="ltr"] .list-header-wp {
  padding-left: 16px;
}

[dir="rtl"] .list-header-wp {
  padding-right: 16px;
}

.list-header-wp-transparent {
  color: #636262;
  background-color: transparent;
}

.list-header-wp-white {
  color: #000;
  background-color: #ffffff;
}

.list-header-wp-primary {
  color: #fff;
  background-color: #b21f2f;
}

.list-header-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.list-header-wp-folderBorder {
  color: #fff;
  background-color: #70747c;
}

ion-loading {
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  contain: strict;
}

[dir="ltr"] ion-loading, [dir="rtl"] ion-loading {
  left: 0;
  right: 0;
}

.loading-wrapper {
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
}

.loading-ios .loading-wrapper {
  max-width: 270px;
  max-height: 90%;
  color: #000;
  background: #f8f8f8;
}

[dir="ltr"] .loading-ios .loading-wrapper, [dir="rtl"] .loading-ios .loading-wrapper {
  border-radius: 8px;
}

[dir="ltr"] .loading-ios .loading-wrapper, [dir="rtl"] .loading-ios .loading-wrapper {
  padding: 24px 34px;
}

.loading-ios .loading-content {
  font-weight: bold;
}

[dir="ltr"] .loading-ios .loading-spinner + .loading-content {
  margin-left: 16px;
}

[dir="rtl"] .loading-ios .loading-spinner + .loading-content {
  margin-right: 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 {
  max-width: 280px;
  max-height: 90%;
  color: rgba(0, 0, 0, 0.5);
  background: #fafafa;
  -webkit-box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
}

[dir="ltr"] .loading-md .loading-wrapper, [dir="rtl"] .loading-md .loading-wrapper {
  border-radius: 2px;
}

[dir="ltr"] .loading-md .loading-wrapper, [dir="rtl"] .loading-md .loading-wrapper {
  padding: 24px;
}

[dir="ltr"] .loading-md .loading-spinner + .loading-content {
  margin-left: 16px;
}

[dir="rtl"] .loading-md .loading-spinner + .loading-content {
  margin-right: 16px;
}

.loading-md .spinner-ios line,
.loading-md .spinner-ios-small line {
  stroke: #b21f2f;
}

.loading-md .spinner-bubbles circle {
  fill: #b21f2f;
}

.loading-md .spinner-circles circle {
  fill: #b21f2f;
}

.loading-md .spinner-crescent circle {
  stroke: #b21f2f;
}

.loading-md .spinner-dots circle {
  fill: #b21f2f;
}

.loading-wp .loading-wrapper {
  max-width: 280px;
  max-height: 90%;
  color: #fff;
  background: #000;
}

[dir="ltr"] .loading-wp .loading-wrapper, [dir="rtl"] .loading-wp .loading-wrapper {
  border-radius: 2px;
}

[dir="ltr"] .loading-wp .loading-wrapper, [dir="rtl"] .loading-wp .loading-wrapper {
  padding: 20px;
}

[dir="ltr"] .loading-wp .loading-spinner + .loading-content {
  margin-left: 16px;
}

[dir="rtl"] .loading-wp .loading-spinner + .loading-content {
  margin-right: 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 {
  top: 0;
  bottom: 0;
  position: absolute;
  display: none;
  contain: strict;
}

[dir="ltr"] ion-menu, [dir="rtl"] ion-menu {
  left: 0;
  right: 0;
}

ion-menu.show-menu {
  display: block;
}

.menu-inner {
  top: 0;
  bottom: 0;
  position: absolute;
  display: block;
  width: 304px;
  height: 100%;
  contain: strict;
}

[dir="ltr"] .menu-inner {
  left: 0;
  right: auto;
}

[dir="rtl"] .menu-inner {
  left: auto;
  right: 0;
}

[dir="ltr"] .menu-inner {
  -webkit-transform: translate3d(-9999px,  0,  0);
  transform: translate3d(-9999px,  0,  0);
}

[dir="rtl"] .menu-inner {
  -webkit-transform: translate3d(calc(-1 * -9999px),  0,  0);
  transform: translate3d(calc(-1 * -9999px),  0,  0);
}

.menu-inner > ion-header,
.menu-inner > ion-content,
.menu-inner > ion-footer {
  position: absolute;
}

[dir="ltr"] ion-menu[side=left] > .menu-inner, [dir="rtl"] ion-menu[side=left] > .menu-inner {
  right: auto;
  left: 0;
}

[dir="ltr"] ion-menu[side=right] > .menu-inner, [dir="rtl"] ion-menu[side=right] > .menu-inner {
  right: 0;
  left: auto;
}

[dir="ltr"] ion-menu[side=end] > .menu-inner {
  left: auto;
  right: 0;
}

[dir="rtl"] ion-menu[side=end] > .menu-inner {
  left: 0;
  right: auto;
}

ion-menu ion-backdrop {
  z-index: -1;
  display: none;
  opacity: .01;
}

[dir="ltr"] .menu-content, [dir="rtl"] .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;
}

[dir="ltr"] ion-menu[type=reveal].show-menu .menu-inner, [dir="rtl"] 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 {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.ios .menu-content-push {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.ios ion-menu[type=overlay] .menu-inner {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.md .menu-inner {
  background: #fff;
}

.md .menu-content-reveal {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.md .menu-content-push {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.md ion-menu[type=overlay] .menu-inner {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.wp .menu-inner {
  background: #f2f2f2;
}

ion-modal {
  top: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  contain: strict;
}

[dir="ltr"] ion-modal {
  left: 0;
}

[dir="rtl"] ion-modal {
  right: 0;
}

@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 {
    top: calc(50% - (500px/2));
    position: absolute;
    width: 600px;
    height: 500px;
  }
  [dir="ltr"] .modal-wrapper {
    left: calc(50% - (600px/2));
  }
  [dir="rtl"] .modal-wrapper {
    right: calc(50% - (600px/2));
  }
}

@media only screen and (min-width: 768px) and (min-height: 768px) {
  .modal-wrapper {
    top: calc(50% - (600px/2));
    position: absolute;
    width: 600px;
    height: 600px;
  }
  [dir="ltr"] .modal-wrapper {
    left: calc(50% - (600px/2));
  }
  [dir="rtl"] .modal-wrapper {
    right: calc(50% - (600px/2));
  }
}

[dir="ltr"] .ios .modal-wrapper, [dir="rtl"] .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 {
    overflow: hidden;
  }
  [dir="ltr"] .ios .modal-wrapper, [dir="rtl"] .ios .modal-wrapper {
    border-radius: 10px;
  }
}

.md .modal-wrapper {
  opacity: .01;
}

[dir="ltr"] .md .modal-wrapper, [dir="rtl"] .md .modal-wrapper {
  -webkit-transform: translate3d(0,  40px,  0);
  transform: translate3d(0,  40px,  0);
}

@media only screen and (min-width: 768px) and (min-height: 600px) {
  .md .modal-wrapper {
    overflow: hidden;
    -webkit-box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
    box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
  }
  [dir="ltr"] .md .modal-wrapper, [dir="rtl"] .md .modal-wrapper {
    border-radius: 2px;
  }
}

.wp .modal-wrapper {
  opacity: .01;
}

[dir="ltr"] .wp .modal-wrapper, [dir="rtl"] .wp .modal-wrapper {
  -webkit-transform: translate3d(0,  40px,  0);
  transform: translate3d(0,  40px,  0);
}

.note-ios {
  color: #aeacb4;
}

.note-ios-transparent {
  color: transparent;
}

.note-ios-white {
  color: #ffffff;
}

.note-ios-primary {
  color: #b21f2f;
}

.note-ios-light {
  color: #f4f4f4;
}

.note-ios-folderBorder {
  color: #70747c;
}

.note-md {
  color: #c5c5c5;
}

.note-md-transparent {
  color: transparent;
}

.note-md-white {
  color: #ffffff;
}

.note-md-primary {
  color: #b21f2f;
}

.note-md-light {
  color: #f4f4f4;
}

.note-md-folderBorder {
  color: #70747c;
}

.note-wp {
  color: rgba(0, 0, 0, 0.5);
}

.note-wp-transparent {
  color: transparent;
}

.note-wp-white {
  color: #ffffff;
}

.note-wp-primary {
  color: #b21f2f;
}

.note-wp-light {
  color: #f4f4f4;
}

.note-wp-folderBorder {
  color: #70747c;
}

ion-picker-cmp {
  top: 0;
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 100%;
  contain: strict;
}

[dir="ltr"] ion-picker-cmp {
  left: 0;
}

[dir="rtl"] ion-picker-cmp {
  right: 0;
}

.picker-toolbar {
  z-index: 1;
  width: 100%;
  contain: strict;
}

.picker-wrapper {
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  contain: strict;
}

[dir="ltr"] .picker-wrapper, [dir="rtl"] .picker-wrapper {
  left: 0;
  right: 0;
}

[dir="ltr"] .picker-wrapper, [dir="rtl"] .picker-wrapper {
  margin: auto;
}

[dir="ltr"] .picker-wrapper, [dir="rtl"] .picker-wrapper {
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
}

.picker-columns {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  contain: strict;
}

[dir="ltr"] .picker-columns, [dir="rtl"] .picker-columns {
  margin-bottom: constant(safe-area-inset-bottom);
}

[dir="ltr"] .picker-columns, [dir="rtl"] .picker-columns {
  margin-bottom: env(safe-area-inset-bottom);
}

[dir="rtl"] .picker-columns {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.picker-col {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: content;
}

.picker-opts {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
}

.picker-prefix {
  text-align: right;
  text-align: end;
  position: relative;
  -webkit-box-flex: 2;
  -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-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  min-width: 45%;
  max-width: 50%;
  white-space: nowrap;
}

.picker-opt {
  top: 0;
  text-align: center;
  position: absolute;
  display: block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  will-change: transform;
  contain: strict;
}

[dir="ltr"] .picker-opt {
  left: 0;
}

[dir="rtl"] .picker-opt {
  right: 0;
}

.picker-opt.picker-opt-disabled {
  pointer-events: none;
}

.picker-opt-disabled {
  opacity: 0;
}

[dir="ltr"] .picker-opts-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

[dir="rtl"] .picker-opts-left {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

[dir="ltr"] .picker-opts-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

[dir="rtl"] .picker-opts-right {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.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-box;
  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-box-flex: 1;
  -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 {
  height: 44px;
  color: #b21f2f;
  background: transparent;
}

[dir="ltr"] .picker-ios .picker-button, [dir="ltr"] .picker-ios .picker-button.activated, [dir="rtl"] .picker-ios .picker-button, [dir="rtl"] .picker-ios .picker-button.activated {
  margin: 0;
}

.picker-columns {
  height: 215px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.picker-ios .picker-col {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

[dir="ltr"] .picker-ios .picker-col, [dir="rtl"] .picker-ios .picker-col {
  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 {
  height: 4.6rem;
  font-size: 20px;
  line-height: 42px;
  color: #000;
  background: transparent;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: auto;
}

[dir="ltr"] .picker-ios .picker-opt, [dir="rtl"] .picker-ios .picker-opt {
  margin: 0;
}

[dir="ltr"] .picker-ios .picker-opt {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

[dir="rtl"] .picker-ios .picker-opt {
  -webkit-transform-origin: calc(100% - center) center;
  transform-origin: calc(100% - center) center;
}

[dir="ltr"] .picker-ios .picker-opt, [dir="rtl"] .picker-ios .picker-opt {
  padding: 0;
}

.picker-ios .picker-above-highlight {
  top: 0;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  height: 81px;
  border-bottom: 1px solid #c8c7cc;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%);
}

[dir="ltr"] .picker-ios .picker-above-highlight {
  left: 0;
}

[dir="rtl"] .picker-ios .picker-above-highlight {
  right: 0;
}

[dir="ltr"] .picker-ios .picker-above-highlight, [dir="rtl"] .picker-ios .picker-above-highlight {
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
}

.picker-ios .picker-below-highlight {
  top: 115px;
  position: absolute;
  z-index: 11;
  display: block;
  width: 100%;
  height: 119px;
  border-top: 1px solid #c8c7cc;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%);
}

[dir="ltr"] .picker-ios .picker-below-highlight {
  left: 0;
}

[dir="rtl"] .picker-ios .picker-below-highlight {
  right: 0;
}

[dir="ltr"] .picker-ios .picker-below-highlight, [dir="rtl"] .picker-ios .picker-below-highlight {
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
}

.picker-md .picker-wrapper {
  height: 260px;
  border-top: 0.55px solid #dedede;
  background: #fff;
}

.picker-md .picker-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -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 {
  height: 44px;
  color: #b21f2f;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

[dir="ltr"] .picker-md .picker-button, [dir="ltr"] .picker-md .picker-button.activated, [dir="rtl"] .picker-md .picker-button, [dir="rtl"] .picker-md .picker-button.activated {
  margin: 0;
}

.picker-md .picker-columns {
  height: 216px;
  -webkit-perspective: 1800px;
  perspective: 1800px;
}

.picker-md .picker-col {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

[dir="ltr"] .picker-md .picker-col, [dir="rtl"] .picker-md .picker-col {
  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 {
  height: 4.3rem;
  font-size: 22px;
  line-height: 42px;
  color: #000;
  background: transparent;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: auto;
}

[dir="ltr"] .picker-md .picker-opt, [dir="rtl"] .picker-md .picker-opt {
  margin: 0;
}

[dir="ltr"] .picker-md .picker-opt, [dir="rtl"] .picker-md .picker-opt {
  padding: 0;
}

.picker-md .picker-prefix,
.picker-md .picker-suffix,
.picker-md .picker-opt.picker-opt-selected {
  color: #b21f2f;
}

.picker-md .picker-above-highlight {
  top: 0;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 81px;
  border-bottom: 1px solid #dedede;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%);
}

[dir="ltr"] .picker-md .picker-above-highlight {
  left: 0;
}

[dir="rtl"] .picker-md .picker-above-highlight {
  right: 0;
}

[dir="ltr"] .picker-md .picker-above-highlight, [dir="rtl"] .picker-md .picker-above-highlight {
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
}

.picker-md .picker-below-highlight {
  top: 115px;
  position: absolute;
  z-index: 11;
  width: 100%;
  height: 119px;
  border-top: 1px solid #dedede;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%);
}

[dir="ltr"] .picker-md .picker-below-highlight {
  left: 0;
}

[dir="rtl"] .picker-md .picker-below-highlight {
  right: 0;
}

[dir="ltr"] .picker-md .picker-below-highlight, [dir="rtl"] .picker-md .picker-below-highlight {
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
}

.picker-wp .picker-wrapper {
  height: 260px;
  border-top: 0.55px solid transparent;
  background: #fff;
}

.picker-wp .picker-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -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-box-flex: 1;
  -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 {
  height: 44px;
  color: #b21f2f;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

[dir="ltr"] .picker-wp .picker-button, [dir="ltr"] .picker-wp .picker-button.activated, [dir="rtl"] .picker-wp .picker-button, [dir="rtl"] .picker-wp .picker-button.activated {
  margin: 0;
}

.picker-wp .picker-columns {
  height: 216px;
  -webkit-perspective: 1800px;
  perspective: 1800px;
}

.picker-wp .picker-col {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

[dir="ltr"] .picker-wp .picker-col, [dir="rtl"] .picker-wp .picker-col {
  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 {
  height: 4.2rem;
  font-size: 22px;
  line-height: 42px;
  color: #000;
  background: transparent;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: auto;
}

[dir="ltr"] .picker-wp .picker-opt, [dir="rtl"] .picker-wp .picker-opt {
  margin: 0;
}

[dir="ltr"] .picker-wp .picker-opt, [dir="rtl"] .picker-wp .picker-opt {
  padding: 0;
}

.picker-wp .picker-prefix,
.picker-wp .picker-suffix,
.picker-wp .picker-opt-selected {
  color: #b21f2f;
}

.picker-wp .picker-above-highlight {
  top: 0;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 81px;
  border-bottom: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%);
}

[dir="ltr"] .picker-wp .picker-above-highlight {
  left: 0;
}

[dir="rtl"] .picker-wp .picker-above-highlight {
  right: 0;
}

[dir="ltr"] .picker-wp .picker-above-highlight, [dir="rtl"] .picker-wp .picker-above-highlight {
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
}

.picker-wp .picker-below-highlight {
  top: 115px;
  position: absolute;
  z-index: 11;
  width: 100%;
  height: 119px;
  border-top: 1px solid transparent;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%);
}

[dir="ltr"] .picker-wp .picker-below-highlight {
  left: 0;
}

[dir="rtl"] .picker-wp .picker-below-highlight {
  right: 0;
}

[dir="ltr"] .picker-wp .picker-below-highlight, [dir="rtl"] .picker-wp .picker-below-highlight {
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
}

ion-popover {
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

[dir="ltr"] ion-popover, [dir="rtl"] ion-popover {
  left: 0;
  right: 0;
}

.popover-wrapper {
  z-index: 10;
  opacity: 0;
}

.popover-content {
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -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 {
  width: 200px;
  min-width: 0;
  min-height: 0;
  max-height: 90%;
  color: #000;
  background: #fff;
}

[dir="ltr"] .popover-ios .popover-content, [dir="rtl"] .popover-ios .popover-content {
  border-radius: 10px;
}

.popover-ios .popover-arrow {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 20px;
  height: 10px;
}

.popover-ios .popover-arrow::after {
  top: 3px;
  position: absolute;
  z-index: 10;
  width: 14px;
  height: 14px;
  background-color: #fff;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

[dir="ltr"] .popover-ios .popover-arrow::after {
  left: 3px;
}

[dir="rtl"] .popover-ios .popover-arrow::after {
  right: 3px;
}

[dir="ltr"] .popover-ios .popover-arrow::after, [dir="rtl"] .popover-ios .popover-arrow::after {
  border-radius: 3px;
}

.popover-ios.popover-bottom .popover-arrow {
  top: auto;
  bottom: -10px;
}

.popover-ios.popover-bottom .popover-arrow::after {
  top: -6px;
}

[dir="ltr"] .popover-ios .item-ios {
  padding-left: 16px;
}

[dir="rtl"] .popover-ios .item-ios {
  padding-right: 16px;
}

[dir="ltr"] .popover-ios .item-ios[detail-push] .item-inner, [dir="ltr"] .popover-ios button.item-ios:not([detail-none]) .item-inner, [dir="ltr"] .popover-ios a.item-ios:not([detail-none]) .item-inner {
  background-position: right 14px center;
}

[dir="rtl"] .popover-ios .item-ios[detail-push] .item-inner, [dir="rtl"] .popover-ios button.item-ios:not([detail-none]) .item-inner, [dir="rtl"] .popover-ios a.item-ios:not([detail-none]) .item-inner {
  background-position: left 14px center;
}

.popover-md .popover-content {
  width: 250px;
  min-width: 0;
  min-height: 0;
  max-height: 90%;
  color: #000;
  background: #fff;
  -webkit-box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.3);
}

[dir="ltr"] .popover-md .popover-content, [dir="rtl"] .popover-md .popover-content {
  border-radius: 2px;
}

[dir="ltr"] .popover-md .popover-content {
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

[dir="rtl"] .popover-md .popover-content {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.popover-md .popover-viewport {
  opacity: 0;
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

.popover-wp .popover-content {
  width: 200px;
  min-width: 0;
  min-height: 0;
  max-height: 90%;
  border: 2px solid #ccc;
  color: #000;
  background: #fff;
}

[dir="ltr"] .popover-wp .popover-content, [dir="rtl"] .popover-wp .popover-content {
  border-radius: 0;
}

[dir="ltr"] .popover-wp .popover-content {
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

[dir="rtl"] .popover-wp .popover-content {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.popover-wp .popover-viewport {
  opacity: 0;
  -webkit-transition-delay: 100ms;
  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 {
  top: 4px;
  position: absolute;
  width: 5px;
  height: 12px;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #b21f2f;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

[dir="ltr"] .radio-ios .radio-checked .radio-inner {
  left: 7px;
}

[dir="rtl"] .radio-ios .radio-checked .radio-inner {
  right: 7px;
}

.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;
}

[dir="ltr"] .item-ios .radio-ios {
  margin: 8px 11px 8px 8px;
}

[dir="rtl"] .item-ios .radio-ios {
  margin: 8px 8px 8px 11px;
}

[dir="ltr"] .item-ios .radio-ios[item-left], [dir="ltr"] .item-ios .radio-ios[item-start] {
  margin: 8px 21px 8px 3px;
}

[dir="rtl"] .item-ios .radio-ios[item-left], [dir="rtl"] .item-ios .radio-ios[item-start] {
  margin: 8px 3px 8px 21px;
}

[dir="ltr"] .item-radio.item-ios ion-label {
  margin-left: 0;
}

[dir="rtl"] .item-radio.item-ios ion-label {
  margin-right: 0;
}

.item-radio-checked.item-ios ion-label {
  color: #b21f2f;
}

.item-radio-ios-transparent.item-radio-checked ion-label {
  color: transparent;
}

.radio-ios-transparent .radio-checked {
  color: transparent;
}

.radio-ios-transparent .radio-checked .radio-inner {
  border-color: transparent;
}

.item-radio-ios-white.item-radio-checked ion-label {
  color: #ffffff;
}

.radio-ios-white .radio-checked {
  color: #ffffff;
}

.radio-ios-white .radio-checked .radio-inner {
  border-color: #ffffff;
}

.item-radio-ios-primary.item-radio-checked ion-label {
  color: #b21f2f;
}

.radio-ios-primary .radio-checked {
  color: #b21f2f;
}

.radio-ios-primary .radio-checked .radio-inner {
  border-color: #b21f2f;
}

.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-folderBorder.item-radio-checked ion-label {
  color: #70747c;
}

.radio-ios-folderBorder .radio-checked {
  color: #70747c;
}

.radio-ios-folderBorder .radio-checked .radio-inner {
  border-color: #70747c;
}

.radio-md {
  position: relative;
  display: inline-block;
}

.radio-md .radio-icon {
  top: 0;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
}

[dir="ltr"] .radio-md .radio-icon {
  left: 0;
}

[dir="rtl"] .radio-md .radio-icon {
  right: 0;
}

[dir="ltr"] .radio-md .radio-icon, [dir="rtl"] .radio-md .radio-icon {
  margin: 0;
}

[dir="ltr"] .radio-md .radio-icon, [dir="rtl"] .radio-md .radio-icon {
  border-radius: 50%;
}

.radio-md .radio-inner {
  top: 2px;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #b21f2f;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  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);
}

[dir="ltr"] .radio-md .radio-inner {
  left: 2px;
}

[dir="rtl"] .radio-md .radio-inner {
  right: 2px;
}

[dir="ltr"] .radio-md .radio-inner, [dir="rtl"] .radio-md .radio-inner {
  border-radius: 50%;
}

.radio-md .radio-checked {
  border-color: #b21f2f;
}

.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;
}

[dir="ltr"] .item-md .radio-md {
  margin: 9px 10px 9px 0;
}

[dir="rtl"] .item-md .radio-md {
  margin: 9px 0 9px 10px;
}

[dir="ltr"] .item-md .radio-md[item-left], [dir="ltr"] .item-md .radio-md[item-start] {
  margin: 11px 36px 10px 4px;
}

[dir="rtl"] .item-md .radio-md[item-left], [dir="rtl"] .item-md .radio-md[item-start] {
  margin: 11px 4px 10px 36px;
}

[dir="ltr"] .item-radio.item-md ion-label {
  margin-left: 0;
}

[dir="rtl"] .item-radio.item-md ion-label {
  margin-right: 0;
}

.item-radio-checked.item-md ion-label {
  color: #b21f2f;
}

.item-radio-md-transparent.item-radio-checked ion-label {
  color: transparent;
}

.radio-md-transparent .radio-checked {
  border-color: transparent;
}

.radio-md-transparent .radio-inner {
  background-color: transparent;
}

.item-radio-md-white.item-radio-checked ion-label {
  color: #ffffff;
}

.radio-md-white .radio-checked {
  border-color: #ffffff;
}

.radio-md-white .radio-inner {
  background-color: #ffffff;
}

.item-radio-md-primary.item-radio-checked ion-label {
  color: #b21f2f;
}

.radio-md-primary .radio-checked {
  border-color: #b21f2f;
}

.radio-md-primary .radio-inner {
  background-color: #b21f2f;
}

.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-folderBorder.item-radio-checked ion-label {
  color: #70747c;
}

.radio-md-folderBorder .radio-checked {
  border-color: #70747c;
}

.radio-md-folderBorder .radio-inner {
  background-color: #70747c;
}

.radio-wp {
  position: relative;
  display: inline-block;
}

.radio-wp .radio-icon {
  top: 0;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #333;
}

[dir="ltr"] .radio-wp .radio-icon {
  left: 0;
}

[dir="rtl"] .radio-wp .radio-icon {
  right: 0;
}

[dir="ltr"] .radio-wp .radio-icon, [dir="rtl"] .radio-wp .radio-icon {
  margin: 0;
}

[dir="ltr"] .radio-wp .radio-icon, [dir="rtl"] .radio-wp .radio-icon {
  border-radius: 50%;
}

.radio-wp .radio-inner {
  top: 2px;
  position: absolute;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #333;
}

[dir="ltr"] .radio-wp .radio-inner {
  left: 2px;
}

[dir="rtl"] .radio-wp .radio-inner {
  right: 2px;
}

[dir="ltr"] .radio-wp .radio-inner, [dir="rtl"] .radio-wp .radio-inner {
  border-radius: 50%;
}

.radio-wp .radio-checked {
  border-color: #b21f2f;
}

.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-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

[dir="ltr"] .item-wp .radio-wp {
  margin: 9px 20px 9px 4px;
}

[dir="rtl"] .item-wp .radio-wp {
  margin: 9px 4px 9px 20px;
}

.item-wp .radio-wp[item-right], .item-wp .radio-wp[item-end] {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

[dir="ltr"] .item-wp .radio-wp[item-right], [dir="ltr"] .item-wp .radio-wp[item-end] {
  margin: 11px 10px 10px 0;
}

[dir="rtl"] .item-wp .radio-wp[item-right], [dir="rtl"] .item-wp .radio-wp[item-end] {
  margin: 11px 0 10px 10px;
}

[dir="ltr"] .item-radio.item-wp ion-label {
  margin-left: 0;
}

[dir="rtl"] .item-radio.item-wp ion-label {
  margin-right: 0;
}

.radio-wp-transparent .radio-checked {
  border-color: transparent;
}

.radio-wp-white .radio-checked {
  border-color: #ffffff;
}

.radio-wp-primary .radio-checked {
  border-color: #b21f2f;
}

.radio-wp-light .radio-checked {
  border-color: #f4f4f4;
}

.radio-wp-folderBorder .radio-checked {
  border-color: #70747c;
}

.item-range .item-inner {
  overflow: visible;
  width: 100%;
}

.item-range .input-wrapper {
  overflow: visible;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -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;
  align-self: center;
}

ion-range {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

ion-range ion-label {
  -webkit-box-flex: initial;
  -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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: pointer;
}

[dir="ltr"] .range-ios, [dir="rtl"] .range-ios {
  padding: 8px 16px;
}

[dir="ltr"] .range-ios [range-left] {
  margin: 0 20px 0 0;
}

[dir="rtl"] .range-ios [range-left] {
  margin: 0 0 0 20px;
}

[dir="ltr"] .range-ios [range-right] {
  margin: 0 0 0 20px;
}

[dir="rtl"] .range-ios [range-right] {
  margin: 0 20px 0 0;
}

[dir="ltr"] .range-ios.range-has-pin, [dir="rtl"] .range-ios.range-has-pin {
  padding-top: 20px;
}

.range-ios .range-slider {
  height: 42px;
}

.range-ios .range-bar {
  top: 21px;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #bdbdbd;
  pointer-events: none;
}

[dir="ltr"] .range-ios .range-bar {
  left: 0;
}

[dir="rtl"] .range-ios .range-bar {
  right: 0;
}

[dir="ltr"] .range-ios .range-bar, [dir="rtl"] .range-ios .range-bar {
  border-radius: 1px;
}

.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: #b21f2f;
}

.range-ios .range-knob-handle {
  top: 21px;
  text-align: center;
  position: absolute;
  width: 42px;
  height: 42px;
}

[dir="ltr"] .range-ios .range-knob-handle {
  left: 0;
}

[dir="rtl"] .range-ios .range-knob-handle {
  right: 0;
}

[dir="ltr"] .range-ios .range-knob-handle {
  margin-left: -21px;
}

[dir="rtl"] .range-ios .range-knob-handle {
  margin-right: -21px;
}

[dir="ltr"] .range-ios .range-knob-handle, [dir="rtl"] .range-ios .range-knob-handle {
  margin-top: -21px;
}

.range-ios .range-knob {
  top: 7px;
  position: absolute;
  width: 28px;
  height: 28px;
  background: #fff;
  -webkit-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);
  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;
}

[dir="ltr"] .range-ios .range-knob {
  left: 7px;
}

[dir="rtl"] .range-ios .range-knob {
  right: 7px;
}

[dir="ltr"] .range-ios .range-knob, [dir="rtl"] .range-ios .range-knob {
  border-radius: 50%;
}

.range-ios .range-tick {
  position: absolute;
  top: 17.5px;
  width: 1px;
  height: 8px;
  background: #bdbdbd;
  pointer-events: none;
}

[dir="ltr"] .range-ios .range-tick {
  margin-left: -0.5px;
}

[dir="rtl"] .range-ios .range-tick {
  margin-right: -0.5px;
}

[dir="ltr"] .range-ios .range-tick, [dir="rtl"] .range-ios .range-tick {
  border-radius: 0;
}

.range-ios .range-tick-active {
  background: #b21f2f;
}

.range-ios .range-pin {
  text-align: center;
  position: relative;
  top: -20px;
  display: inline-block;
  min-width: 28px;
  font-size: 12px;
  color: #000;
  background: transparent;
  -webkit-transition: -webkit-transform 120ms ease;
  transition: -webkit-transform 120ms ease;
  transition: transform 120ms ease;
  transition: transform 120ms ease, -webkit-transform 120ms ease;
}

[dir="ltr"] .range-ios .range-pin, [dir="rtl"] .range-ios .range-pin {
  border-radius: 50px;
}

[dir="ltr"] .range-ios .range-pin, [dir="rtl"] .range-ios .range-pin {
  -webkit-transform: translate3d(0,  28px,  0) scale(0.01);
  transform: translate3d(0,  28px,  0) scale(0.01);
}

[dir="ltr"] .range-ios .range-pin, [dir="rtl"] .range-ios .range-pin {
  padding: 8px;
}

[dir="ltr"] .range-ios .range-knob-pressed .range-pin, [dir="rtl"] .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-transparent .range-bar-active,
.range-ios-transparent .range-tick-active {
  background: transparent;
}

.range-ios-white .range-bar-active,
.range-ios-white .range-tick-active {
  background: #ffffff;
}

.range-ios-primary .range-bar-active,
.range-ios-primary .range-tick-active {
  background: #b21f2f;
}

.range-ios-light .range-bar-active,
.range-ios-light .range-tick-active {
  background: #f4f4f4;
}

.range-ios-folderBorder .range-bar-active,
.range-ios-folderBorder .range-tick-active {
  background: #70747c;
}

[dir="ltr"] .range-md, [dir="rtl"] .range-md {
  padding: 8px;
}

[dir="ltr"] .range-md [range-left] {
  margin: 0 12px 0 0;
}

[dir="rtl"] .range-md [range-left] {
  margin: 0 0 0 12px;
}

[dir="ltr"] .range-md [range-right] {
  margin: 0 0 0 12px;
}

[dir="rtl"] .range-md [range-right] {
  margin: 0 12px 0 0;
}

[dir="ltr"] .range-md.range-has-pin, [dir="rtl"] .range-md.range-has-pin {
  padding-top: 28px;
}

.range-md .range-slider {
  height: 42px;
}

.range-md .range-bar {
  top: 21px;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #bdbdbd;
  pointer-events: none;
}

[dir="ltr"] .range-md .range-bar {
  left: 0;
}

[dir="rtl"] .range-md .range-bar {
  right: 0;
}

.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: #b21f2f;
}

.range-md .range-knob-handle {
  top: 21px;
  text-align: center;
  position: absolute;
  width: 42px;
  height: 42px;
}

[dir="ltr"] .range-md .range-knob-handle {
  left: 0;
}

[dir="rtl"] .range-md .range-knob-handle {
  right: 0;
}

[dir="ltr"] .range-md .range-knob-handle {
  margin-left: -21px;
}

[dir="rtl"] .range-md .range-knob-handle {
  margin-right: -21px;
}

[dir="ltr"] .range-md .range-knob-handle, [dir="rtl"] .range-md .range-knob-handle {
  margin-top: -21px;
}

.range-md .range-knob {
  top: 13px;
  position: absolute;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: #b21f2f;
  -webkit-transform: scale(0.67);
  transform: scale(0.67);
  -webkit-transition-duration: 120ms;
  transition-duration: 120ms;
  -webkit-transition-property: background-color, border, -webkit-transform;
  transition-property: background-color, border, -webkit-transform;
  transition-property: transform, background-color, border;
  transition-property: transform, background-color, border, -webkit-transform;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  pointer-events: none;
}

[dir="ltr"] .range-md .range-knob {
  left: 12px;
}

[dir="rtl"] .range-md .range-knob {
  right: 12px;
}

[dir="ltr"] .range-md .range-knob, [dir="rtl"] .range-md .range-knob {
  border-radius: 50%;
}

.range-md .range-tick {
  position: absolute;
  top: 21px;
  z-index: 1;
  width: 2px;
  height: 2px;
  background: #000;
  pointer-events: none;
}

[dir="ltr"] .range-md .range-tick {
  margin-left: -1px;
}

[dir="rtl"] .range-md .range-tick {
  margin-right: -1px;
}

[dir="ltr"] .range-md .range-tick, [dir="rtl"] .range-md .range-tick {
  border-radius: 50%;
}

.range-md .range-tick-active {
  background: #000;
}

.range-md .range-pin {
  text-align: center;
  position: relative;
  top: -20px;
  display: inline-block;
  min-width: 28px;
  height: 28px;
  font-size: 12px;
  color: #fff;
  background: #b21f2f;
  -webkit-transition: background-color 120ms ease, -webkit-transform 120ms ease;
  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;
}

[dir="ltr"] .range-md .range-pin, [dir="rtl"] .range-md .range-pin {
  padding: 8px 0;
}

[dir="ltr"] .range-md .range-pin, [dir="rtl"] .range-md .range-pin {
  border-radius: 50%;
}

[dir="ltr"] .range-md .range-pin, [dir="rtl"] .range-md .range-pin {
  -webkit-transform: translate3d(0,  28px,  0) scale(0.01);
  transform: translate3d(0,  28px,  0) scale(0.01);
}

.range-md .range-pin::before {
  top: 3px;
  position: absolute;
  z-index: -1;
  width: 26px;
  height: 26px;
  background: #b21f2f;
  content: "";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: background-color 120ms ease;
  transition: background-color 120ms ease;
}

[dir="ltr"] .range-md .range-pin::before {
  left: 50%;
}

[dir="rtl"] .range-md .range-pin::before {
  right: 50%;
}

[dir="ltr"] .range-md .range-pin::before {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 0;
}

[dir="rtl"] .range-md .range-pin::before {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 50%;
}

[dir="ltr"] .range-md .range-pin::before {
  margin-left: -13px;
}

[dir="rtl"] .range-md .range-pin::before {
  margin-right: -13px;
}

[dir="ltr"] .range-md .range-knob-pressed .range-pin, [dir="rtl"] .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-transparent .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-transparent .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-transparent .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-transparent .range-bar-active,
.range-md-transparent .range-knob,
.range-md-transparent .range-pin,
.range-md-transparent .range-pin::before {
  background: transparent;
}

.range-md-white .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-white .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-white .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-white .range-bar-active,
.range-md-white .range-knob,
.range-md-white .range-pin,
.range-md-white .range-pin::before {
  background: #ffffff;
}

.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: #b21f2f;
}

.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-folderBorder .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-folderBorder .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-folderBorder .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-folderBorder .range-bar-active,
.range-md-folderBorder .range-knob,
.range-md-folderBorder .range-pin,
.range-md-folderBorder .range-pin::before {
  background: #70747c;
}

[dir="ltr"] .range-wp, [dir="rtl"] .range-wp {
  padding: 8px;
}

[dir="ltr"] .range-wp [range-left] {
  margin: 0 12px 0 0;
}

[dir="rtl"] .range-wp [range-left] {
  margin: 0 0 0 12px;
}

[dir="ltr"] .range-wp [range-right] {
  margin: 0 0 0 12px;
}

[dir="rtl"] .range-wp [range-right] {
  margin: 0 12px 0 0;
}

[dir="ltr"] .range-wp.range-has-pin, [dir="rtl"] .range-wp.range-has-pin {
  padding-top: 28px;
}

.range-wp .range-slider {
  height: 42px;
}

.range-wp .range-bar {
  top: 21px;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #bdbdbd;
  pointer-events: none;
}

[dir="ltr"] .range-wp .range-bar {
  left: 0;
}

[dir="rtl"] .range-wp .range-bar {
  right: 0;
}

.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: #b21f2f;
}

.range-wp .range-knob-handle {
  top: 21px;
  text-align: center;
  position: absolute;
  width: 42px;
  height: 42px;
}

[dir="ltr"] .range-wp .range-knob-handle {
  left: 0;
}

[dir="rtl"] .range-wp .range-knob-handle {
  right: 0;
}

[dir="ltr"] .range-wp .range-knob-handle {
  margin-left: -21px;
}

[dir="rtl"] .range-wp .range-knob-handle {
  margin-right: -21px;
}

[dir="ltr"] .range-wp .range-knob-handle, [dir="rtl"] .range-wp .range-knob-handle {
  margin-top: -21px;
}

.range-wp .range-knob {
  top: 10px;
  position: absolute;
  width: 8px;
  height: 24px;
  background: #b21f2f;
  pointer-events: none;
}

[dir="ltr"] .range-wp .range-knob {
  left: 17px;
}

[dir="rtl"] .range-wp .range-knob {
  right: 17px;
}

[dir="ltr"] .range-wp .range-knob, [dir="rtl"] .range-wp .range-knob {
  border-radius: 4px;
}

.range-wp .range-tick {
  position: absolute;
  top: 19px;
  width: 2px;
  height: 6px;
  background: #bdbdbd;
  pointer-events: none;
}

[dir="ltr"] .range-wp .range-tick {
  margin-left: -1px;
}

[dir="rtl"] .range-wp .range-tick {
  margin-right: -1px;
}

[dir="ltr"] .range-wp .range-tick, [dir="rtl"] .range-wp .range-tick {
  border-radius: 4px;
}

.range-wp .range-tick-active {
  background: #b21f2f;
}

.range-wp .range-pin {
  text-align: center;
  position: relative;
  top: -24px;
  display: inline-block;
  min-width: 28px;
  font-size: 12px;
  color: #fff;
  background: #b21f2f;
  -webkit-transition: -webkit-transform 120ms ease;
  transition: -webkit-transform 120ms ease;
  transition: transform 120ms ease;
  transition: transform 120ms ease, -webkit-transform 120ms ease;
}

[dir="ltr"] .range-wp .range-pin, [dir="rtl"] .range-wp .range-pin {
  border-radius: 50px;
}

[dir="ltr"] .range-wp .range-pin, [dir="rtl"] .range-wp .range-pin {
  -webkit-transform: translate3d(0,  28px,  0) scale(0.01);
  transform: translate3d(0,  28px,  0) scale(0.01);
}

[dir="ltr"] .range-wp .range-pin, [dir="rtl"] .range-wp .range-pin {
  padding: 8px;
}

[dir="ltr"] .range-wp .range-knob-pressed .range-pin, [dir="rtl"] .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-transparent .range-bar-active,
.range-wp-transparent .range-tick-active,
.range-wp-transparent .range-knob,
.range-wp-transparent .range-pin {
  background: transparent;
}

.range-wp-white .range-bar-active,
.range-wp-white .range-tick-active,
.range-wp-white .range-knob,
.range-wp-white .range-pin {
  background: #ffffff;
}

.range-wp-primary .range-bar-active,
.range-wp-primary .range-tick-active,
.range-wp-primary .range-knob,
.range-wp-primary .range-pin {
  background: #b21f2f;
}

.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-folderBorder .range-bar-active,
.range-wp-folderBorder .range-tick-active,
.range-wp-folderBorder .range-knob,
.range-wp-folderBorder .range-pin {
  background: #70747c;
}

ion-refresher {
  top: 0;
  position: absolute;
  z-index: 0;
  display: none;
  width: 100%;
  height: 60px;
}

[dir="ltr"] ion-refresher {
  left: 0;
}

[dir="rtl"] ion-refresher {
  right: 0;
}

ion-refresher.refresher-active {
  display: block;
}

.has-refresher > .scroll-content {
  border-top: 1px solid transparent;
  -webkit-transition: -webkit-transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
  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);
}

[dir="ltr"] .has-refresher > .scroll-content, [dir="rtl"] .has-refresher > .scroll-content {
  margin-top: -1px;
}

ion-refresher-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.refresher-pulling,
.refresher-refreshing {
  display: none;
  width: 100%;
}

.refresher-pulling-icon,
.refresher-refreshing-icon {
  text-align: center;
  font-size: 30px;
  color: #383838;
  -webkit-transition: 200ms;
  transition: 200ms;
}

[dir="ltr"] .refresher-pulling-icon, [dir="ltr"] .refresher-refreshing-icon {
  -webkit-transform-origin: center;
  transform-origin: center;
}

[dir="rtl"] .refresher-pulling-icon, [dir="rtl"] .refresher-refreshing-icon {
  -webkit-transform-origin: calc(100% - center);
  transform-origin: calc(100% - center);
}

.refresher-pulling-text,
.refresher-refreshing-text {
  text-align: center;
  font-size: 14px;
  color: #888a8c;
}

.refresher-refreshing .spinner-ios line,
.refresher-refreshing .spinner-ios-small line,
.refresher-refreshing .spinner-crescent circle {
  stroke: #383838;
}

.refresher-refreshing .spinner-bubbles circle,
.refresher-refreshing .spinner-circles circle,
.refresher-refreshing .spinner-dots circle {
  fill: #383838;
}

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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

ion-scroll .scroll-content {
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

[dir="ltr"] ion-scroll .scroll-content, [dir="rtl"] ion-scroll .scroll-content {
  left: 0;
  right: 0;
}

ion-searchbar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.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 {
  display: none;
  min-height: 0;
}

[dir="ltr"] .searchbar-clear-icon, [dir="rtl"] .searchbar-clear-icon {
  margin: 0;
}

[dir="ltr"] .searchbar-clear-icon, [dir="rtl"] .searchbar-clear-icon {
  padding: 0;
}

.searchbar-has-value.searchbar-has-focus .searchbar-clear-icon {
  display: block;
}

.searchbar-ios {
  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);
}

[dir="ltr"] .searchbar-ios, [dir="rtl"] .searchbar-ios {
  padding: 0 8px;
}

.searchbar-ios .searchbar-search-icon {
  top: 9px;
  position: absolute;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 13px;
}

[dir="ltr"] .searchbar-ios .searchbar-search-icon {
  left: 9px;
}

[dir="rtl"] .searchbar-ios .searchbar-search-icon {
  right: 9px;
}

[dir="ltr"] .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(0,%200,%200,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

[dir="rtl"] .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20transform='translate(13,%200)%20scale(-1,%201)'%20fill='rgba(0,%200,%200,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20transform='translate(13,%200)%20scale(-1,%201)'%20stroke='rgba(0,%200,%200,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

[dir="ltr"] .searchbar-ios .searchbar-search-icon {
  margin-left: calc(50% - 60px);
}

[dir="rtl"] .searchbar-ios .searchbar-search-icon {
  margin-right: calc(50% - 60px);
}

.searchbar-ios .searchbar-input {
  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);
}

[dir="ltr"] .searchbar-ios .searchbar-input, [dir="rtl"] .searchbar-ios .searchbar-input {
  padding: 0 28px;
}

[dir="ltr"] .searchbar-ios .searchbar-input, [dir="rtl"] .searchbar-ios .searchbar-input {
  border-radius: 5px;
}

.searchbar-ios .searchbar-clear-icon {
  top: 0;
  position: absolute;
  width: 30px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 18px;
}

[dir="ltr"] .searchbar-ios .searchbar-clear-icon {
  right: 0;
}

[dir="rtl"] .searchbar-ios .searchbar-clear-icon {
  left: 0;
}

[dir="ltr"] .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

[dir="rtl"] .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20transform='translate(512,%200)%20scale(-1,%201)'%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

[dir="ltr"] .searchbar-ios .searchbar-clear-icon, [dir="rtl"] .searchbar-ios .searchbar-clear-icon {
  background-position: center;
}

.searchbar-ios .searchbar-ios-cancel {
  display: none;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 30px;
  cursor: pointer;
}

[dir="ltr"] .searchbar-ios .searchbar-ios-cancel {
  padding: 0 0 0 8px;
}

[dir="rtl"] .searchbar-ios .searchbar-ios-cancel {
  padding: 0 8px 0 0;
}

[dir="ltr"] .searchbar-ios .searchbar-ios-cancel {
  margin-left: 0;
}

[dir="rtl"] .searchbar-ios .searchbar-ios-cancel {
  margin-right: 0;
}

[dir="ltr"] .searchbar-ios.searchbar-left-aligned .searchbar-search-icon {
  margin-left: 0;
}

[dir="rtl"] .searchbar-ios.searchbar-left-aligned .searchbar-search-icon {
  margin-right: 0;
}

[dir="ltr"] .searchbar-ios.searchbar-left-aligned .searchbar-input {
  padding-left: 30px;
}

[dir="rtl"] .searchbar-ios.searchbar-left-aligned .searchbar-input {
  padding-right: 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);
}

[dir="ltr"] .toolbar .searchbar-ios .searchbar-ios-cancel, [dir="rtl"] .toolbar .searchbar-ios .searchbar-ios-cancel {
  padding: 0;
}

[dir="ltr"] .toolbar .searchbar-ios.searchbar-has-focus .searchbar-ios-cancel {
  padding-left: 8px;
}

[dir="rtl"] .toolbar .searchbar-ios.searchbar-has-focus .searchbar-ios-cancel {
  padding-right: 8px;
}

.searchbar-ios .searchbar-md-cancel {
  display: none;
}

.searchbar-ios-transparent .searchbar-ios-cancel {
  color: transparent;
}

.searchbar-ios-transparent .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: rgba(255, 255, 255, 0.08);
}

[dir="ltr"] .toolbar-ios-transparent .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(99,%2098,%2098,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(99,%2098,%2098,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

[dir="rtl"] .toolbar-ios-transparent .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20transform='translate(13,%200)%20scale(-1,%201)'%20fill='rgba(99,%2098,%2098,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20transform='translate(13,%200)%20scale(-1,%201)'%20stroke='rgba(99,%2098,%2098,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-transparent .searchbar-ios .searchbar-input {
  color: #636262;
  background: rgba(99, 98, 98, 0.08);
}

.toolbar-ios-transparent .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(99, 98, 98, 0.5);
}

.toolbar-ios-transparent .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(99, 98, 98, 0.5);
}

.toolbar-ios-transparent .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(99, 98, 98, 0.5);
}

[dir="ltr"] .toolbar-ios-transparent .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(99,%2098,%2098,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

[dir="rtl"] .toolbar-ios-transparent .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20transform='translate(512,%200)%20scale(-1,%201)'%20fill='rgba(99,%2098,%2098,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-transparent .searchbar-ios .searchbar-ios-cancel {
  color: #636262;
}

.searchbar-ios-white .searchbar-ios-cancel {
  color: #ffffff;
}

.searchbar-ios-white .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #ebebeb;
}

[dir="ltr"] .toolbar-ios-white .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(0,%200,%200,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

[dir="rtl"] .toolbar-ios-white .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20transform='translate(13,%200)%20scale(-1,%201)'%20fill='rgba(0,%200,%200,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20transform='translate(13,%200)%20scale(-1,%201)'%20stroke='rgba(0,%200,%200,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-white .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-white .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-white .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-white .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

[dir="ltr"] .toolbar-ios-white .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

[dir="rtl"] .toolbar-ios-white .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20transform='translate(512,%200)%20scale(-1,%201)'%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-white .searchbar-ios .searchbar-ios-cancel {
  color: #b21f2f;
}

.searchbar-ios-primary .searchbar-ios-cancel {
  color: #b21f2f;
}

.searchbar-ios-primary .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #b83140;
}

[dir="ltr"] .toolbar-ios-primary .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

[dir="rtl"] .toolbar-ios-primary .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20transform='translate(13,%200)%20scale(-1,%201)'%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20transform='translate(13,%200)%20scale(-1,%201)'%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.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);
}

[dir="ltr"] .toolbar-ios-primary .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

[dir="rtl"] .toolbar-ios-primary .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20transform='translate(512,%200)%20scale(-1,%201)'%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-primary .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;
}

[dir="ltr"] .toolbar-ios-light .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(0,%200,%200,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

[dir="rtl"] .toolbar-ios-light .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20transform='translate(13,%200)%20scale(-1,%201)'%20fill='rgba(0,%200,%200,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20transform='translate(13,%200)%20scale(-1,%201)'%20stroke='rgba(0,%200,%200,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.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);
}

[dir="ltr"] .toolbar-ios-light .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

[dir="rtl"] .toolbar-ios-light .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20transform='translate(512,%200)%20scale(-1,%201)'%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-light .searchbar-ios .searchbar-ios-cancel {
  color: #b21f2f;
}

.searchbar-ios-folderBorder .searchbar-ios-cancel {
  color: #70747c;
}

.searchbar-ios-folderBorder .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #7b7f86;
}

[dir="ltr"] .toolbar-ios-folderBorder .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

[dir="rtl"] .toolbar-ios-folderBorder .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20transform='translate(13,%200)%20scale(-1,%201)'%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20transform='translate(13,%200)%20scale(-1,%201)'%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-folderBorder .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-folderBorder .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-folderBorder .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-folderBorder .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

[dir="ltr"] .toolbar-ios-folderBorder .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

[dir="rtl"] .toolbar-ios-folderBorder .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20transform='translate(512,%200)%20scale(-1,%201)'%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-folderBorder .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 {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.searchbar-animated.searchbar-has-focus .searchbar-ios-cancel {
  opacity: 1;
  pointer-events: auto;
}

.searchbar-animated .searchbar-ios-cancel {
  opacity: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  pointer-events: none;
}

[dir="ltr"] .searchbar-animated .searchbar-ios-cancel {
  margin-right: -100%;
}

[dir="rtl"] .searchbar-animated .searchbar-ios-cancel {
  margin-left: -100%;
}

[dir="ltr"] .searchbar-animated .searchbar-ios-cancel, [dir="rtl"] .searchbar-animated .searchbar-ios-cancel {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

.searchbar-md {
  background: inherit;
}

[dir="ltr"] .searchbar-md, [dir="rtl"] .searchbar-md {
  padding: 8px;
}

.searchbar-md .searchbar-search-icon {
  top: 11px;
  width: 21px;
  height: 21px;
}

[dir="ltr"] .searchbar-md .searchbar-search-icon {
  left: 16px;
}

[dir="rtl"] .searchbar-md .searchbar-search-icon {
  right: 16px;
}

[dir="ltr"] .searchbar-md .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='%235b5b5b'%20d='M337.509,305.372h-17.501l-6.571-5.486c20.791-25.232,33.922-57.054,33.922-93.257C347.358,127.632,283.896,64,205.135,64C127.452,64,64,127.632,64,206.629s63.452,142.628,142.225,142.628c35.011,0,67.831-13.167,92.991-34.008l6.561,5.487v17.551L415.18,448L448,415.086L337.509,305.372z%20M206.225,305.372c-54.702,0-98.463-43.887-98.463-98.743c0-54.858,43.761-98.742,98.463-98.742c54.7,0,98.462,43.884,98.462,98.742C304.687,261.485,260.925,305.372,206.225,305.372z'/></svg>");
}

[dir="rtl"] .searchbar-md .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20transform='translate(512,%200)%20scale(-1,%201)'%20fill='%235b5b5b'%20d='M337.509,305.372h-17.501l-6.571-5.486c20.791-25.232,33.922-57.054,33.922-93.257C347.358,127.632,283.896,64,205.135,64C127.452,64,64,127.632,64,206.629s63.452,142.628,142.225,142.628c35.011,0,67.831-13.167,92.991-34.008l6.561,5.487v17.551L415.18,448L448,415.086L337.509,305.372z%20M206.225,305.372c-54.702,0-98.463-43.887-98.463-98.743c0-54.858,43.761-98.742,98.463-98.742c54.7,0,98.462,43.884,98.462,98.742C304.687,261.485,260.925,305.372,206.225,305.372z'/></svg>");
}

.searchbar-md .searchbar-md-cancel {
  top: 0;
  display: none;
  width: 21px;
  height: 100%;
}

[dir="ltr"] .searchbar-md .searchbar-md-cancel {
  left: 10px;
}

[dir="rtl"] .searchbar-md .searchbar-md-cancel {
  right: 10px;
}

[dir="ltr"] .searchbar-md .searchbar-md-cancel, [dir="rtl"] .searchbar-md .searchbar-md-cancel {
  margin: 0;
}

.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 {
  height: auto;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
  color: #141414;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.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;
}

[dir="ltr"] .searchbar-md .searchbar-input, [dir="rtl"] .searchbar-md .searchbar-input {
  padding: 6px 55px;
}

[dir="ltr"] .searchbar-md .searchbar-input, [dir="rtl"] .searchbar-md .searchbar-input {
  border-radius: 2px;
}

[dir="ltr"] .searchbar-md .searchbar-input {
  background-position: left 8px center;
}

[dir="rtl"] .searchbar-md .searchbar-input {
  background-position: right 8px center;
}

.searchbar-md .searchbar-clear-icon {
  top: 0;
  position: absolute;
  width: 22px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 22px;
}

[dir="ltr"] .searchbar-md .searchbar-clear-icon {
  right: 13px;
}

[dir="rtl"] .searchbar-md .searchbar-clear-icon {
  left: 13px;
}

[dir="ltr"] .searchbar-md .searchbar-clear-icon, [dir="rtl"] .searchbar-md .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='%235b5b5b'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>");
}

[dir="ltr"] .searchbar-md .searchbar-clear-icon, [dir="rtl"] .searchbar-md .searchbar-clear-icon {
  padding: 0;
}

[dir="ltr"] .searchbar-md .searchbar-clear-icon, [dir="rtl"] .searchbar-md .searchbar-clear-icon {
  background-position: center;
}

.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-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

[dir="ltr"] .toolbar .searchbar-md, [dir="rtl"] .toolbar .searchbar-md {
  padding: 3px;
}

[dir="ltr"] .toolbar .searchbar-md .searchbar-md-cancel {
  left: 14px;
}

[dir="rtl"] .toolbar .searchbar-md .searchbar-md-cancel {
  right: 14px;
}

.searchbar-md .searchbar-ios-cancel {
  display: none;
}

.searchbar-wp {
  background: transparent;
}

[dir="ltr"] .searchbar-wp, [dir="rtl"] .searchbar-wp {
  padding: 8px;
}

.searchbar-wp .searchbar-input-container {
  border: 2px solid rgba(0, 0, 0, 0.5);
}

.searchbar-wp .searchbar-search-icon {
  top: 5px;
  position: absolute;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-size: 20px;
}

[dir="ltr"] .searchbar-wp .searchbar-search-icon {
  right: 8px;
}

[dir="rtl"] .searchbar-wp .searchbar-search-icon {
  left: 8px;
}

[dir="ltr"] .searchbar-wp .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='%23858585'%20d='M337.509,305.372h-17.501l-6.571-5.486c20.791-25.232,33.922-57.054,33.922-93.257C347.358,127.632,283.896,64,205.135,64C127.452,64,64,127.632,64,206.629s63.452,142.628,142.225,142.628c35.011,0,67.831-13.167,92.991-34.008l6.561,5.487v17.551L415.18,448L448,415.086L337.509,305.372z%20M206.225,305.372c-54.702,0-98.463-43.887-98.463-98.743c0-54.858,43.761-98.742,98.463-98.742c54.7,0,98.462,43.884,98.462,98.742C304.687,261.485,260.925,305.372,206.225,305.372z'/></svg>");
}

[dir="rtl"] .searchbar-wp .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20transform='translate(512,%200)%20scale(-1,%201)'%20fill='%23858585'%20d='M337.509,305.372h-17.501l-6.571-5.486c20.791-25.232,33.922-57.054,33.922-93.257C347.358,127.632,283.896,64,205.135,64C127.452,64,64,127.632,64,206.629s63.452,142.628,142.225,142.628c35.011,0,67.831-13.167,92.991-34.008l6.561,5.487v17.551L415.18,448L448,415.086L337.509,305.372z%20M206.225,305.372c-54.702,0-98.463-43.887-98.463-98.743c0-54.858,43.761-98.742,98.463-98.742c54.7,0,98.462,43.884,98.462,98.742C304.687,261.485,260.925,305.372,206.225,305.372z'/></svg>");
}

.searchbar-wp .searchbar-search-icon.activated {
  background-color: transparent;
}

.searchbar-wp .searchbar-input {
  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;
}

[dir="ltr"] .searchbar-wp .searchbar-input, [dir="rtl"] .searchbar-wp .searchbar-input {
  padding: 0 8px;
}

[dir="ltr"] .searchbar-wp .searchbar-input, [dir="rtl"] .searchbar-wp .searchbar-input {
  border-radius: 0;
}

[dir="ltr"] .searchbar-wp .searchbar-input {
  background-position: left 8px center;
}

[dir="rtl"] .searchbar-wp .searchbar-input {
  background-position: right 8px center;
}

.searchbar-wp .searchbar-clear-icon {
  top: 0;
  position: absolute;
  width: 22px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 22px;
}

[dir="ltr"] .searchbar-wp .searchbar-clear-icon {
  right: 8px;
}

[dir="rtl"] .searchbar-wp .searchbar-clear-icon {
  left: 8px;
}

[dir="ltr"] .searchbar-wp .searchbar-clear-icon, [dir="rtl"] .searchbar-wp .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='%23858585'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>");
}

[dir="ltr"] .searchbar-wp .searchbar-clear-icon, [dir="rtl"] .searchbar-wp .searchbar-clear-icon {
  padding: 0;
}

[dir="ltr"] .searchbar-wp .searchbar-clear-icon, [dir="rtl"] .searchbar-wp .searchbar-clear-icon {
  background-position: center;
}

.searchbar-wp .searchbar-clear-icon.activated {
  background-color: transparent;
}

.searchbar-wp.searchbar-has-focus .searchbar-input-container {
  border-color: #b21f2f;
}

.searchbar-wp.searchbar-has-value .searchbar-search-icon {
  display: none;
}

.searchbar-wp .searchbar-ios-cancel {
  display: none;
}

.searchbar-wp .searchbar-md-cancel {
  display: none;
}

[dir="ltr"] .toolbar .searchbar-wp, [dir="rtl"] .toolbar .searchbar-wp {
  padding: 2px;
}

.searchbar-wp-transparent.searchbar-has-focus .searchbar-input-container {
  border-color: transparent;
}

.searchbar-wp-white.searchbar-has-focus .searchbar-input-container {
  border-color: #ffffff;
}

.searchbar-wp-primary.searchbar-has-focus .searchbar-input-container {
  border-color: #b21f2f;
}

.searchbar-wp-light.searchbar-has-focus .searchbar-input-container {
  border-color: #f4f4f4;
}

.searchbar-wp-folderBorder.searchbar-has-focus .searchbar-input-container {
  border-color: #70747c;
}

ion-segment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.segment-button {
  text-align: center;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

[dir="ltr"] .segment-button, [dir="rtl"] .segment-button {
  margin-left: 0;
  margin-right: 0;
}

.segment-ios .segment-button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  height: 3.2rem;
  border-width: 1px;
  border-style: solid;
  border-color: #b21f2f;
  font-size: 1.3rem;
  line-height: 3rem;
  color: #b21f2f;
  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: #b21f2f;
  opacity: 1;
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

.segment-ios .segment-button:hover:not(.segment-activated) {
  background-color: rgba(178, 31, 47, 0.1);
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

.segment-ios .segment-button:active:not(.segment-activated) {
  background-color: rgba(178, 31, 47, 0.16);
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

[dir="ltr"] .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;
}

[dir="rtl"] .segment-ios .segment-button:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
}

[dir="ltr"] .segment-ios .segment-button:first-of-type {
  margin-right: 0;
}

[dir="rtl"] .segment-ios .segment-button:first-of-type {
  margin-left: 0;
}

.segment-ios .segment-button:not(:first-of-type) {
  border-left-width: 0;
}

.segment-ios .segment-button:last-of-type {
  border-left-width: 0;
}

[dir="ltr"] .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;
}

[dir="rtl"] .segment-ios .segment-button:last-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}

[dir="ltr"] .segment-ios .segment-button:last-of-type {
  margin-left: 0;
}

[dir="rtl"] .segment-ios .segment-button:last-of-type {
  margin-right: 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(178, 31, 47, 0.3);
  pointer-events: none;
}

.toolbar-ios .segment-ios {
  top: 0;
  bottom: 0;
  position: absolute;
}

[dir="ltr"] .toolbar-ios .segment-ios, [dir="rtl"] .toolbar-ios .segment-ios {
  left: 0;
  right: 0;
}

.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-transparent .segment-button {
  border-color: transparent;
  color: transparent;
}

.segment-ios-transparent .segment-button:hover:not(.segment-activated) {
  background-color: rgba(0, 0, 0, 0.1);
}

.segment-ios-transparent .segment-button:active:not(.segment-activated) {
  background-color: rgba(0, 0, 0, 0.16);
}

.segment-ios-transparent .segment-button.segment-activated {
  color: #636262;
  background-color: transparent;
}

.segment-ios-transparent .segment-button-disabled {
  color: rgba(0, 0, 0, 0.3);
}

.toolbar-ios-transparent .segment-ios .segment-button.segment-activated {
  color: transparent;
}

.segment-ios-white .segment-button {
  border-color: #ffffff;
  color: #ffffff;
}

.segment-ios-white .segment-button:hover:not(.segment-activated) {
  background-color: rgba(255, 255, 255, 0.1);
}

.segment-ios-white .segment-button:active:not(.segment-activated) {
  background-color: rgba(255, 255, 255, 0.16);
}

.segment-ios-white .segment-button.segment-activated {
  color: #000;
  background-color: #ffffff;
}

.segment-ios-white .segment-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}

.toolbar-ios-white .segment-ios .segment-button.segment-activated {
  color: #ffffff;
}

.segment-ios-primary .segment-button {
  border-color: #b21f2f;
  color: #b21f2f;
}

.segment-ios-primary .segment-button:hover:not(.segment-activated) {
  background-color: rgba(178, 31, 47, 0.1);
}

.segment-ios-primary .segment-button:active:not(.segment-activated) {
  background-color: rgba(178, 31, 47, 0.16);
}

.segment-ios-primary .segment-button.segment-activated {
  color: #fff;
  background-color: #b21f2f;
}

.segment-ios-primary .segment-button-disabled {
  color: rgba(178, 31, 47, 0.3);
}

.toolbar-ios-primary .segment-ios .segment-button.segment-activated {
  color: #b21f2f;
}

.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-folderBorder .segment-button {
  border-color: #70747c;
  color: #70747c;
}

.segment-ios-folderBorder .segment-button:hover:not(.segment-activated) {
  background-color: rgba(112, 116, 124, 0.1);
}

.segment-ios-folderBorder .segment-button:active:not(.segment-activated) {
  background-color: rgba(112, 116, 124, 0.16);
}

.segment-ios-folderBorder .segment-button.segment-activated {
  color: #fff;
  background-color: #70747c;
}

.segment-ios-folderBorder .segment-button-disabled {
  color: rgba(112, 116, 124, 0.3);
}

.toolbar-ios-folderBorder .segment-ios .segment-button.segment-activated {
  color: #70747c;
}

.segment-md .segment-button {
  -webkit-box-flex: 1;
  -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: #b21f2f;
  background-color: transparent;
  opacity: 0.7;
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

[dir="ltr"] .segment-md .segment-button, [dir="rtl"] .segment-md .segment-button {
  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: #b21f2f;
  opacity: 1;
}

.segment-md.segment-disabled,
.segment-md .segment-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

[dir="ltr"] .toolbar .segment-md, [dir="rtl"] .toolbar .segment-md {
  margin: 0 auto;
}

.toolbar .segment-md .segment-button.activated,
.toolbar .segment-md .segment-button.segment-activated {
  opacity: 1;
}

.segment-md-transparent .segment-button {
  color: transparent;
}

.segment-md-transparent .segment-button.activated, .segment-md-transparent .segment-button.segment-activated {
  border-color: transparent;
  color: transparent;
  opacity: 1;
}

.segment-md-white .segment-button {
  color: #ffffff;
}

.segment-md-white .segment-button.activated, .segment-md-white .segment-button.segment-activated {
  border-color: #ffffff;
  color: #ffffff;
  opacity: 1;
}

.segment-md-primary .segment-button {
  color: #b21f2f;
}

.segment-md-primary .segment-button.activated, .segment-md-primary .segment-button.segment-activated {
  border-color: #b21f2f;
  color: #b21f2f;
  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-folderBorder .segment-button {
  color: #70747c;
}

.segment-md-folderBorder .segment-button.activated, .segment-md-folderBorder .segment-button.segment-activated {
  border-color: #70747c;
  color: #70747c;
  opacity: 1;
}

.segment-wp {
  -webkit-box-pack: start;
  -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;
}

[dir="ltr"] .segment-wp .segment-button, [dir="rtl"] .segment-wp .segment-button {
  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;
}

[dir="ltr"] .toolbar .segment-wp, [dir="rtl"] .toolbar .segment-wp {
  margin: 0 auto;
}

.segment-wp-transparent .segment-button {
  color: transparent;
}

.segment-wp-transparent .segment-button.activated, .segment-wp-transparent .segment-button.segment-activated {
  border-color: transparent;
  color: transparent;
  opacity: 1;
}

.segment-wp-white .segment-button {
  color: #ffffff;
}

.segment-wp-white .segment-button.activated, .segment-wp-white .segment-button.segment-activated {
  border-color: #ffffff;
  color: #ffffff;
  opacity: 1;
}

.segment-wp-primary .segment-button {
  color: #b21f2f;
}

.segment-wp-primary .segment-button.activated, .segment-wp-primary .segment-button.segment-activated {
  border-color: #b21f2f;
  color: #b21f2f;
  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-folderBorder .segment-button {
  color: #70747c;
}

.segment-wp-folderBorder .segment-button.activated, .segment-wp-folderBorder .segment-button.segment-activated {
  border-color: #70747c;
  color: #70747c;
  opacity: 1;
}

ion-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  max-width: 45%;
}

.select-text {
  overflow: hidden;
  -webkit-box-flex: 1;
  -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;
}

[dir="ltr"] .select-popover ion-list, [dir="rtl"] .select-popover ion-list {
  margin: -1px 0;
}

[dir="ltr"] .select-ios {
  padding: 11px 8px 11px 16px;
}

[dir="rtl"] .select-ios {
  padding: 11px 16px 11px 8px;
}

.select-ios .select-placeholder {
  color: #999;
}

.select-ios .select-icon {
  position: relative;
  width: 12px;
  height: 18px;
}

.select-ios .select-icon .select-icon-inner {
  top: 50%;
  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;
}

[dir="ltr"] .select-ios .select-icon .select-icon-inner {
  left: 5px;
}

[dir="rtl"] .select-ios .select-icon .select-icon-inner {
  right: 5px;
}

[dir="ltr"] .select-ios .select-icon .select-icon-inner, [dir="rtl"] .select-ios .select-icon .select-icon-inner {
  margin-top: -2px;
}

[dir="ltr"] .select-md {
  padding: 13px 8px 13px 16px;
}

[dir="rtl"] .select-md {
  padding: 13px 16px 13px 8px;
}

.select-md .select-placeholder {
  color: #999;
}

[dir="ltr"] .select-md .item-select ion-label {
  margin-left: 0;
}

[dir="rtl"] .select-md .item-select ion-label {
  margin-right: 0;
}

.select-md .select-icon {
  position: relative;
  width: 12px;
  height: 19px;
}

.select-md .select-icon .select-icon-inner {
  top: 50%;
  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;
}

[dir="ltr"] .select-md .select-icon .select-icon-inner {
  left: 5px;
}

[dir="rtl"] .select-md .select-icon .select-icon-inner {
  right: 5px;
}

[dir="ltr"] .select-md .select-icon .select-icon-inner, [dir="rtl"] .select-md .select-icon .select-icon-inner {
  margin-top: -3px;
}

.select-wp {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
  border: 2px solid rgba(0, 0, 0, 0.5);
  line-height: 3rem;
}

[dir="ltr"] .select-wp, [dir="rtl"] .select-wp {
  margin: 13px 8px;
}

[dir="ltr"] .select-wp, [dir="rtl"] .select-wp {
  padding: 0 8px;
}

.select-wp .select-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

[dir="ltr"] .item-wp.item-select ion-label {
  margin-left: 0;
}

[dir="rtl"] .item-wp.item-select ion-label {
  margin-right: 0;
}

.select-wp .select-icon {
  position: relative;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  width: 18px;
  height: 18px;
}

.select-wp .select-icon .select-icon-inner {
  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;
}

[dir="ltr"] .select-wp .select-icon .select-icon-inner {
  left: 5px;
}

[dir="rtl"] .select-wp .select-icon .select-icon-inner {
  right: 5px;
}

.select-wp .select-text {
  min-height: 3rem;
}

.hidden-show-when {
  display: none !important;
}

.hidden-hide-when {
  display: none !important;
}

.swiper-container {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

[dir="ltr"] .swiper-container, [dir="rtl"] .swiper-container {
  margin-left: auto;
  margin-right: auto;
}

[dir="ltr"] .swiper-container, [dir="rtl"] .swiper-container {
  padding: 0;
}

[dir="ltr"] .swiper-container-no-flexbox .swiper-slide {
  float: left;
}

[dir="rtl"] .swiper-container-no-flexbox .swiper-slide {
  float: right;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

[dir="ltr"] .swiper-wrapper, [dir="rtl"] .swiper-wrapper {
  padding: 0;
}

[dir="ltr"] .swiper-container-android .swiper-slide, [dir="ltr"] .swiper-wrapper, [dir="rtl"] .swiper-container-android .swiper-slide, [dir="rtl"] .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 {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

[dir="ltr"] .swiper-container-free-mode > .swiper-wrapper, [dir="rtl"] .swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
}

.swiper-slide {
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-container .swiper-notification {
  top: 0;
  position: absolute;
  z-index: -1000;
  opacity: 0;
  pointer-events: none;
}

[dir="ltr"] .swiper-container .swiper-notification {
  left: 0;
}

[dir="rtl"] .swiper-container .swiper-notification {
  right: 0;
}

.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%;
  position: absolute;
  z-index: 10;
  width: 27px;
  height: 44px;
  background-repeat: no-repeat;
  background-size: 27px 44px;
  cursor: pointer;
}

[dir="ltr"] .swiper-button-prev, [dir="ltr"] .swiper-button-next, [dir="rtl"] .swiper-button-prev, [dir="rtl"] .swiper-button-next {
  margin-top: -22px;
}

[dir="ltr"] .swiper-button-prev, [dir="ltr"] .swiper-button-next, [dir="rtl"] .swiper-button-prev, [dir="rtl"] .swiper-button-next {
  background-position: center;
}

.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 {
  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");
}

[dir="ltr"] .swiper-button-prev, [dir="ltr"] .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

[dir="rtl"] .swiper-button-prev, [dir="rtl"] .swiper-container-rtl .swiper-button-next {
  left: auto;
  right: 10px;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}

[dir="ltr"] .swiper-button-next, [dir="ltr"] .swiper-container-rtl .swiper-button-prev {
  left: auto;
  right: 10px;
}

[dir="rtl"] .swiper-button-next, [dir="rtl"] .swiper-container-rtl .swiper-button-prev {
  left: 10px;
  right: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  text-align: center;
  position: absolute;
  z-index: 10;
  -webkit-transition: 300ms;
  transition: 300ms;
  pointer-events: none;
}

[dir="ltr"] .swiper-pagination, [dir="rtl"] .swiper-pagination {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  width: 100%;
}

[dir="ltr"] .swiper-pagination-fraction, [dir="ltr"] .swiper-pagination-custom, [dir="ltr"] .swiper-container-horizontal > .swiper-pagination-bullets {
  left: 0;
}

[dir="rtl"] .swiper-pagination-fraction, [dir="rtl"] .swiper-pagination-custom, [dir="rtl"] .swiper-container-horizontal > .swiper-pagination-bullets {
  right: 0;
}

.swiper-pagination-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #000;
  opacity: .2;
  pointer-events: auto;
}

[dir="ltr"] .swiper-pagination-bullet, [dir="rtl"] .swiper-pagination-bullet {
  border-radius: 100%;
}

button.swiper-pagination-bullet {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

[dir="ltr"] button.swiper-pagination-bullet, [dir="rtl"] button.swiper-pagination-bullet {
  margin: 0;
}

[dir="ltr"] button.swiper-pagination-bullet, [dir="rtl"] button.swiper-pagination-bullet {
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  background: #b21f2f;
  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 {
  top: 50%;
}

[dir="ltr"] .swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
}

[dir="rtl"] .swiper-container-vertical > .swiper-pagination-bullets {
  left: 10px;
}

[dir="ltr"] .swiper-container-vertical > .swiper-pagination-bullets, [dir="rtl"] .swiper-container-vertical > .swiper-pagination-bullets {
  -webkit-transform: translate3d(0,  -50%,  0);
  transform: translate3d(0,  -50%,  0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
}

[dir="ltr"] .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, [dir="rtl"] .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
}

[dir="ltr"] .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, [dir="rtl"] .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 {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #b21f2f;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[dir="ltr"] .swiper-pagination-progress .swiper-pagination-progressbar {
  left: 0;
}

[dir="rtl"] .swiper-pagination-progress .swiper-pagination-progressbar {
  right: 0;
}

[dir="ltr"] .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

[dir="rtl"] .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

[dir="ltr"] .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

[dir="rtl"] .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  top: 0;
  width: 100%;
  height: 4px;
}

[dir="ltr"] .swiper-container-horizontal > .swiper-pagination-progress {
  left: 0;
}

[dir="rtl"] .swiper-container-horizontal > .swiper-pagination-progress {
  right: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  top: 0;
  width: 4px;
  height: 100%;
}

[dir="ltr"] .swiper-container-vertical > .swiper-pagination-progress {
  left: 0;
}

[dir="rtl"] .swiper-container-vertical > .swiper-pagination-progress {
  right: 0;
}

.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 {
  top: 0;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

[dir="ltr"] .swiper-container-3d .swiper-slide-shadow-left, [dir="ltr"] .swiper-container-3d .swiper-slide-shadow-right, [dir="ltr"] .swiper-container-3d .swiper-slide-shadow-top, [dir="ltr"] .swiper-container-3d .swiper-slide-shadow-bottom {
  left: 0;
}

[dir="rtl"] .swiper-container-3d .swiper-slide-shadow-left, [dir="rtl"] .swiper-container-3d .swiper-slide-shadow-right, [dir="rtl"] .swiper-container-3d .swiper-slide-shadow-top, [dir="rtl"] .swiper-container-3d .swiper-slide-shadow-bottom {
  right: 0;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.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 {
  width: 100%;
  height: 100%;
  visibility: hidden;
}

[dir="ltr"] .swiper-container-cube .swiper-slide {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

[dir="rtl"] .swiper-container-cube .swiper-slide {
  -webkit-transform-origin: calc(100% - 0) 0;
  transform-origin: calc(100% - 0) 0;
}

[dir="ltr"] .swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

[dir="rtl"] .swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: calc(100% - 100%) 0;
  transform-origin: calc(100% - 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 {
  bottom: 0;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

[dir="ltr"] .swiper-container-cube .swiper-cube-shadow {
  left: 0;
}

[dir="rtl"] .swiper-container-cube .swiper-cube-shadow {
  right: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  -webkit-transition-property: opacity;
  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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-scrollbar {
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  -ms-touch-action: none;
  touch-action: none;
}

[dir="ltr"] .swiper-scrollbar, [dir="rtl"] .swiper-scrollbar {
  border-radius: 10px;
}

.swiper-container-horizontal > .swiper-scrollbar {
  bottom: 3px;
  position: absolute;
  z-index: 50;
  width: 98%;
  height: 5px;
}

[dir="ltr"] .swiper-container-horizontal > .swiper-scrollbar {
  left: 1%;
}

[dir="rtl"] .swiper-container-horizontal > .swiper-scrollbar {
  right: 1%;
}

.swiper-container-vertical > .swiper-scrollbar {
  top: 1%;
  position: absolute;
  z-index: 50;
  width: 5px;
  height: 98%;
}

[dir="ltr"] .swiper-container-vertical > .swiper-scrollbar {
  right: 3px;
}

[dir="rtl"] .swiper-container-vertical > .swiper-scrollbar {
  left: 3px;
}

.swiper-scrollbar-drag {
  top: 0;
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

[dir="ltr"] .swiper-scrollbar-drag {
  left: 0;
}

[dir="rtl"] .swiper-scrollbar-drag {
  right: 0;
}

[dir="ltr"] .swiper-scrollbar-drag, [dir="rtl"] .swiper-scrollbar-drag {
  border-radius: 10px;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  top: 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;
}

[dir="ltr"] .swiper-lazy-preloader {
  left: 50%;
}

[dir="rtl"] .swiper-lazy-preloader {
  right: 50%;
}

[dir="ltr"] .swiper-lazy-preloader {
  margin-left: -21px;
}

[dir="rtl"] .swiper-lazy-preloader {
  margin-right: -21px;
}

[dir="ltr"] .swiper-lazy-preloader, [dir="rtl"] .swiper-lazy-preloader {
  margin-top: -21px;
}

[dir="ltr"] .swiper-lazy-preloader {
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
}

[dir="rtl"] .swiper-lazy-preloader {
  -webkit-transform-origin: calc(100% - 50%);
  transform-origin: calc(100% - 50%);
}

.swiper-lazy-preloader::after {
  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: "";
}

[dir="ltr"] .swiper-lazy-preloader::after, [dir="rtl"] .swiper-lazy-preloader::after {
  background-position: 50%;
}

.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%;
}

ion-spinner {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
}

ion-spinner svg {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

[dir="ltr"] ion-spinner svg {
  left: 0;
}

[dir="rtl"] ion-spinner svg {
  right: 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-animation: spinner-dots 1s linear infinite;
  animation: spinner-dots 1s linear infinite;
}

[dir="ltr"] .spinner-dots svg {
  -webkit-transform-origin: center;
  transform-origin: center;
}

[dir="rtl"] .spinner-dots svg {
  -webkit-transform-origin: calc(100% - center);
  transform-origin: calc(100% - center);
}

@-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-transparent.spinner-ios line,
.spinner-ios-transparent.spinner-ios-small line,
.spinner-ios-transparent.spinner-crescent circle {
  stroke: transparent;
}

.spinner-ios-transparent.spinner-bubbles circle,
.spinner-ios-transparent.spinner-circles circle,
.spinner-ios-transparent.spinner-dots circle {
  fill: transparent;
}

.spinner-ios-white.spinner-ios line,
.spinner-ios-white.spinner-ios-small line,
.spinner-ios-white.spinner-crescent circle {
  stroke: #ffffff;
}

.spinner-ios-white.spinner-bubbles circle,
.spinner-ios-white.spinner-circles circle,
.spinner-ios-white.spinner-dots circle {
  fill: #ffffff;
}

.spinner-ios-primary.spinner-ios line,
.spinner-ios-primary.spinner-ios-small line,
.spinner-ios-primary.spinner-crescent circle {
  stroke: #b21f2f;
}

.spinner-ios-primary.spinner-bubbles circle,
.spinner-ios-primary.spinner-circles circle,
.spinner-ios-primary.spinner-dots circle {
  fill: #b21f2f;
}

.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-folderBorder.spinner-ios line,
.spinner-ios-folderBorder.spinner-ios-small line,
.spinner-ios-folderBorder.spinner-crescent circle {
  stroke: #70747c;
}

.spinner-ios-folderBorder.spinner-bubbles circle,
.spinner-ios-folderBorder.spinner-circles circle,
.spinner-ios-folderBorder.spinner-dots circle {
  fill: #70747c;
}

.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-transparent.spinner-ios line,
.spinner-md-transparent.spinner-ios-small line,
.spinner-md-transparent.spinner-crescent circle {
  stroke: transparent;
}

.spinner-md-transparent.spinner-bubbles circle,
.spinner-md-transparent.spinner-circles circle,
.spinner-md-transparent.spinner-dots circle {
  fill: transparent;
}

.spinner-md-white.spinner-ios line,
.spinner-md-white.spinner-ios-small line,
.spinner-md-white.spinner-crescent circle {
  stroke: #ffffff;
}

.spinner-md-white.spinner-bubbles circle,
.spinner-md-white.spinner-circles circle,
.spinner-md-white.spinner-dots circle {
  fill: #ffffff;
}

.spinner-md-primary.spinner-ios line,
.spinner-md-primary.spinner-ios-small line,
.spinner-md-primary.spinner-crescent circle {
  stroke: #b21f2f;
}

.spinner-md-primary.spinner-bubbles circle,
.spinner-md-primary.spinner-circles circle,
.spinner-md-primary.spinner-dots circle {
  fill: #b21f2f;
}

.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-folderBorder.spinner-ios line,
.spinner-md-folderBorder.spinner-ios-small line,
.spinner-md-folderBorder.spinner-crescent circle {
  stroke: #70747c;
}

.spinner-md-folderBorder.spinner-bubbles circle,
.spinner-md-folderBorder.spinner-circles circle,
.spinner-md-folderBorder.spinner-dots circle {
  fill: #70747c;
}

.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-transparent.spinner-ios line,
.spinner-wp-transparent.spinner-ios-small line,
.spinner-wp-transparent.spinner-crescent circle {
  stroke: transparent;
}

.spinner-wp-transparent.spinner-bubbles circle,
.spinner-wp-transparent.spinner-circles circle,
.spinner-wp-transparent.spinner-dots circle {
  fill: transparent;
}

.spinner-wp-white.spinner-ios line,
.spinner-wp-white.spinner-ios-small line,
.spinner-wp-white.spinner-crescent circle {
  stroke: #ffffff;
}

.spinner-wp-white.spinner-bubbles circle,
.spinner-wp-white.spinner-circles circle,
.spinner-wp-white.spinner-dots circle {
  fill: #ffffff;
}

.spinner-wp-primary.spinner-ios line,
.spinner-wp-primary.spinner-ios-small line,
.spinner-wp-primary.spinner-crescent circle {
  stroke: #b21f2f;
}

.spinner-wp-primary.spinner-bubbles circle,
.spinner-wp-primary.spinner-circles circle,
.spinner-wp-primary.spinner-dots circle {
  fill: #b21f2f;
}

.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-folderBorder.spinner-ios line,
.spinner-wp-folderBorder.spinner-ios-small line,
.spinner-wp-folderBorder.spinner-crescent circle {
  stroke: #70747c;
}

.spinner-wp-folderBorder.spinner-bubbles circle,
.spinner-wp-folderBorder.spinner-circles circle,
.spinner-wp-folderBorder.spinner-dots circle {
  fill: #70747c;
}

.split-pane {
  top: 0;
  bottom: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  contain: strict;
}

[dir="ltr"] .split-pane, [dir="rtl"] .split-pane {
  left: 0;
  right: 0;
}

.split-pane-side:not(ion-menu) {
  display: none;
}

.split-pane-visible > .split-pane-side,
.split-pane-visible > .split-pane-main {
  top: 0;
  bottom: 0;
  position: relative;
  z-index: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

[dir="ltr"] .split-pane-visible > .split-pane-side, [dir="ltr"] .split-pane-visible > .split-pane-main, [dir="rtl"] .split-pane-visible > .split-pane-side, [dir="rtl"] .split-pane-visible > .split-pane-main {
  left: 0;
  right: 0;
}

.split-pane-visible > .split-pane-side {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.split-pane-visible > ion-menu.menu-enabled > .menu-inner {
  width: auto;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transform: none !important;
  transform: none !important;
}

[dir="ltr"] .split-pane-visible > ion-menu.menu-enabled > .menu-inner, [dir="rtl"] .split-pane-visible > ion-menu.menu-enabled > .menu-inner {
  left: 0;
  right: 0;
}

.split-pane-visible > ion-menu.menu-enabled > .ion-backdrop {
  display: hidden !important;
}

[dir="ltr"] .split-pane-visible > .split-pane-side[side=start], [dir="rtl"] .split-pane-visible > .split-pane-side[side=start] {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

[dir="ltr"] .split-pane-visible > .split-pane-side[side=end], [dir="rtl"] .split-pane-visible > .split-pane-side[side=end] {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

[dir="ltr"] .split-pane-visible > .split-pane-side[side=left] {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

[dir="rtl"] .split-pane-visible > .split-pane-side[side=left] {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

[dir="ltr"] .split-pane-visible > .split-pane-side[side=right] {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

[dir="rtl"] .split-pane-visible > .split-pane-side[side=right] {
  -webkit-box-ordinal-group: 0;
  -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;
}

.tabbar {
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  opacity: 0;
}

[dir="ltr"] .tabbar {
  left: 0;
}

[dir="rtl"] .tabbar {
  right: 0;
}

.tabbar-hidden .tabbar {
  display: none;
}

.tabbar.show-tabbar {
  opacity: 1;
}

[tabsPlacement=top] > .tabbar {
  top: 0;
  bottom: auto;
}

.tab-button {
  text-align: center;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-pack: 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;
}

[dir="ltr"] .tab-button, [dir="rtl"] .tab-button {
  margin: 0;
}

[dir="ltr"] .tab-button, [dir="rtl"] .tab-button {
  border-radius: 0;
}

.tab-disabled {
  pointer-events: none;
}

.tab-disabled ion-badge,
.tab-disabled ion-icon,
.tab-disabled span {
  opacity: .4;
}

[dir="ltr"] .tab-button-text, [dir="rtl"] .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;
  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-box-ordinal-group: 11;
  -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-box-orient: horizontal;
  -webkit-box-direction: normal;
  -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 {
  text-align: right;
  text-align: end;
}

[dir="ltr"] [tabsLayout=icon-left] .tab-button .tab-button-icon, [dir="ltr"] [tabsLayout=icon-start] .tab-button .tab-button-icon {
  padding-right: 8px;
}

[dir="rtl"] [tabsLayout=icon-left] .tab-button .tab-button-icon, [dir="rtl"] [tabsLayout=icon-start] .tab-button .tab-button-icon {
  padding-left: 8px;
}

[tabsLayout=icon-right] .tab-button .tab-button-icon,
[tabsLayout=icon-end] .tab-button .tab-button-icon {
  text-align: left;
  text-align: start;
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

[dir="ltr"] [tabsLayout=icon-right] .tab-button .tab-button-icon, [dir="ltr"] [tabsLayout=icon-end] .tab-button .tab-button-icon {
  padding-left: 8px;
}

[dir="rtl"] [tabsLayout=icon-right] .tab-button .tab-button-icon, [dir="rtl"] [tabsLayout=icon-end] .tab-button .tab-button-icon {
  padding-right: 8px;
}

.tab-hidden,
.tab-highlight,
[tabsLayout=icon-hide] .tab-button-icon,
[tabsLayout=title-hide] .tab-button-text {
  display: none;
}

.tab-badge {
  top: 6%;
  position: absolute;
  height: auto;
  font-size: 12px;
  line-height: 16px;
}

[dir="ltr"] .tab-badge {
  right: 4%;
}

[dir="rtl"] .tab-badge {
  left: 4%;
}

[dir="ltr"] .tab-badge {
  right: calc(50% - 50px);
}

[dir="rtl"] .tab-badge {
  left: calc(50% - 50px);
}

[dir="ltr"] .tab-badge, [dir="rtl"] .tab-badge {
  padding: 1px 6px;
}

[dir="ltr"] .has-icon .tab-badge {
  right: calc(50% - 30px);
}

[dir="rtl"] .has-icon .tab-badge {
  left: calc(50% - 30px);
}

[dir="ltr"] [tabsLayout=icon-bottom] .tab-badge, [dir="ltr"] [tabsLayout=icon-left] .tab-badge, [dir="ltr"] [tabsLayout=icon-right] .tab-badge, [dir="ltr"] [tabsLayout=icon-start] .tab-badge, [dir="ltr"] [tabsLayout=icon-end] .tab-badge {
  right: calc(50% - 50px);
}

[dir="rtl"] [tabsLayout=icon-bottom] .tab-badge, [dir="rtl"] [tabsLayout=icon-left] .tab-badge, [dir="rtl"] [tabsLayout=icon-right] .tab-badge, [dir="rtl"] [tabsLayout=icon-start] .tab-badge, [dir="rtl"] [tabsLayout=icon-end] .tab-badge {
  left: calc(50% - 50px);
}

.tabs-ios .tabbar {
  -webkit-box-pack: center;
  -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;
}

[dir="ltr"] .tabs-ios .tab-button, [dir="rtl"] .tabs-ios .tab-button {
  padding: 0 2px;
}

.tabs-ios .tab-button:hover:not(.disable-hover),
.tabs-ios .tab-button[aria-selected=true] {
  color: #b21f2f;
}

.tabs-ios .tab-button[aria-selected=true] .tab-button-icon {
  color: #b21f2f;
}

.tabs-ios .tab-button-text {
  min-height: 11px;
}

[dir="ltr"] .tabs-ios .tab-button-text, [dir="rtl"] .tabs-ios .tab-button-text {
  margin-top: 0;
  margin-bottom: 1px;
}

.tabs-ios .has-title-only .tab-button-text {
  font-size: 12px;
}

.tabs-ios .tab-button-icon {
  min-width: 35px;
  height: 30px;
  font-size: 30px;
  color: #8c8c8c;
}

[dir="ltr"] .tabs-ios .tab-button-icon, [dir="rtl"] .tabs-ios .tab-button-icon {
  margin-top: 4px;
  margin-bottom: 1px;
}

.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 {
  font-size: 1.4rem;
  line-height: 1.1;
}

[dir="ltr"] .tabs-ios[tabsLayout=icon-hide] .tab-button .tab-button-text, [dir="ltr"] .tabs-ios .tab-button.has-title-only .tab-button-text, [dir="rtl"] .tabs-ios[tabsLayout=icon-hide] .tab-button .tab-button-text, [dir="rtl"] .tabs-ios .tab-button.has-title-only .tab-button-text {
  margin: 2px 0;
}

.tabs-ios[tabsLayout=title-hide] .tab-button,
.tabs-ios .tab-button.icon-only {
  min-height: 41px;
}

.tabs-ios-transparent .tabbar {
  border-color: rgba(0, 0, 0, 0);
  background-color: transparent;
}

.tabs-ios-transparent .tab-button,
.tabs-ios-transparent .tab-button-icon,
.tabs-ios-transparent .tab-button:hover:not(.disable-hover),
.tabs-ios-transparent .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(99, 98, 98, 0.7);
}

.tabs-ios-transparent .tab-button[aria-selected=true],
.tabs-ios-transparent .tab-button[aria-selected=true] .tab-button-icon {
  color: #636262;
}

.tabs-ios-white .tabbar {
  border-color: #e6e6e6;
  background-color: #ffffff;
}

.tabs-ios-white .tab-button,
.tabs-ios-white .tab-button-icon,
.tabs-ios-white .tab-button:hover:not(.disable-hover),
.tabs-ios-white .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-white .tab-button[aria-selected=true],
.tabs-ios-white .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-primary .tabbar {
  border-color: #871724;
  background-color: #b21f2f;
}

.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-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-folderBorder .tabbar {
  border-color: #585b61;
  background-color: #70747c;
}

.tabs-ios-folderBorder .tab-button,
.tabs-ios-folderBorder .tab-button-icon,
.tabs-ios-folderBorder .tab-button:hover:not(.disable-hover),
.tabs-ios-folderBorder .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-folderBorder .tab-button[aria-selected=true],
.tabs-ios-folderBorder .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);
}

[dir="ltr"] .tabs-md .tab-button, [dir="rtl"] .tabs-md .tab-button {
  padding: 0;
}

.tabs-md .tab-button[aria-selected=true] {
  color: #b21f2f;
}

[dir="ltr"] .tabs-md .tab-button[aria-selected=true], [dir="rtl"] .tabs-md .tab-button[aria-selected=true] {
  padding: 0;
}

.tabs-md .tab-button-text {
  font-size: 1rem;
  text-transform: none;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  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;
}

[dir="ltr"] .tabs-md .tab-button-text, [dir="rtl"] .tabs-md .tab-button-text {
  margin: 0;
}

[dir="ltr"] .tabs-md .tab-button-text {
  -webkit-transform-origin: 50% 80%;
  transform-origin: 50% 80%;
}

[dir="rtl"] .tabs-md .tab-button-text {
  -webkit-transform-origin: calc(100% - 50%) 80%;
  transform-origin: calc(100% - 50%) 80%;
}

.tabs-md .tab-button[aria-selected=true] .tab-button-text {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  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;
}

[dir="ltr"] .tabs-md[tabsLayout=icon-top] .has-icon .tab-button-text, [dir="rtl"] .tabs-md[tabsLayout=icon-top] .has-icon .tab-button-text {
  margin-top: 4px;
  margin-bottom: 0;
}

[dir="ltr"] .tabs-md[tabsLayout=icon-bottom] .tab-button .tab-button-text, [dir="rtl"] .tabs-md[tabsLayout=icon-bottom] .tab-button .tab-button-text {
  margin-top: 0;
}

.tabs-md .tab-button-icon {
  min-width: 2.4rem;
  font-size: 2.4rem;
  color: rgba(60, 60, 60, 0.7);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  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;
}

[dir="ltr"] .tabs-md .tab-button-icon, [dir="rtl"] .tabs-md .tab-button-icon {
  margin-top: 1px;
}

[dir="ltr"] .tabs-md .tab-button-icon {
  -webkit-transform-origin: 50% 150%;
  transform-origin: 50% 150%;
}

[dir="rtl"] .tabs-md .tab-button-icon {
  -webkit-transform-origin: calc(100% - 50%) 150%;
  transform-origin: calc(100% - 50%) 150%;
}

.tabs-md .tab-button[aria-selected=true] .tab-button-icon {
  color: #b21f2f;
}

[dir="ltr"] .tabs-md .tab-button[aria-selected=true] .tab-button-icon, [dir="rtl"] .tabs-md .tab-button[aria-selected=true] .tab-button-icon {
  -webkit-transform: translate3d(0,  -2px,  0);
  transform: translate3d(0,  -2px,  0);
}

[dir="ltr"] .tabs-md[tabsLayout=icon-right] .tab-button[aria-selected=true] .tab-button-icon, [dir="ltr"] .tabs-md[tabsLayout=icon-end] .tab-button[aria-selected=true] .tab-button-icon {
  -webkit-transform: translate3d(2px,  0,  0);
  transform: translate3d(2px,  0,  0);
}

[dir="rtl"] .tabs-md[tabsLayout=icon-right] .tab-button[aria-selected=true] .tab-button-icon, [dir="rtl"] .tabs-md[tabsLayout=icon-end] .tab-button[aria-selected=true] .tab-button-icon {
  -webkit-transform: translate3d(calc(-1 * 2px),  0,  0);
  transform: translate3d(calc(-1 * 2px),  0,  0);
}

[dir="ltr"] .tabs-md[tabsLayout=icon-bottom] .tab-button[aria-selected=true] .tab-button-icon, [dir="rtl"] .tabs-md[tabsLayout=icon-bottom] .tab-button[aria-selected=true] .tab-button-icon {
  -webkit-transform: translate3d(0,  2px,  0);
  transform: translate3d(0,  2px,  0);
}

[dir="ltr"] .tabs-md[tabsLayout=icon-left] .tab-button[aria-selected=true] .tab-button-icon, [dir="ltr"] .tabs-md[tabsLayout=icon-start] .tab-button[aria-selected=true] .tab-button-icon {
  -webkit-transform: translate3d(-2px,  0,  0);
  transform: translate3d(-2px,  0,  0);
}

[dir="rtl"] .tabs-md[tabsLayout=icon-left] .tab-button[aria-selected=true] .tab-button-icon, [dir="rtl"] .tabs-md[tabsLayout=icon-start] .tab-button[aria-selected=true] .tab-button-icon {
  -webkit-transform: translate3d(calc(-1 * -2px),  0,  0);
  transform: translate3d(calc(-1 * -2px),  0,  0);
}

[dir="ltr"] .tabs-md[tabsLayout=icon-hide] .tab-button, [dir="ltr"] .tabs-md[tabsLayout=title-hide] .tab-button, [dir="ltr"] .tabs-md .tab-button.icon-only, [dir="ltr"] .tabs-md .tab-button.has-title-only, [dir="rtl"] .tabs-md[tabsLayout=icon-hide] .tab-button, [dir="rtl"] .tabs-md[tabsLayout=title-hide] .tab-button, [dir="rtl"] .tabs-md .tab-button.icon-only, [dir="rtl"] .tabs-md .tab-button.has-title-only {
  padding: 0 10px;
}

.tabs-md[tabsHighlight=true] .tab-highlight {
  bottom: 0;
  position: absolute;
  display: block;
  width: 1px;
  height: 2px;
  background: #b21f2f;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

[dir="ltr"] .tabs-md[tabsHighlight=true] .tab-highlight {
  left: 0;
}

[dir="rtl"] .tabs-md[tabsHighlight=true] .tab-highlight {
  right: 0;
}

[dir="ltr"] .tabs-md[tabsHighlight=true] .tab-highlight {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

[dir="rtl"] .tabs-md[tabsHighlight=true] .tab-highlight {
  -webkit-transform-origin: calc(100% - 0) 0;
  transform-origin: calc(100% - 0) 0;
}

.tabs-md[tabsHighlight=true] .tab-highlight.animate {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.tabs-md[tabsHighlight=true][tabsPlacement=bottom] > .tabbar > .tab-highlight {
  top: 0;
}

.tabs-md-transparent .tabbar {
  background-color: transparent;
}

.tabs-md-transparent .tab-button,
.tabs-md-transparent .tab-button-icon {
  color: rgba(99, 98, 98, 0.7);
}

.tabs-md-transparent .tab-button:hover:not(.disable-hover),
.tabs-md-transparent .tab-button[aria-selected=true],
.tabs-md-transparent .tab-button[aria-selected=true] .tab-button-icon {
  color: #636262;
}

.tabs-md-transparent[tabsHighlight=true] .tab-highlight {
  background: #636262;
}

.tabs-md-white .tabbar {
  background-color: #ffffff;
}

.tabs-md-white .tab-button,
.tabs-md-white .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-white .tab-button:hover:not(.disable-hover),
.tabs-md-white .tab-button[aria-selected=true],
.tabs-md-white .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-white[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-primary .tabbar {
  background-color: #b21f2f;
}

.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-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-folderBorder .tabbar {
  background-color: #70747c;
}

.tabs-md-folderBorder .tab-button,
.tabs-md-folderBorder .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-folderBorder .tab-button:hover:not(.disable-hover),
.tabs-md-folderBorder .tab-button[aria-selected=true],
.tabs-md-folderBorder .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-folderBorder[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-wp .tabbar {
  background: #f8f8f8;
}

.tabs-wp .tab-button {
  min-height: 4.8rem;
  border-bottom: 2px solid transparent;
  font-size: 1.2rem;
  font-weight: normal;
  color: rgba(140, 140, 140, 0.7);
  -webkit-box-shadow: none;
  box-shadow: none;
}

[dir="ltr"] .tabs-wp .tab-button, [dir="rtl"] .tabs-wp .tab-button {
  border-radius: 0;
}

[dir="ltr"] .tabs-wp .tab-button, [dir="rtl"] .tabs-wp .tab-button {
  padding: 12px 10px 5px;
}

.tabs-wp .tab-button[aria-selected=true] {
  border-bottom-color: #b21f2f;
  color: #b21f2f;
}

.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: #b21f2f;
}

[dir="ltr"] .tabs-wp .tab-button-text, [dir="rtl"] .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: #b21f2f;
}

[dir="ltr"] .tabs-wp[tabsLayout=icon-bottom] .tab-button, [dir="rtl"] .tabs-wp[tabsLayout=icon-bottom] .tab-button {
  padding-top: 8px;
  padding-bottom: 8px;
}

[dir="ltr"] .tabs-wp[tabsLayout=icon-right] .tab-button, [dir="ltr"] .tabs-wp[tabsLayout=icon-left] .tab-button, [dir="ltr"] .tabs-wp[tabsLayout=icon-end] .tab-button, [dir="ltr"] .tabs-wp[tabsLayout=icon-start] .tab-button, [dir="rtl"] .tabs-wp[tabsLayout=icon-right] .tab-button, [dir="rtl"] .tabs-wp[tabsLayout=icon-left] .tab-button, [dir="rtl"] .tabs-wp[tabsLayout=icon-end] .tab-button, [dir="rtl"] .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;
}

[dir="ltr"] .tabs-wp[tabsLayout=icon-hide] .tab-button, [dir="ltr"] .tabs-wp[tabsLayout=title-hide] .tab-button, [dir="ltr"] .tabs-wp .tab-button.icon-only, [dir="ltr"] .tabs-wp .tab-button.has-title-only, [dir="rtl"] .tabs-wp[tabsLayout=icon-hide] .tab-button, [dir="rtl"] .tabs-wp[tabsLayout=title-hide] .tab-button, [dir="rtl"] .tabs-wp .tab-button.icon-only, [dir="rtl"] .tabs-wp .tab-button.has-title-only {
  padding: 6px 10px;
}

.tabs-wp-transparent .tabbar {
  background-color: transparent;
}

.tabs-wp-transparent .tab-button,
.tabs-wp-transparent .tab-button-icon {
  color: rgba(99, 98, 98, 0.7);
}

.tabs-wp-transparent .tab-button:hover:not(.disable-hover),
.tabs-wp-transparent .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-transparent .tab-button[aria-selected=true],
.tabs-wp-transparent .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #636262;
  color: #636262;
}

.tabs-wp-white .tabbar {
  background-color: #ffffff;
}

.tabs-wp-white .tab-button,
.tabs-wp-white .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-white .tab-button:hover:not(.disable-hover),
.tabs-wp-white .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-white .tab-button[aria-selected=true],
.tabs-wp-white .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-primary .tabbar {
  background-color: #b21f2f;
}

.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-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-folderBorder .tabbar {
  background-color: #70747c;
}

.tabs-wp-folderBorder .tab-button,
.tabs-wp-folderBorder .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-folderBorder .tab-button:hover:not(.disable-hover),
.tabs-wp-folderBorder .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-folderBorder .tab-button[aria-selected=true],
.tabs-wp-folderBorder .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

ion-toast {
  top: 0;
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  contain: strict;
}

[dir="ltr"] ion-toast {
  left: 0;
}

[dir="rtl"] ion-toast {
  right: 0;
}

.toast-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: auto;
  contain: content;
}

.toast-button {
  font-size: 1.5rem;
}

[dir="ltr"] .toast-button, [dir="rtl"] .toast-button {
  padding: 19px 16px 17px;
}

.toast-message {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.toast-ios .toast-wrapper {
  position: absolute;
  z-index: 10;
  display: block;
  max-width: 700px;
  background: rgba(0, 0, 0, 0.9);
}

[dir="ltr"] .toast-ios .toast-wrapper, [dir="rtl"] .toast-ios .toast-wrapper {
  left: 10px;
  right: 10px;
}

[dir="ltr"] .toast-ios .toast-wrapper, [dir="rtl"] .toast-ios .toast-wrapper {
  margin: auto;
}

[dir="ltr"] .toast-ios .toast-wrapper, [dir="rtl"] .toast-ios .toast-wrapper {
  border-radius: 0.65rem;
}

.toast-ios .toast-wrapper.toast-top {
  top: 0;
}

[dir="ltr"] .toast-ios .toast-wrapper.toast-top, [dir="rtl"] .toast-ios .toast-wrapper.toast-top {
  -webkit-transform: translate3d(0,  -100%,  0);
  transform: translate3d(0,  -100%,  0);
}

[dir="ltr"] .toast-ios .toast-wrapper.toast-top, [dir="rtl"] .toast-ios .toast-wrapper.toast-top {
  margin: constant(safe-area-inset-top) auto auto;
}

[dir="ltr"] .toast-ios .toast-wrapper.toast-top, [dir="rtl"] .toast-ios .toast-wrapper.toast-top {
  margin: env(safe-area-inset-top) auto auto;
}

.toast-ios .toast-wrapper.toast-bottom {
  bottom: 0;
}

[dir="ltr"] .toast-ios .toast-wrapper.toast-bottom, [dir="rtl"] .toast-ios .toast-wrapper.toast-bottom {
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
}

[dir="ltr"] .toast-ios .toast-wrapper.toast-bottom, [dir="rtl"] .toast-ios .toast-wrapper.toast-bottom {
  margin: auto auto constant(safe-area-inset-bottom);
}

[dir="ltr"] .toast-ios .toast-wrapper.toast-bottom, [dir="rtl"] .toast-ios .toast-wrapper.toast-bottom {
  margin: auto auto env(safe-area-inset-bottom);
}

.toast-ios .toast-wrapper.toast-middle {
  opacity: .01;
}

.toast-ios .toast-message {
  font-size: 1.4rem;
  color: #fff;
}

[dir="ltr"] .toast-ios .toast-message, [dir="rtl"] .toast-ios .toast-message {
  padding: 1.5rem;
}

.toast-md .toast-wrapper {
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  max-width: 700px;
  background: #333;
}

[dir="ltr"] .toast-md .toast-wrapper, [dir="rtl"] .toast-md .toast-wrapper {
  left: 0;
  right: 0;
}

[dir="ltr"] .toast-md .toast-wrapper, [dir="rtl"] .toast-md .toast-wrapper {
  margin: auto;
}

.toast-md .toast-wrapper.toast-top {
  top: 0;
}

[dir="ltr"] .toast-md .toast-wrapper.toast-top, [dir="rtl"] .toast-md .toast-wrapper.toast-top {
  -webkit-transform: translate3d(0,  -100%,  0);
  transform: translate3d(0,  -100%,  0);
}

.toast-md .toast-wrapper.toast-bottom {
  bottom: 0;
}

[dir="ltr"] .toast-md .toast-wrapper.toast-bottom, [dir="rtl"] .toast-md .toast-wrapper.toast-bottom {
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
}

.toast-md .toast-wrapper.toast-middle {
  opacity: .01;
}

.toast-md .toast-message {
  font-size: 1.5rem;
  color: #fff;
}

[dir="ltr"] .toast-md .toast-message, [dir="rtl"] .toast-md .toast-message {
  padding: 19px 16px 17px;
}

.toast-wp .toast-wrapper {
  position: absolute;
  z-index: 10;
  display: block;
  max-width: 700px;
  background: black;
}

[dir="ltr"] .toast-wp .toast-wrapper, [dir="rtl"] .toast-wp .toast-wrapper {
  left: 0;
  right: 0;
}

[dir="ltr"] .toast-wp .toast-wrapper, [dir="rtl"] .toast-wp .toast-wrapper {
  margin: auto;
}

[dir="ltr"] .toast-wp .toast-wrapper, [dir="rtl"] .toast-wp .toast-wrapper {
  border-radius: 0;
}

.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;
}

[dir="ltr"] .toast-message, [dir="rtl"] .toast-message {
  padding: 1.5rem;
}

.toast-button {
  color: #fff;
}

.toggle-ios {
  position: relative;
  display: block;
  width: 51px;
  height: 32px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: strict;
}

.toggle-ios .toggle-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  pointer-events: none;
}

[dir="ltr"] .toggle-ios .toggle-icon, [dir="rtl"] .toggle-ios .toggle-icon {
  border-radius: 16px;
}

.toggle-ios .toggle-icon::before {
  top: 2px;
  bottom: 2px;
  position: absolute;
  background-color: #fff;
  content: "";
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

[dir="ltr"] .toggle-ios .toggle-icon::before, [dir="rtl"] .toggle-ios .toggle-icon::before {
  left: 2px;
  right: 2px;
}

[dir="ltr"] .toggle-ios .toggle-icon::before, [dir="rtl"] .toggle-ios .toggle-icon::before {
  border-radius: 16px;
}

.toggle-ios .toggle-inner {
  top: 2px;
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms, -webkit-transform 300ms;
  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;
}

[dir="ltr"] .toggle-ios .toggle-inner {
  left: 2px;
}

[dir="rtl"] .toggle-ios .toggle-inner {
  right: 2px;
}

[dir="ltr"] .toggle-ios .toggle-inner, [dir="rtl"] .toggle-ios .toggle-inner {
  border-radius: 14px;
}

.toggle-ios.toggle-checked .toggle-icon {
  background-color: #b21f2f;
}

.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);
}

[dir="ltr"] .toggle-ios.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(19px,  0,  0);
  transform: translate3d(19px,  0,  0);
}

[dir="rtl"] .toggle-ios.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(calc(-1 * 19px),  0,  0);
  transform: translate3d(calc(-1 * 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;
}

[dir="ltr"] .toggle-ios.toggle-activated.toggle-checked .toggle-inner {
  left: -4px;
}

[dir="rtl"] .toggle-ios.toggle-activated.toggle-checked .toggle-inner {
  right: -4px;
}

.toggle-ios.toggle-disabled,
.item-ios.item-toggle-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

[dir="ltr"] .item-ios .toggle-ios, [dir="rtl"] .item-ios .toggle-ios {
  margin: 0;
}

[dir="ltr"] .item-ios .toggle-ios {
  padding: 6px 8px 5px 16px;
}

[dir="rtl"] .item-ios .toggle-ios {
  padding: 6px 16px 5px 8px;
}

[dir="ltr"] .item-ios .toggle-ios[item-left], [dir="ltr"] .item-ios .toggle-ios[item-start] {
  padding: 6px 16px 5px 0;
}

[dir="rtl"] .item-ios .toggle-ios[item-left], [dir="rtl"] .item-ios .toggle-ios[item-start] {
  padding: 6px 0 5px 16px;
}

.toggle-ios-transparent.toggle-checked .toggle-icon {
  background-color: transparent;
}

.toggle-ios-white.toggle-checked .toggle-icon {
  background-color: #ffffff;
}

.toggle-ios-primary.toggle-checked .toggle-icon {
  background-color: #b21f2f;
}

.toggle-ios-light.toggle-checked .toggle-icon {
  background-color: #f4f4f4;
}

.toggle-ios-folderBorder.toggle-checked .toggle-icon {
  background-color: #70747c;
}

.toggle-md {
  position: relative;
  display: block;
  width: 36px;
  height: 14px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: strict;
}

[dir="ltr"] .toggle-md, [dir="rtl"] .toggle-md {
  padding: 12px;
}

.toggle-md .toggle-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #dedede;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  pointer-events: none;
}

[dir="ltr"] .toggle-md .toggle-icon, [dir="rtl"] .toggle-md .toggle-icon {
  border-radius: 14px;
}

.toggle-md .toggle-inner {
  top: -3px;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fff;
  -webkit-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);
  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);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: background-color, -webkit-transform;
  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;
}

[dir="ltr"] .toggle-md .toggle-inner {
  left: 0;
}

[dir="rtl"] .toggle-md .toggle-inner {
  right: 0;
}

[dir="ltr"] .toggle-md .toggle-inner, [dir="rtl"] .toggle-md .toggle-inner {
  border-radius: 50%;
}

.toggle-md.toggle-checked .toggle-icon {
  background-color: #e56b79;
}

.toggle-md.toggle-checked .toggle-inner {
  background-color: #b21f2f;
}

[dir="ltr"] .toggle-md.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(16px,  0,  0);
  transform: translate3d(16px,  0,  0);
}

[dir="rtl"] .toggle-md.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(calc(-1 * 16px),  0,  0);
  transform: translate3d(calc(-1 * 16px),  0,  0);
}

.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;
}

[dir="ltr"] .item-md .toggle-md, [dir="rtl"] .item-md .toggle-md {
  margin: 0;
}

[dir="ltr"] .item-md .toggle-md {
  padding: 12px 8px 12px 16px;
}

[dir="rtl"] .item-md .toggle-md {
  padding: 12px 16px 12px 8px;
}

[dir="ltr"] .item-md .toggle-md[item-left], [dir="ltr"] .item-md .toggle-md[item-start] {
  padding: 12px 18px 12px 2px;
}

[dir="rtl"] .item-md .toggle-md[item-left], [dir="rtl"] .item-md .toggle-md[item-start] {
  padding: 12px 2px 12px 18px;
}

[dir="ltr"] .item-md.item-toggle ion-label {
  margin-left: 0;
}

[dir="rtl"] .item-md.item-toggle ion-label {
  margin-right: 0;
}

.toggle-md-transparent.toggle-checked .toggle-icon {
  background-color: rgba(64, 64, 64, 0);
}

.toggle-md-transparent.toggle-checked .toggle-inner {
  background-color: transparent;
}

.toggle-md-white.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-white.toggle-checked .toggle-inner {
  background-color: #ffffff;
}

.toggle-md-primary.toggle-checked .toggle-icon {
  background-color: #e56b79;
}

.toggle-md-primary.toggle-checked .toggle-inner {
  background-color: #b21f2f;
}

.toggle-md-light.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-light.toggle-checked .toggle-inner {
  background-color: #f4f4f4;
}

.toggle-md-folderBorder.toggle-checked .toggle-icon {
  background-color: #b2b5b9;
}

.toggle-md-folderBorder.toggle-checked .toggle-inner {
  background-color: #70747c;
}

.toggle-wp {
  position: relative;
  display: block;
  width: 40px;
  height: 18px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: strict;
}

.toggle-wp .toggle-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #323232;
  background-color: transparent;
  pointer-events: none;
  contain: strict;
}

[dir="ltr"] .toggle-wp .toggle-icon, [dir="rtl"] .toggle-wp .toggle-icon {
  border-radius: 18px;
}

.toggle-wp .toggle-inner {
  top: 2px;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #323232;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: transform, background-color;
  transition-property: transform, background-color, -webkit-transform;
  will-change: transform, background-color;
}

[dir="ltr"] .toggle-wp .toggle-inner {
  left: 2px;
}

[dir="rtl"] .toggle-wp .toggle-inner {
  right: 2px;
}

[dir="ltr"] .toggle-wp .toggle-inner, [dir="rtl"] .toggle-wp .toggle-inner {
  border-radius: 50%;
}

.toggle-wp.toggle-checked .toggle-icon {
  border-color: #b21f2f;
  background-color: #b21f2f;
}

.toggle-wp.toggle-checked .toggle-inner {
  background-color: #fff;
}

[dir="ltr"] .toggle-wp.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(22px,  0,  0);
  transform: translate3d(22px,  0,  0);
}

[dir="rtl"] .toggle-wp.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(calc(-1 * 22px),  0,  0);
  transform: translate3d(calc(-1 * 22px),  0,  0);
}

.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 {
  cursor: pointer;
}

[dir="ltr"] .item-wp .toggle-wp, [dir="rtl"] .item-wp .toggle-wp {
  margin: 0;
}

[dir="ltr"] .item-wp .toggle-wp {
  padding: 12px 8px 12px 16px;
}

[dir="rtl"] .item-wp .toggle-wp {
  padding: 12px 16px 12px 8px;
}

[dir="ltr"] .item-wp .toggle-wp[item-left], [dir="ltr"] .item-wp .toggle-wp[item-start] {
  padding: 12px 18px 12px 2px;
}

[dir="rtl"] .item-wp .toggle-wp[item-left], [dir="rtl"] .item-wp .toggle-wp[item-start] {
  padding: 12px 2px 12px 18px;
}

[dir="ltr"] .item-wp.item-toggle ion-label {
  margin-left: 0;
}

[dir="rtl"] .item-wp.item-toggle ion-label {
  margin-right: 0;
}

.toggle-wp-transparent.toggle-checked .toggle-icon {
  border-color: transparent;
  background-color: transparent;
}

.toggle-wp-transparent.toggle-checked .toggle-inner {
  background-color: #636262;
}

.toggle-wp-white.toggle-checked .toggle-icon {
  border-color: #ffffff;
  background-color: #ffffff;
}

.toggle-wp-white.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-primary.toggle-checked .toggle-icon {
  border-color: #b21f2f;
  background-color: #b21f2f;
}

.toggle-wp-primary.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-folderBorder.toggle-checked .toggle-icon {
  border-color: #70747c;
  background-color: #70747c;
}

.toggle-wp-folderBorder.toggle-checked .toggle-inner {
  background-color: #fff;
}

ion-toolbar {
  position: relative;
  z-index: 10;
}

.toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  contain: content;
}

.toolbar-background {
  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;
}

[dir="ltr"] .toolbar-background {
  left: 0;
}

[dir="rtl"] .toolbar-background {
  right: 0;
}

ion-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -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 {
  display: block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  pointer-events: none;
}

[dir="ltr"] ion-buttons, [dir="rtl"] ion-buttons {
  margin: 0 0.2rem;
}

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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-button {
  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;
}

[dir="ltr"] .bar-button, [dir="rtl"] .bar-button {
  margin: 0;
}

[dir="ltr"] .bar-button, [dir="rtl"] .bar-button {
  padding: 0;
}

.bar-button::after {
  top: -7px;
  bottom: -6px;
  position: absolute;
  content: "";
}

[dir="ltr"] .bar-button::after, [dir="rtl"] .bar-button::after {
  left: -2px;
  right: -2px;
}

.bar-button-menutoggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.back-button {
  display: none;
}

.back-button.show-back-button {
  display: inline-block;
}

.back-button-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.toolbar-ios {
  min-height: 44px;
}

[dir="ltr"] .toolbar-ios, [dir="rtl"] .toolbar-ios {
  padding: 4px;
}

[dir="ltr"] .toolbar-ios, [dir="rtl"] .toolbar-ios {
  padding-left: 4px;
  padding-right: 4px;
}

@media screen and (orientation: landscape) {
  [dir="ltr"] .toolbar-ios {
    padding-left: calc(constant(safe-area-inset-left) + 4px);
    padding-right: calc(constant(safe-area-inset-right) + 4px);
  }
  [dir="rtl"] .toolbar-ios {
    padding-left: calc(constant(safe-area-inset-right) + 4px);
    padding-right: calc(constant(safe-area-inset-left) + 4px);
  }
  [dir="ltr"] .toolbar-ios {
    padding-left: calc(env(safe-area-inset-left) + 4px);
    padding-right: calc(env(safe-area-inset-right) + 4px);
  }
  [dir="rtl"] .toolbar-ios {
    padding-left: calc(env(safe-area-inset-right) + 4px);
    padding-right: calc(env(safe-area-inset-left) + 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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
  min-width: 0;
}

.toolbar-title-ios {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  color: #000;
  pointer-events: auto;
}

.toolbar-ios ion-title {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  pointer-events: none;
}

[dir="ltr"] .toolbar-ios ion-title {
  left: 0;
}

[dir="rtl"] .toolbar-ios ion-title {
  right: 0;
}

[dir="ltr"] .toolbar-ios ion-title, [dir="rtl"] .toolbar-ios ion-title {
  padding: 0 90px 1px;
}

.bar-buttons-ios {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-buttons-ios[left] {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.bar-buttons-ios[end] {
  text-align: right;
  text-align: end;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.bar-buttons-ios[right] {
  text-align: right;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.bar-button-ios {
  height: 32px;
  border: 0;
  font-size: 1.4rem;
}

[dir="ltr"] .bar-button-ios, [dir="rtl"] .bar-button-ios {
  padding: 0 4px;
}

[dir="ltr"] .bar-button-ios, [dir="rtl"] .bar-button-ios {
  border-radius: 4px;
}

.bar-button-outline-ios {
  border-width: 1px;
  border-style: solid;
  border-color: #b21f2f;
  color: #b21f2f;
  background-color: transparent;
}

.bar-button-outline-ios:hover:not(.disable-hover) {
  opacity: .4;
}

.bar-button-outline-ios.activated {
  color: #fff;
  background-color: #b21f2f;
}

.bar-button-solid-ios {
  color: #fff;
  background-color: #b21f2f;
}

.bar-button-solid-ios:hover:not(.disable-hover) {
  color: #fff;
  opacity: .4;
}

.bar-button-solid-ios.activated {
  color: #fff;
  background-color: #b83140;
  opacity: .4;
}

.bar-button-ios.bar-button-icon-start ion-icon {
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

[dir="ltr"] .bar-button-ios.bar-button-icon-start ion-icon {
  padding-right: 0.3em;
}

[dir="rtl"] .bar-button-ios.bar-button-icon-start ion-icon {
  padding-left: 0.3em;
}

.bar-button-ios.bar-button-icon-end ion-icon {
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

[dir="ltr"] .bar-button-ios.bar-button-icon-end ion-icon {
  padding-left: 0.4em;
}

[dir="rtl"] .bar-button-ios.bar-button-icon-end ion-icon {
  padding-right: 0.4em;
}

.bar-button-ios[icon-only] {
  min-width: .9em;
}

[dir="ltr"] .bar-button-ios[icon-only], [dir="rtl"] .bar-button-ios[icon-only] {
  padding: 0;
}

.bar-button-ios[icon-only] ion-icon {
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

[dir="ltr"] .bar-button-ios[icon-only] ion-icon, [dir="rtl"] .bar-button-ios[icon-only] ion-icon {
  padding: 0 0.1em;
}

.back-button-ios {
  z-index: 99;
  overflow: visible;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  min-height: 3.2rem;
  line-height: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

[dir="ltr"] .back-button-ios, [dir="rtl"] .back-button-ios {
  margin: 0;
}

.back-button-icon-ios {
  display: inherit;
  min-width: 18px;
  font-size: 3.4rem;
}

[dir="ltr"] .back-button-icon-ios, [dir="rtl"] .back-button-icon-ios {
  margin: -1px 0 0;
}

.back-button-text-ios {
  letter-spacing: -.01em;
}

.bar-button-menutoggle-ios {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  min-width: 36px;
}

[dir="ltr"] .bar-button-menutoggle-ios, [dir="rtl"] .bar-button-menutoggle-ios {
  margin: 0 6px;
}

[dir="ltr"] .bar-button-menutoggle-ios, [dir="rtl"] .bar-button-menutoggle-ios {
  padding: 0;
}

.bar-button-menutoggle-ios ion-icon {
  font-size: 2.8rem;
}

[dir="ltr"] .bar-button-menutoggle-ios ion-icon, [dir="rtl"] .bar-button-menutoggle-ios ion-icon {
  padding: 0 6px;
}

.bar-button-menutoggle-ios[end],
.bar-button-menutoggle-ios[right] {
  -webkit-box-ordinal-group: 8;
  -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: #b21f2f;
  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: #b21f2f;
}

.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: #b21f2f;
  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: #b21f2f;
}

.bar-button-clear-ios.activated,
.bar-button-default.bar-button-ios-clear.activated,
.bar-button-clear-ios-clear.activated {
  opacity: .4;
}

.toolbar-ios-transparent .toolbar-background-ios {
  background: transparent;
}

.toolbar-ios-transparent .toolbar-title-ios,
.toolbar-ios-transparent .bar-button-clear-ios,
.toolbar-ios-transparent .bar-button-default-ios {
  color: #636262;
}

.toolbar-ios-transparent .bar-button-transparent-ios,
.toolbar-ios-transparent .bar-button-default.bar-button-ios-transparent,
.toolbar-ios-transparent .bar-button-clear-ios-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-ios-transparent .bar-button-transparent-ios:hover:not(.disable-hover),
.toolbar-ios-transparent .bar-button-default.bar-button-ios-transparent:hover:not(.disable-hover),
.toolbar-ios-transparent .bar-button-clear-ios-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-ios-transparent .bar-button-transparent-ios.activated,
.toolbar-ios-transparent .bar-button-default.bar-button-ios-transparent.activated,
.toolbar-ios-transparent .bar-button-clear-ios-transparent.activated {
  opacity: .4;
}

.toolbar-ios-transparent .bar-button-outline-ios-transparent {
  border-color: transparent;
  color: transparent;
  background-color: transparent;
}

.toolbar-ios-transparent .bar-button-outline-ios-transparent.activated {
  color: #636262;
  background-color: transparent;
}

.toolbar-ios-transparent .bar-button-solid-ios-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-ios-transparent .bar-button-solid-ios-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-transparent .bar-button-white-ios,
.toolbar-ios-transparent .bar-button-default.bar-button-ios-white,
.toolbar-ios-transparent .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-transparent .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-transparent .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-transparent .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-transparent .bar-button-white-ios.activated,
.toolbar-ios-transparent .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-transparent .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-transparent .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-transparent .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-transparent .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-transparent .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-transparent .bar-button-primary-ios,
.toolbar-ios-transparent .bar-button-default.bar-button-ios-primary,
.toolbar-ios-transparent .bar-button-clear-ios-primary {
  color: #b21f2f;
  background-color: transparent;
}

.toolbar-ios-transparent .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-transparent .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-transparent .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #b21f2f;
}

.toolbar-ios-transparent .bar-button-primary-ios.activated,
.toolbar-ios-transparent .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-transparent .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-transparent .bar-button-outline-ios-primary {
  border-color: #b21f2f;
  color: #b21f2f;
  background-color: transparent;
}

.toolbar-ios-transparent .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-ios-transparent .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-ios-transparent .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.toolbar-ios-transparent .bar-button-light-ios,
.toolbar-ios-transparent .bar-button-default.bar-button-ios-light,
.toolbar-ios-transparent .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-transparent .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-transparent .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-transparent .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-transparent .bar-button-light-ios.activated,
.toolbar-ios-transparent .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-transparent .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-transparent .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-transparent .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-transparent .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-transparent .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-transparent .bar-button-folderBorder-ios,
.toolbar-ios-transparent .bar-button-default.bar-button-ios-folderBorder,
.toolbar-ios-transparent .bar-button-clear-ios-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-ios-transparent .bar-button-folderBorder-ios:hover:not(.disable-hover),
.toolbar-ios-transparent .bar-button-default.bar-button-ios-folderBorder:hover:not(.disable-hover),
.toolbar-ios-transparent .bar-button-clear-ios-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-ios-transparent .bar-button-folderBorder-ios.activated,
.toolbar-ios-transparent .bar-button-default.bar-button-ios-folderBorder.activated,
.toolbar-ios-transparent .bar-button-clear-ios-folderBorder.activated {
  opacity: .4;
}

.toolbar-ios-transparent .bar-button-outline-ios-folderBorder {
  border-color: #70747c;
  color: #70747c;
  background-color: transparent;
}

.toolbar-ios-transparent .bar-button-outline-ios-folderBorder.activated {
  color: #fff;
  background-color: #70747c;
}

.toolbar-ios-transparent .bar-button-solid-ios-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-ios-transparent .bar-button-solid-ios-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-transparent-ios,
.bar-button-default.bar-button-ios-transparent,
.bar-button-clear-ios-transparent {
  color: transparent;
  background-color: transparent;
}

.bar-button-transparent-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-transparent:hover:not(.disable-hover),
.bar-button-clear-ios-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.bar-button-transparent-ios.activated,
.bar-button-default.bar-button-ios-transparent.activated,
.bar-button-clear-ios-transparent.activated {
  opacity: .4;
}

.bar-button-outline-ios-transparent {
  border-color: transparent;
  color: transparent;
  background-color: transparent;
}

.bar-button-outline-ios-transparent.activated {
  color: #636262;
  background-color: transparent;
}

.bar-button-solid-ios-transparent {
  color: #636262;
  background-color: transparent;
}

.bar-button-solid-ios-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-white .toolbar-background-ios {
  background: #ffffff;
}

.toolbar-ios-white .toolbar-title-ios,
.toolbar-ios-white .bar-button-clear-ios,
.toolbar-ios-white .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-white .bar-button-transparent-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-transparent,
.toolbar-ios-white .bar-button-clear-ios-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-transparent-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-transparent:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-ios-white .bar-button-transparent-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-transparent.activated,
.toolbar-ios-white .bar-button-clear-ios-transparent.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-transparent {
  border-color: transparent;
  color: transparent;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-transparent.activated {
  color: #636262;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-solid-ios-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-solid-ios-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-white .bar-button-white-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-white,
.toolbar-ios-white .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-white .bar-button-white-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-white .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-white .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-white .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-white .bar-button-primary-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-primary,
.toolbar-ios-white .bar-button-clear-ios-primary {
  color: #b21f2f;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #b21f2f;
}

.toolbar-ios-white .bar-button-primary-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-white .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-primary {
  border-color: #b21f2f;
  color: #b21f2f;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-ios-white .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-ios-white .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.toolbar-ios-white .bar-button-light-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-light,
.toolbar-ios-white .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-white .bar-button-light-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-white .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-white .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-white .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-white .bar-button-folderBorder-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-folderBorder,
.toolbar-ios-white .bar-button-clear-ios-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-folderBorder-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-folderBorder:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-ios-white .bar-button-folderBorder-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-folderBorder.activated,
.toolbar-ios-white .bar-button-clear-ios-folderBorder.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-folderBorder {
  border-color: #70747c;
  color: #70747c;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-folderBorder.activated {
  color: #fff;
  background-color: #70747c;
}

.toolbar-ios-white .bar-button-solid-ios-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-ios-white .bar-button-solid-ios-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-white-ios,
.bar-button-default.bar-button-ios-white,
.bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.bar-button-white-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.bar-button-white-ios.activated,
.bar-button-default.bar-button-ios-white.activated,
.bar-button-clear-ios-white.activated {
  opacity: .4;
}

.bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-primary .toolbar-background-ios {
  background: #b21f2f;
}

.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-transparent-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-transparent,
.toolbar-ios-primary .bar-button-clear-ios-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-transparent-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-transparent:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-ios-primary .bar-button-transparent-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-transparent.activated,
.toolbar-ios-primary .bar-button-clear-ios-transparent.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-transparent {
  border-color: transparent;
  color: transparent;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-transparent.activated {
  color: #636262;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-solid-ios-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-solid-ios-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-primary .bar-button-white-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-white,
.toolbar-ios-primary .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-primary .bar-button-white-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-primary .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-primary .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-primary .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.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: #b21f2f;
  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: #b21f2f;
}

.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: #b21f2f;
  color: #b21f2f;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-ios-primary .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-ios-primary .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.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-folderBorder-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-folderBorder,
.toolbar-ios-primary .bar-button-clear-ios-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-folderBorder-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-folderBorder:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-ios-primary .bar-button-folderBorder-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-folderBorder.activated,
.toolbar-ios-primary .bar-button-clear-ios-folderBorder.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-folderBorder {
  border-color: #70747c;
  color: #70747c;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-folderBorder.activated {
  color: #fff;
  background-color: #70747c;
}

.toolbar-ios-primary .bar-button-solid-ios-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-ios-primary .bar-button-solid-ios-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-primary-ios,
.bar-button-default.bar-button-ios-primary,
.bar-button-clear-ios-primary {
  color: #b21f2f;
  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: #b21f2f;
}

.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: #b21f2f;
  color: #b21f2f;
  background-color: transparent;
}

.bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #b21f2f;
}

.bar-button-solid-ios-primary {
  color: #fff;
  background-color: #b21f2f;
}

.bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.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-transparent-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-transparent,
.toolbar-ios-light .bar-button-clear-ios-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-transparent-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-transparent:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-ios-light .bar-button-transparent-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-transparent.activated,
.toolbar-ios-light .bar-button-clear-ios-transparent.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-transparent {
  border-color: transparent;
  color: transparent;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-transparent.activated {
  color: #636262;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-solid-ios-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-solid-ios-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-light .bar-button-white-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-white,
.toolbar-ios-light .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-light .bar-button-white-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-light .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-light .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-light .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.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: #b21f2f;
  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: #b21f2f;
}

.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: #b21f2f;
  color: #b21f2f;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-ios-light .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-ios-light .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.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-folderBorder-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-folderBorder,
.toolbar-ios-light .bar-button-clear-ios-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-folderBorder-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-folderBorder:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-ios-light .bar-button-folderBorder-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-folderBorder.activated,
.toolbar-ios-light .bar-button-clear-ios-folderBorder.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-folderBorder {
  border-color: #70747c;
  color: #70747c;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-folderBorder.activated {
  color: #fff;
  background-color: #70747c;
}

.toolbar-ios-light .bar-button-solid-ios-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-ios-light .bar-button-solid-ios-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.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-folderBorder .toolbar-background-ios {
  background: #70747c;
}

.toolbar-ios-folderBorder .toolbar-title-ios,
.toolbar-ios-folderBorder .bar-button-clear-ios,
.toolbar-ios-folderBorder .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-folderBorder .bar-button-transparent-ios,
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-transparent,
.toolbar-ios-folderBorder .bar-button-clear-ios-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-ios-folderBorder .bar-button-transparent-ios:hover:not(.disable-hover),
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-transparent:hover:not(.disable-hover),
.toolbar-ios-folderBorder .bar-button-clear-ios-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-ios-folderBorder .bar-button-transparent-ios.activated,
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-transparent.activated,
.toolbar-ios-folderBorder .bar-button-clear-ios-transparent.activated {
  opacity: .4;
}

.toolbar-ios-folderBorder .bar-button-outline-ios-transparent {
  border-color: transparent;
  color: transparent;
  background-color: transparent;
}

.toolbar-ios-folderBorder .bar-button-outline-ios-transparent.activated {
  color: #636262;
  background-color: transparent;
}

.toolbar-ios-folderBorder .bar-button-solid-ios-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-ios-folderBorder .bar-button-solid-ios-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-folderBorder .bar-button-white-ios,
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-white,
.toolbar-ios-folderBorder .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-folderBorder .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-folderBorder .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-folderBorder .bar-button-white-ios.activated,
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-folderBorder .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-folderBorder .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-folderBorder .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-folderBorder .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-folderBorder .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-folderBorder .bar-button-primary-ios,
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-primary,
.toolbar-ios-folderBorder .bar-button-clear-ios-primary {
  color: #b21f2f;
  background-color: transparent;
}

.toolbar-ios-folderBorder .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-folderBorder .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #b21f2f;
}

.toolbar-ios-folderBorder .bar-button-primary-ios.activated,
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-folderBorder .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-folderBorder .bar-button-outline-ios-primary {
  border-color: #b21f2f;
  color: #b21f2f;
  background-color: transparent;
}

.toolbar-ios-folderBorder .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-ios-folderBorder .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-ios-folderBorder .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.toolbar-ios-folderBorder .bar-button-light-ios,
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-light,
.toolbar-ios-folderBorder .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-folderBorder .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-folderBorder .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-folderBorder .bar-button-light-ios.activated,
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-folderBorder .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-folderBorder .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-folderBorder .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-folderBorder .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-folderBorder .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-folderBorder .bar-button-folderBorder-ios,
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-folderBorder,
.toolbar-ios-folderBorder .bar-button-clear-ios-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-ios-folderBorder .bar-button-folderBorder-ios:hover:not(.disable-hover),
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-folderBorder:hover:not(.disable-hover),
.toolbar-ios-folderBorder .bar-button-clear-ios-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-ios-folderBorder .bar-button-folderBorder-ios.activated,
.toolbar-ios-folderBorder .bar-button-default.bar-button-ios-folderBorder.activated,
.toolbar-ios-folderBorder .bar-button-clear-ios-folderBorder.activated {
  opacity: .4;
}

.toolbar-ios-folderBorder .bar-button-outline-ios-folderBorder {
  border-color: #70747c;
  color: #70747c;
  background-color: transparent;
}

.toolbar-ios-folderBorder .bar-button-outline-ios-folderBorder.activated {
  color: #fff;
  background-color: #70747c;
}

.toolbar-ios-folderBorder .bar-button-solid-ios-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-ios-folderBorder .bar-button-solid-ios-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-folderBorder-ios,
.bar-button-default.bar-button-ios-folderBorder,
.bar-button-clear-ios-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.bar-button-folderBorder-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-folderBorder:hover:not(.disable-hover),
.bar-button-clear-ios-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.bar-button-folderBorder-ios.activated,
.bar-button-default.bar-button-ios-folderBorder.activated,
.bar-button-clear-ios-folderBorder.activated {
  opacity: .4;
}

.bar-button-outline-ios-folderBorder {
  border-color: #70747c;
  color: #70747c;
  background-color: transparent;
}

.bar-button-outline-ios-folderBorder.activated {
  color: #fff;
  background-color: #70747c;
}

.bar-button-solid-ios-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.bar-button-solid-ios-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-strong-ios {
  font-weight: 600;
}

.toolbar-md {
  min-height: 56px;
}

[dir="ltr"] .toolbar-md, [dir="rtl"] .toolbar-md {
  padding: 4px;
}

.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 {
  bottom: -5px;
  position: absolute;
  width: 100%;
  height: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==);
  background-repeat: repeat-x;
  content: "";
}

[dir="ltr"] .header-md::after, [dir="ltr"] .tabs-md[tabsPlacement="top"] > .tabbar::after, [dir="ltr"] .footer-md::before, [dir="ltr"] .tabs-md[tabsPlacement="bottom"] > .tabbar::before {
  left: 0;
}

[dir="rtl"] .header-md::after, [dir="rtl"] .tabs-md[tabsPlacement="top"] > .tabbar::after, [dir="rtl"] .footer-md::before, [dir="rtl"] .tabs-md[tabsPlacement="bottom"] > .tabbar::before {
  right: 0;
}

[dir="ltr"] .header-md::after, [dir="ltr"] .tabs-md[tabsPlacement="top"] > .tabbar::after, [dir="ltr"] .footer-md::before, [dir="ltr"] .tabs-md[tabsPlacement="bottom"] > .tabbar::before {
  background-position: left 0 top -2px;
}

[dir="rtl"] .header-md::after, [dir="rtl"] .tabs-md[tabsPlacement="top"] > .tabbar::after, [dir="rtl"] .footer-md::before, [dir="rtl"] .tabs-md[tabsPlacement="bottom"] > .tabbar::before {
  background-position: right 0 top -2px;
}

.footer-md::before,
.tabs-md[tabsPlacement="bottom"] > .tabbar::before {
  top: -2px;
  bottom: auto;
  height: 2px;
}

[dir="ltr"] .footer-md::before, [dir="ltr"] .tabs-md[tabsPlacement="bottom"] > .tabbar::before {
  background-position: left 0 top 0;
}

[dir="rtl"] .footer-md::before, [dir="rtl"] .tabs-md[tabsPlacement="bottom"] > .tabbar::before {
  background-position: right 0 top 0;
}

.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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  min-width: 0;
  max-width: 100%;
}

.toolbar-title-md {
  font-size: 1.8rem;
  font-weight: 500;
  color: #424242;
}

[dir="ltr"] .toolbar-title-md, [dir="rtl"] .toolbar-title-md {
  padding: 0 12px;
}

.bar-buttons-md {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-buttons-md[left] {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

[dir="ltr"] .bar-button-md:first-child {
  margin-left: 0;
}

[dir="rtl"] .bar-button-md:first-child {
  margin-right: 0;
}

.bar-buttons-md[end] {
  text-align: right;
  text-align: end;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.bar-buttons-md[right] {
  text-align: right;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.bar-button-md {
  height: 32px;
  border: 0;
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
}

[dir="ltr"] .bar-button-md, [dir="rtl"] .bar-button-md {
  margin: 0 0.2rem;
}

[dir="ltr"] .bar-button-md, [dir="rtl"] .bar-button-md {
  padding: 0 5px;
}

[dir="ltr"] .bar-button-md, [dir="rtl"] .bar-button-md {
  border-radius: 2px;
}

.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 {
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

[dir="ltr"] .bar-button-md.bar-button-icon-start ion-icon {
  padding-right: 0.3em;
}

[dir="rtl"] .bar-button-md.bar-button-icon-start ion-icon {
  padding-left: 0.3em;
}

.bar-button-md.bar-button-icon-end ion-icon {
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

[dir="ltr"] .bar-button-md.bar-button-icon-end ion-icon {
  padding-left: 0.4em;
}

[dir="rtl"] .bar-button-md.bar-button-icon-end ion-icon {
  padding-right: 0.4em;
}

[dir="ltr"] .bar-button-md[icon-only], [dir="rtl"] .bar-button-md[icon-only] {
  padding: 0;
}

.bar-button-md[icon-only] ion-icon {
  min-width: 28px;
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

[dir="ltr"] .bar-button-md[icon-only] ion-icon, [dir="rtl"] .bar-button-md[icon-only] ion-icon {
  padding: 0 0.1em;
}

.back-button-md {
  min-width: 44px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

[dir="ltr"] .back-button-md, [dir="rtl"] .back-button-md {
  margin: 0 6px;
}

.back-button-icon-md {
  text-align: left;
  text-align: start;
  font-size: 2.4rem;
  font-weight: normal;
}

[dir="ltr"] .back-button-icon-md, [dir="rtl"] .back-button-icon-md {
  margin: 0;
}

[dir="ltr"] .back-button-icon-md, [dir="rtl"] .back-button-icon-md {
  padding: 0 6px;
}

.bar-button-menutoggle-md {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  min-width: 44px;
}

[dir="ltr"] .bar-button-menutoggle-md, [dir="rtl"] .bar-button-menutoggle-md {
  margin: 0 6px;
}

[dir="ltr"] .bar-button-menutoggle-md, [dir="rtl"] .bar-button-menutoggle-md {
  padding: 0 2px;
}

.bar-button-menutoggle-md ion-icon {
  font-size: 2.4rem;
}

[dir="ltr"] .bar-button-menutoggle-md ion-icon, [dir="rtl"] .bar-button-menutoggle-md ion-icon {
  padding: 0 6px;
}

.bar-button-menutoggle-md[end],
.bar-button-menutoggle-md[right] {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
  min-width: 28px;
}

[dir="ltr"] .bar-button-menutoggle-md[end], [dir="ltr"] .bar-button-menutoggle-md[right], [dir="rtl"] .bar-button-menutoggle-md[end], [dir="rtl"] .bar-button-menutoggle-md[right] {
  margin: 0 2px;
}

.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-transparent .toolbar-background-md {
  background: transparent;
}

.toolbar-md-transparent .bar-button-clear-md,
.toolbar-md-transparent .bar-button-default-md,
.toolbar-md-transparent .bar-button-outline-md,
.toolbar-md-transparent .toolbar-title-md {
  color: #636262;
}

.toolbar-md-transparent .bar-button-clear-md .button-effect,
.toolbar-md-transparent .bar-button-default-md .button-effect,
.toolbar-md-transparent .bar-button-outline-md .button-effect {
  background-color: #636262;
}

.toolbar-md-transparent .bar-button-outline-md {
  border-color: #636262;
}

.toolbar-md-transparent .bar-button-transparent-md,
.toolbar-md-transparent .bar-button-clear-md-transparent,
.toolbar-md-transparent .bar-button-md-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-transparent-md:hover:not(.disable-hover),
.toolbar-md-transparent .bar-button-clear-md-transparent:hover:not(.disable-hover),
.toolbar-md-transparent .bar-button-md-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-md-transparent .bar-button-outline-md-transparent {
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.08);
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-outline-md-transparent.activated {
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-outline-md-transparent .button-effect {
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-md-transparent .bar-button-solid-md-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-solid-md-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-md-transparent .bar-button-white-md,
.toolbar-md-transparent .bar-button-clear-md-white,
.toolbar-md-transparent .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-transparent .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-transparent .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-transparent .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-transparent .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-transparent .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-transparent .bar-button-primary-md,
.toolbar-md-transparent .bar-button-clear-md-primary,
.toolbar-md-transparent .bar-button-md-primary {
  color: #b21f2f;
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-transparent .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-transparent .bar-button-md-primary:hover:not(.disable-hover) {
  color: #b21f2f;
}

.toolbar-md-transparent .bar-button-outline-md-primary {
  border-color: #b83140;
  color: #b83140;
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-outline-md-primary .button-effect {
  background-color: #b83140;
}

.toolbar-md-transparent .bar-button-solid-md-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-md-transparent .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.toolbar-md-transparent .bar-button-light-md,
.toolbar-md-transparent .bar-button-clear-md-light,
.toolbar-md-transparent .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-transparent .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-transparent .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-transparent .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-transparent .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-transparent .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-transparent .bar-button-folderBorder-md,
.toolbar-md-transparent .bar-button-clear-md-folderBorder,
.toolbar-md-transparent .bar-button-md-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-folderBorder-md:hover:not(.disable-hover),
.toolbar-md-transparent .bar-button-clear-md-folderBorder:hover:not(.disable-hover),
.toolbar-md-transparent .bar-button-md-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-md-transparent .bar-button-outline-md-folderBorder {
  border-color: #7b7f86;
  color: #7b7f86;
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-outline-md-folderBorder.activated {
  background-color: transparent;
}

.toolbar-md-transparent .bar-button-outline-md-folderBorder .button-effect {
  background-color: #7b7f86;
}

.toolbar-md-transparent .bar-button-solid-md-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-md-transparent .bar-button-solid-md-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-transparent-md,
.bar-button-clear-md-transparent,
.bar-button-md-transparent {
  color: transparent;
  background-color: transparent;
}

.bar-button-transparent-md:hover:not(.disable-hover),
.bar-button-clear-md-transparent:hover:not(.disable-hover),
.bar-button-md-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.bar-button-outline-md-transparent {
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.08);
  background-color: transparent;
}

.bar-button-outline-md-transparent.activated {
  background-color: transparent;
}

.bar-button-outline-md-transparent .button-effect {
  background-color: rgba(255, 255, 255, 0.08);
}

.bar-button-solid-md-transparent {
  color: #636262;
  background-color: transparent;
}

.bar-button-solid-md-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-md-white .toolbar-background-md {
  background: #ffffff;
}

.toolbar-md-white .bar-button-clear-md,
.toolbar-md-white .bar-button-default-md,
.toolbar-md-white .bar-button-outline-md,
.toolbar-md-white .toolbar-title-md {
  color: #424242;
}

.toolbar-md-white .bar-button-clear-md .button-effect,
.toolbar-md-white .bar-button-default-md .button-effect,
.toolbar-md-white .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-white .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-white .bar-button-transparent-md,
.toolbar-md-white .bar-button-clear-md-transparent,
.toolbar-md-white .bar-button-md-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-md-white .bar-button-transparent-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-transparent:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-md-white .bar-button-outline-md-transparent {
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.08);
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-transparent.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-transparent .button-effect {
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-md-white .bar-button-solid-md-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-md-white .bar-button-solid-md-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-md-white .bar-button-white-md,
.toolbar-md-white .bar-button-clear-md-white,
.toolbar-md-white .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-white .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-white .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-white .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-white .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-white .bar-button-primary-md,
.toolbar-md-white .bar-button-clear-md-primary,
.toolbar-md-white .bar-button-md-primary {
  color: #b21f2f;
  background-color: transparent;
}

.toolbar-md-white .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-primary:hover:not(.disable-hover) {
  color: #b21f2f;
}

.toolbar-md-white .bar-button-outline-md-primary {
  border-color: #b83140;
  color: #b83140;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-primary .button-effect {
  background-color: #b83140;
}

.toolbar-md-white .bar-button-solid-md-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-md-white .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.toolbar-md-white .bar-button-light-md,
.toolbar-md-white .bar-button-clear-md-light,
.toolbar-md-white .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-white .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-white .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-white .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-white .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-white .bar-button-folderBorder-md,
.toolbar-md-white .bar-button-clear-md-folderBorder,
.toolbar-md-white .bar-button-md-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-md-white .bar-button-folderBorder-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-folderBorder:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-md-white .bar-button-outline-md-folderBorder {
  border-color: #7b7f86;
  color: #7b7f86;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-folderBorder.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-folderBorder .button-effect {
  background-color: #7b7f86;
}

.toolbar-md-white .bar-button-solid-md-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-md-white .bar-button-solid-md-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-white-md,
.bar-button-clear-md-white,
.bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.bar-button-white-md:hover:not(.disable-hover),
.bar-button-clear-md-white:hover:not(.disable-hover),
.bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.bar-button-outline-md-white.activated {
  background-color: transparent;
}

.bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-primary .toolbar-background-md {
  background: #b21f2f;
}

.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-transparent-md,
.toolbar-md-primary .bar-button-clear-md-transparent,
.toolbar-md-primary .bar-button-md-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-transparent-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-transparent:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-transparent {
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.08);
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-transparent.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-transparent .button-effect {
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-md-primary .bar-button-solid-md-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-solid-md-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-md-primary .bar-button-white-md,
.toolbar-md-primary .bar-button-clear-md-white,
.toolbar-md-primary .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-primary .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-primary .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-primary .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-primary .bar-button-primary-md,
.toolbar-md-primary .bar-button-clear-md-primary,
.toolbar-md-primary .bar-button-md-primary {
  color: #b21f2f;
  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: #b21f2f;
}

.toolbar-md-primary .bar-button-outline-md-primary {
  border-color: #b83140;
  color: #b83140;
  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: #b83140;
}

.toolbar-md-primary .bar-button-solid-md-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-md-primary .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.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-folderBorder-md,
.toolbar-md-primary .bar-button-clear-md-folderBorder,
.toolbar-md-primary .bar-button-md-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-folderBorder-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-folderBorder:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-md-primary .bar-button-outline-md-folderBorder {
  border-color: #7b7f86;
  color: #7b7f86;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-folderBorder.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-folderBorder .button-effect {
  background-color: #7b7f86;
}

.toolbar-md-primary .bar-button-solid-md-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-md-primary .bar-button-solid-md-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-primary-md,
.bar-button-clear-md-primary,
.bar-button-md-primary {
  color: #b21f2f;
  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: #b21f2f;
}

.bar-button-outline-md-primary {
  border-color: #b83140;
  color: #b83140;
  background-color: transparent;
}

.bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.bar-button-outline-md-primary .button-effect {
  background-color: #b83140;
}

.bar-button-solid-md-primary {
  color: #fff;
  background-color: #b21f2f;
}

.bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.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-transparent-md,
.toolbar-md-light .bar-button-clear-md-transparent,
.toolbar-md-light .bar-button-md-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-md-light .bar-button-transparent-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-transparent:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-md-light .bar-button-outline-md-transparent {
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.08);
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-transparent.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-transparent .button-effect {
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-md-light .bar-button-solid-md-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-md-light .bar-button-solid-md-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-md-light .bar-button-white-md,
.toolbar-md-light .bar-button-clear-md-white,
.toolbar-md-light .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-light .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-light .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-light .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-light .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-light .bar-button-primary-md,
.toolbar-md-light .bar-button-clear-md-primary,
.toolbar-md-light .bar-button-md-primary {
  color: #b21f2f;
  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: #b21f2f;
}

.toolbar-md-light .bar-button-outline-md-primary {
  border-color: #b83140;
  color: #b83140;
  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: #b83140;
}

.toolbar-md-light .bar-button-solid-md-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-md-light .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.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-folderBorder-md,
.toolbar-md-light .bar-button-clear-md-folderBorder,
.toolbar-md-light .bar-button-md-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-md-light .bar-button-folderBorder-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-folderBorder:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-md-light .bar-button-outline-md-folderBorder {
  border-color: #7b7f86;
  color: #7b7f86;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-folderBorder.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-folderBorder .button-effect {
  background-color: #7b7f86;
}

.toolbar-md-light .bar-button-solid-md-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-md-light .bar-button-solid-md-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.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-folderBorder .toolbar-background-md {
  background: #70747c;
}

.toolbar-md-folderBorder .bar-button-clear-md,
.toolbar-md-folderBorder .bar-button-default-md,
.toolbar-md-folderBorder .bar-button-outline-md,
.toolbar-md-folderBorder .toolbar-title-md {
  color: #fff;
}

.toolbar-md-folderBorder .bar-button-clear-md .button-effect,
.toolbar-md-folderBorder .bar-button-default-md .button-effect,
.toolbar-md-folderBorder .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-folderBorder .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-folderBorder .bar-button-transparent-md,
.toolbar-md-folderBorder .bar-button-clear-md-transparent,
.toolbar-md-folderBorder .bar-button-md-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-transparent-md:hover:not(.disable-hover),
.toolbar-md-folderBorder .bar-button-clear-md-transparent:hover:not(.disable-hover),
.toolbar-md-folderBorder .bar-button-md-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-md-folderBorder .bar-button-outline-md-transparent {
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.08);
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-outline-md-transparent.activated {
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-outline-md-transparent .button-effect {
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-md-folderBorder .bar-button-solid-md-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-solid-md-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-md-folderBorder .bar-button-white-md,
.toolbar-md-folderBorder .bar-button-clear-md-white,
.toolbar-md-folderBorder .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-folderBorder .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-folderBorder .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-folderBorder .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-folderBorder .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-folderBorder .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-folderBorder .bar-button-primary-md,
.toolbar-md-folderBorder .bar-button-clear-md-primary,
.toolbar-md-folderBorder .bar-button-md-primary {
  color: #b21f2f;
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-folderBorder .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-folderBorder .bar-button-md-primary:hover:not(.disable-hover) {
  color: #b21f2f;
}

.toolbar-md-folderBorder .bar-button-outline-md-primary {
  border-color: #b83140;
  color: #b83140;
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-outline-md-primary .button-effect {
  background-color: #b83140;
}

.toolbar-md-folderBorder .bar-button-solid-md-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-md-folderBorder .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.toolbar-md-folderBorder .bar-button-light-md,
.toolbar-md-folderBorder .bar-button-clear-md-light,
.toolbar-md-folderBorder .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-folderBorder .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-folderBorder .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-folderBorder .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-folderBorder .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-folderBorder .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-folderBorder .bar-button-folderBorder-md,
.toolbar-md-folderBorder .bar-button-clear-md-folderBorder,
.toolbar-md-folderBorder .bar-button-md-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-folderBorder-md:hover:not(.disable-hover),
.toolbar-md-folderBorder .bar-button-clear-md-folderBorder:hover:not(.disable-hover),
.toolbar-md-folderBorder .bar-button-md-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-md-folderBorder .bar-button-outline-md-folderBorder {
  border-color: #7b7f86;
  color: #7b7f86;
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-outline-md-folderBorder.activated {
  background-color: transparent;
}

.toolbar-md-folderBorder .bar-button-outline-md-folderBorder .button-effect {
  background-color: #7b7f86;
}

.toolbar-md-folderBorder .bar-button-solid-md-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-md-folderBorder .bar-button-solid-md-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-folderBorder-md,
.bar-button-clear-md-folderBorder,
.bar-button-md-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.bar-button-folderBorder-md:hover:not(.disable-hover),
.bar-button-clear-md-folderBorder:hover:not(.disable-hover),
.bar-button-md-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.bar-button-outline-md-folderBorder {
  border-color: #7b7f86;
  color: #7b7f86;
  background-color: transparent;
}

.bar-button-outline-md-folderBorder.activated {
  background-color: transparent;
}

.bar-button-outline-md-folderBorder .button-effect {
  background-color: #7b7f86;
}

.bar-button-solid-md-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.bar-button-solid-md-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-strong-md {
  font-weight: bold;
}

.toolbar-wp {
  min-height: 46px;
}

[dir="ltr"] .toolbar-wp, [dir="rtl"] .toolbar-wp {
  padding: 4px;
}

.toolbar-background-wp {
  border-color: #b2b2b2;
  background: #f8f8f8;
}

.toolbar-content-wp {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  min-width: 0;
  max-width: 100%;
}

.toolbar-title-wp {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}

[dir="ltr"] .toolbar-title-wp, [dir="rtl"] .toolbar-title-wp {
  padding: 0 6px;
}

.bar-buttons-wp {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-buttons-wp[left] {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

[dir="ltr"] .bar-buttons-wp[left] .bar-button:first-child {
  margin-left: 0;
}

[dir="rtl"] .bar-buttons-wp[left] .bar-button:first-child {
  margin-right: 0;
}

.bar-buttons-wp[end] {
  text-align: right;
  text-align: end;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.bar-buttons-wp[right] {
  text-align: right;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.bar-button-wp {
  height: 32px;
  border: 0;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
}

[dir="ltr"] .bar-button-wp, [dir="rtl"] .bar-button-wp {
  margin: 0 0.2rem;
}

[dir="ltr"] .bar-button-wp, [dir="rtl"] .bar-button-wp {
  padding: 0 5px;
}

[dir="ltr"] .bar-button-wp, [dir="rtl"] .bar-button-wp {
  border-radius: 2px;
}

.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 {
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

[dir="ltr"] .bar-button-wp.bar-button-icon-start ion-icon {
  padding-right: 0.3em;
}

[dir="rtl"] .bar-button-wp.bar-button-icon-start ion-icon {
  padding-left: 0.3em;
}

.bar-button-wp.bar-button-icon-end ion-icon {
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

[dir="ltr"] .bar-button-wp.bar-button-icon-end ion-icon {
  padding-left: 0.4em;
}

[dir="rtl"] .bar-button-wp.bar-button-icon-end ion-icon {
  padding-right: 0.4em;
}

[dir="ltr"] .bar-button-wp[icon-only], [dir="rtl"] .bar-button-wp[icon-only] {
  padding: 0;
}

.bar-button-wp[icon-only] ion-icon {
  min-width: 28px;
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

[dir="ltr"] .bar-button-wp[icon-only] ion-icon, [dir="rtl"] .bar-button-wp[icon-only] ion-icon {
  padding: 0 0.1em;
}

.back-button-wp {
  min-width: 44px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

[dir="ltr"] .back-button-wp, [dir="rtl"] .back-button-wp {
  margin: 0 6px;
}

.back-button-icon-wp {
  text-align: left;
  text-align: start;
  font-size: 2.4rem;
  font-weight: normal;
}

[dir="ltr"] .back-button-icon-wp, [dir="rtl"] .back-button-icon-wp {
  margin: 0;
}

[dir="ltr"] .back-button-icon-wp, [dir="rtl"] .back-button-icon-wp {
  padding: 0 6px;
}

.bar-button-menutoggle-wp {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  min-width: 44px;
}

[dir="ltr"] .bar-button-menutoggle-wp, [dir="rtl"] .bar-button-menutoggle-wp {
  margin: 0 6px;
}

[dir="ltr"] .bar-button-menutoggle-wp, [dir="rtl"] .bar-button-menutoggle-wp {
  padding: 0 2px;
}

.bar-button-menutoggle-wp ion-icon {
  font-size: 2.4rem;
}

[dir="ltr"] .bar-button-menutoggle-wp ion-icon, [dir="rtl"] .bar-button-menutoggle-wp ion-icon {
  padding: 0 6px;
}

.bar-button-menutoggle-wp[end],
.bar-button-menutoggle-wp[right] {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
  min-width: 28px;
}

[dir="ltr"] .bar-button-menutoggle-wp[end], [dir="ltr"] .bar-button-menutoggle-wp[right], [dir="rtl"] .bar-button-menutoggle-wp[end], [dir="rtl"] .bar-button-menutoggle-wp[right] {
  margin: 0 2px;
}

.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-transparent .toolbar-background-wp {
  background: transparent;
}

.toolbar-wp-transparent .bar-button-clear-wp,
.toolbar-wp-transparent .bar-button-default-wp,
.toolbar-wp-transparent .bar-button-outline-wp,
.toolbar-wp-transparent .toolbar-title-wp {
  color: #636262;
}

.toolbar-wp-transparent .bar-button-outline-wp {
  border-color: #636262;
}

.toolbar-wp-transparent .bar-button-transparent-wp,
.toolbar-wp-transparent .bar-button-clear-wp-transparent,
.toolbar-wp-transparent .bar-button-wp-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-wp-transparent .bar-button-transparent-wp:hover:not(.disable-hover),
.toolbar-wp-transparent .bar-button-clear-wp-transparent:hover:not(.disable-hover),
.toolbar-wp-transparent .bar-button-wp-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-wp-transparent .bar-button-outline-wp-transparent {
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.08);
  background-color: transparent;
}

.toolbar-wp-transparent .bar-button-outline-wp-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-wp-transparent .bar-button-solid-wp-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-wp-transparent .bar-button-solid-wp-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-wp-transparent .bar-button-white-wp,
.toolbar-wp-transparent .bar-button-clear-wp-white,
.toolbar-wp-transparent .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-transparent .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-transparent .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-transparent .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-transparent .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-transparent .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-transparent .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-transparent .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-transparent .bar-button-primary-wp,
.toolbar-wp-transparent .bar-button-clear-wp-primary,
.toolbar-wp-transparent .bar-button-wp-primary {
  color: #b21f2f;
  background-color: transparent;
}

.toolbar-wp-transparent .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-transparent .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-transparent .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #b21f2f;
}

.toolbar-wp-transparent .bar-button-outline-wp-primary {
  border-color: #b83140;
  color: #b83140;
  background-color: transparent;
}

.toolbar-wp-transparent .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.toolbar-wp-transparent .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-wp-transparent .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.toolbar-wp-transparent .bar-button-light-wp,
.toolbar-wp-transparent .bar-button-clear-wp-light,
.toolbar-wp-transparent .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-transparent .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-transparent .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-transparent .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-transparent .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-transparent .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-transparent .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-transparent .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-transparent .bar-button-folderBorder-wp,
.toolbar-wp-transparent .bar-button-clear-wp-folderBorder,
.toolbar-wp-transparent .bar-button-wp-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-wp-transparent .bar-button-folderBorder-wp:hover:not(.disable-hover),
.toolbar-wp-transparent .bar-button-clear-wp-folderBorder:hover:not(.disable-hover),
.toolbar-wp-transparent .bar-button-wp-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-wp-transparent .bar-button-outline-wp-folderBorder {
  border-color: #7b7f86;
  color: #7b7f86;
  background-color: transparent;
}

.toolbar-wp-transparent .bar-button-outline-wp-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.toolbar-wp-transparent .bar-button-solid-wp-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-wp-transparent .bar-button-solid-wp-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-transparent-wp,
.bar-button-clear-wp-transparent,
.bar-button-wp-transparent {
  color: transparent;
  background-color: transparent;
}

.bar-button-transparent-wp:hover:not(.disable-hover),
.bar-button-clear-wp-transparent:hover:not(.disable-hover),
.bar-button-wp-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.bar-button-outline-wp-transparent {
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.08);
  background-color: transparent;
}

.bar-button-outline-wp-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.bar-button-solid-wp-transparent {
  color: #636262;
  background-color: transparent;
}

.bar-button-solid-wp-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-wp-white .toolbar-background-wp {
  background: #ffffff;
}

.toolbar-wp-white .bar-button-clear-wp,
.toolbar-wp-white .bar-button-default-wp,
.toolbar-wp-white .bar-button-outline-wp,
.toolbar-wp-white .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-white .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-white .bar-button-transparent-wp,
.toolbar-wp-white .bar-button-clear-wp-transparent,
.toolbar-wp-white .bar-button-wp-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-transparent-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-transparent:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-transparent {
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.08);
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-wp-white .bar-button-solid-wp-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-solid-wp-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-wp-white .bar-button-white-wp,
.toolbar-wp-white .bar-button-clear-wp-white,
.toolbar-wp-white .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-white .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-white .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-white .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-white .bar-button-primary-wp,
.toolbar-wp-white .bar-button-clear-wp-primary,
.toolbar-wp-white .bar-button-wp-primary {
  color: #b21f2f;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #b21f2f;
}

.toolbar-wp-white .bar-button-outline-wp-primary {
  border-color: #b83140;
  color: #b83140;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.toolbar-wp-white .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-wp-white .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.toolbar-wp-white .bar-button-light-wp,
.toolbar-wp-white .bar-button-clear-wp-light,
.toolbar-wp-white .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-white .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-white .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-white .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-white .bar-button-folderBorder-wp,
.toolbar-wp-white .bar-button-clear-wp-folderBorder,
.toolbar-wp-white .bar-button-wp-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-folderBorder-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-folderBorder:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-wp-white .bar-button-outline-wp-folderBorder {
  border-color: #7b7f86;
  color: #7b7f86;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.toolbar-wp-white .bar-button-solid-wp-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-wp-white .bar-button-solid-wp-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-white-wp,
.bar-button-clear-wp-white,
.bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.bar-button-white-wp:hover:not(.disable-hover),
.bar-button-clear-wp-white:hover:not(.disable-hover),
.bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-primary .toolbar-background-wp {
  background: #b21f2f;
}

.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-transparent-wp,
.toolbar-wp-primary .bar-button-clear-wp-transparent,
.toolbar-wp-primary .bar-button-wp-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-transparent-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-transparent:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-transparent {
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.08);
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-wp-primary .bar-button-solid-wp-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-solid-wp-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-wp-primary .bar-button-white-wp,
.toolbar-wp-primary .bar-button-clear-wp-white,
.toolbar-wp-primary .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-primary .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-primary .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-primary .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-primary .bar-button-primary-wp,
.toolbar-wp-primary .bar-button-clear-wp-primary,
.toolbar-wp-primary .bar-button-wp-primary {
  color: #b21f2f;
  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: #b21f2f;
}

.toolbar-wp-primary .bar-button-outline-wp-primary {
  border-color: #b83140;
  color: #b83140;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.toolbar-wp-primary .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-wp-primary .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.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-folderBorder-wp,
.toolbar-wp-primary .bar-button-clear-wp-folderBorder,
.toolbar-wp-primary .bar-button-wp-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-folderBorder-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-folderBorder:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-wp-primary .bar-button-outline-wp-folderBorder {
  border-color: #7b7f86;
  color: #7b7f86;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.toolbar-wp-primary .bar-button-solid-wp-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-wp-primary .bar-button-solid-wp-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-primary-wp,
.bar-button-clear-wp-primary,
.bar-button-wp-primary {
  color: #b21f2f;
  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: #b21f2f;
}

.bar-button-outline-wp-primary {
  border-color: #b83140;
  color: #b83140;
  background-color: transparent;
}

.bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.bar-button-solid-wp-primary {
  color: #fff;
  background-color: #b21f2f;
}

.bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.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-transparent-wp,
.toolbar-wp-light .bar-button-clear-wp-transparent,
.toolbar-wp-light .bar-button-wp-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-transparent-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-transparent:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-transparent {
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.08);
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-wp-light .bar-button-solid-wp-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-solid-wp-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-wp-light .bar-button-white-wp,
.toolbar-wp-light .bar-button-clear-wp-white,
.toolbar-wp-light .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-light .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-light .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-light .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-light .bar-button-primary-wp,
.toolbar-wp-light .bar-button-clear-wp-primary,
.toolbar-wp-light .bar-button-wp-primary {
  color: #b21f2f;
  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: #b21f2f;
}

.toolbar-wp-light .bar-button-outline-wp-primary {
  border-color: #b83140;
  color: #b83140;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.toolbar-wp-light .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-wp-light .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.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-folderBorder-wp,
.toolbar-wp-light .bar-button-clear-wp-folderBorder,
.toolbar-wp-light .bar-button-wp-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-folderBorder-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-folderBorder:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-wp-light .bar-button-outline-wp-folderBorder {
  border-color: #7b7f86;
  color: #7b7f86;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.toolbar-wp-light .bar-button-solid-wp-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-wp-light .bar-button-solid-wp-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.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-folderBorder .toolbar-background-wp {
  background: #70747c;
}

.toolbar-wp-folderBorder .bar-button-clear-wp,
.toolbar-wp-folderBorder .bar-button-default-wp,
.toolbar-wp-folderBorder .bar-button-outline-wp,
.toolbar-wp-folderBorder .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-folderBorder .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-folderBorder .bar-button-transparent-wp,
.toolbar-wp-folderBorder .bar-button-clear-wp-transparent,
.toolbar-wp-folderBorder .bar-button-wp-transparent {
  color: transparent;
  background-color: transparent;
}

.toolbar-wp-folderBorder .bar-button-transparent-wp:hover:not(.disable-hover),
.toolbar-wp-folderBorder .bar-button-clear-wp-transparent:hover:not(.disable-hover),
.toolbar-wp-folderBorder .bar-button-wp-transparent:hover:not(.disable-hover) {
  color: transparent;
}

.toolbar-wp-folderBorder .bar-button-outline-wp-transparent {
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.08);
  background-color: transparent;
}

.toolbar-wp-folderBorder .bar-button-outline-wp-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-wp-folderBorder .bar-button-solid-wp-transparent {
  color: #636262;
  background-color: transparent;
}

.toolbar-wp-folderBorder .bar-button-solid-wp-transparent.activated {
  color: #636262;
  background-color: rgba(255, 255, 255, 0.08);
}

.toolbar-wp-folderBorder .bar-button-white-wp,
.toolbar-wp-folderBorder .bar-button-clear-wp-white,
.toolbar-wp-folderBorder .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-folderBorder .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-folderBorder .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-folderBorder .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-folderBorder .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-folderBorder .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-folderBorder .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-folderBorder .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-folderBorder .bar-button-primary-wp,
.toolbar-wp-folderBorder .bar-button-clear-wp-primary,
.toolbar-wp-folderBorder .bar-button-wp-primary {
  color: #b21f2f;
  background-color: transparent;
}

.toolbar-wp-folderBorder .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-folderBorder .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-folderBorder .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #b21f2f;
}

.toolbar-wp-folderBorder .bar-button-outline-wp-primary {
  border-color: #b83140;
  color: #b83140;
  background-color: transparent;
}

.toolbar-wp-folderBorder .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.toolbar-wp-folderBorder .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #b21f2f;
}

.toolbar-wp-folderBorder .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #b83140;
}

.toolbar-wp-folderBorder .bar-button-light-wp,
.toolbar-wp-folderBorder .bar-button-clear-wp-light,
.toolbar-wp-folderBorder .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-folderBorder .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-folderBorder .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-folderBorder .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-folderBorder .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-folderBorder .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-folderBorder .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-folderBorder .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-folderBorder .bar-button-folderBorder-wp,
.toolbar-wp-folderBorder .bar-button-clear-wp-folderBorder,
.toolbar-wp-folderBorder .bar-button-wp-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.toolbar-wp-folderBorder .bar-button-folderBorder-wp:hover:not(.disable-hover),
.toolbar-wp-folderBorder .bar-button-clear-wp-folderBorder:hover:not(.disable-hover),
.toolbar-wp-folderBorder .bar-button-wp-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.toolbar-wp-folderBorder .bar-button-outline-wp-folderBorder {
  border-color: #7b7f86;
  color: #7b7f86;
  background-color: transparent;
}

.toolbar-wp-folderBorder .bar-button-outline-wp-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.toolbar-wp-folderBorder .bar-button-solid-wp-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.toolbar-wp-folderBorder .bar-button-solid-wp-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-folderBorder-wp,
.bar-button-clear-wp-folderBorder,
.bar-button-wp-folderBorder {
  color: #70747c;
  background-color: transparent;
}

.bar-button-folderBorder-wp:hover:not(.disable-hover),
.bar-button-clear-wp-folderBorder:hover:not(.disable-hover),
.bar-button-wp-folderBorder:hover:not(.disable-hover) {
  color: #70747c;
}

.bar-button-outline-wp-folderBorder {
  border-color: #7b7f86;
  color: #7b7f86;
  background-color: transparent;
}

.bar-button-outline-wp-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-solid-wp-folderBorder {
  color: #fff;
  background-color: #70747c;
}

.bar-button-solid-wp-folderBorder.activated {
  color: #fff;
  background-color: #7b7f86;
}

.bar-button-strong-wp {
  font-weight: bold;
}

.text-ios-transparent {
  color: transparent;
}

.text-ios-white {
  color: #ffffff;
}

.text-ios-primary {
  color: #b21f2f;
}

.text-ios-light {
  color: #f4f4f4;
}

.text-ios-folderBorder {
  color: #70747c;
}

.text-md-transparent {
  color: transparent;
}

.text-md-white {
  color: #ffffff;
}

.text-md-primary {
  color: #b21f2f;
}

.text-md-light {
  color: #f4f4f4;
}

.text-md-folderBorder {
  color: #70747c;
}

.text-wp-transparent {
  color: transparent;
}

.text-wp-white {
  color: #ffffff;
}

.text-wp-primary {
  color: #b21f2f;
}

.text-wp-light {
  color: #f4f4f4;
}

.text-wp-folderBorder {
  color: #70747c;
}

.virtual-loading {
  opacity: 0;
}

.virtual-scroll {
  position: relative;
  contain: content;
}

.virtual-scroll .virtual-position,
.virtual-scroll .virtual-position.item {
  top: 0;
  position: absolute;
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  contain: content;
}

[dir="ltr"] .virtual-scroll .virtual-position, [dir="ltr"] .virtual-scroll .virtual-position.item {
  left: 0;
}

[dir="rtl"] .virtual-scroll .virtual-position, [dir="rtl"] .virtual-scroll .virtual-position.item {
  right: 0;
}

.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 {
  min-height: calc(44px + 20px);
  min-height: calc(44px + constant(safe-area-inset-top));
  min-height: calc(44px + env(safe-area-inset-top));
}

[dir="ltr"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(20px + 4px);
}

[dir="ltr"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(constant(safe-area-inset-top) + 4px);
}

[dir="ltr"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(env(safe-area-inset-top) + 4px);
}

[dir="ltr"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: 20px;
}

[dir="ltr"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: constant(safe-area-inset-top);
}

[dir="ltr"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: env(safe-area-inset-top);
}

[dir="ltr"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
  padding-top: calc(16px + 20px);
}

[dir="ltr"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
  padding-top: constant(safe-area-inset-top);
}

[dir="ltr"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
  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 {
  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));
}

[dir="ltr"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-title {
  padding-top: 20px;
}

[dir="ltr"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-title {
  padding-top: constant(safe-area-inset-top);
}

[dir="ltr"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-title, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-title {
  padding-top: env(safe-area-inset-top);
}

@media only screen and (max-width: 767px) {
  .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    min-height: calc(44px + 20px);
    min-height: calc(44px + constant(safe-area-inset-top));
    min-height: calc(44px + env(safe-area-inset-top));
  }
  [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(20px + 4px);
  }
  [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(constant(safe-area-inset-top) + 4px);
  }
  [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(env(safe-area-inset-top) + 4px);
  }
  [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: 20px;
  }
  [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: constant(safe-area-inset-top);
  }
  [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: env(safe-area-inset-top);
  }
  [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: calc(16px + 20px);
  }
  [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: constant(safe-area-inset-top);
  }
  [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    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 {
    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));
  }
  [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title {
    padding-top: 20px;
  }
  [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title {
    padding-top: constant(safe-area-inset-top);
  }
  [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="ltr"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment, [dir="rtl"] .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title {
    padding-top: env(safe-area-inset-top);
  }
}

[dir="ltr"] .ios .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar, [dir="rtl"] .ios .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
  padding-bottom: constant(safe-area-inset-bottom);
}

[dir="ltr"] .ios .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar, [dir="rtl"] .ios .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
  padding-bottom: env(safe-area-inset-bottom);
}

.ios ion-footer .toolbar:last-child {
  min-height: calc(44px + constant(safe-area-inset-bottom));
  min-height: calc(44px + env(safe-area-inset-bottom));
}

[dir="ltr"] .ios ion-footer .toolbar:last-child, [dir="rtl"] .ios ion-footer .toolbar:last-child {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 4px);
}

[dir="ltr"] .ios ion-footer .toolbar:last-child, [dir="rtl"] .ios ion-footer .toolbar:last-child {
  padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
}

.ios .tabs:not(.tabs-ios[tabsPlacement='top']) ion-footer .toolbar:last-child {
  min-height: 44px;
}

[dir="ltr"] .ios .tabs:not(.tabs-ios[tabsPlacement='top']) ion-footer .toolbar:last-child, [dir="rtl"] .ios .tabs:not(.tabs-ios[tabsPlacement='top']) ion-footer .toolbar:last-child {
  padding-bottom: 4px;
}

.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 {
  min-height: calc(56px + 20px);
  min-height: calc(56px + constant(safe-area-inset-top));
  min-height: calc(56px + env(safe-area-inset-top));
}

[dir="ltr"] .md ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(20px + 4px);
}

[dir="ltr"] .md ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(constant(safe-area-inset-top) + 4px);
}

[dir="ltr"] .md ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="ltr"] .md ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(env(safe-area-inset-top) + 4px);
}

[dir="ltr"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: 20px;
}

[dir="ltr"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: constant(safe-area-inset-top);
}

[dir="ltr"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: env(safe-area-inset-top);
}

[dir="ltr"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
  padding-top: calc(16px + 20px);
}

[dir="ltr"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
  padding-top: constant(safe-area-inset-top);
}

[dir="ltr"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
  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 {
    min-height: calc(56px + 20px);
    min-height: calc(56px + constant(safe-area-inset-top));
    min-height: calc(56px + env(safe-area-inset-top));
  }
  [dir="ltr"] .md .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(20px + 4px);
  }
  [dir="ltr"] .md .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(constant(safe-area-inset-top) + 4px);
  }
  [dir="ltr"] .md .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .md .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(env(safe-area-inset-top) + 4px);
  }
  [dir="ltr"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: 20px;
  }
  [dir="ltr"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: constant(safe-area-inset-top);
  }
  [dir="ltr"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: env(safe-area-inset-top);
  }
  [dir="ltr"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: calc(16px + 20px);
  }
  [dir="ltr"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: constant(safe-area-inset-top);
  }
  [dir="ltr"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: env(safe-area-inset-top);
  }
}

[dir="ltr"] .md .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar, [dir="rtl"] .md .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
  padding-bottom: constant(safe-area-inset-bottom);
}

[dir="ltr"] .md .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar, [dir="rtl"] .md .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
  padding-bottom: env(safe-area-inset-bottom);
}

.md ion-footer .toolbar:last-child {
  min-height: calc(56px + constant(safe-area-inset-bottom));
  min-height: calc(56px + env(safe-area-inset-bottom));
}

[dir="ltr"] .md ion-footer .toolbar:last-child, [dir="rtl"] .md ion-footer .toolbar:last-child {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 4px);
}

[dir="ltr"] .md ion-footer .toolbar:last-child, [dir="rtl"] .md ion-footer .toolbar:last-child {
  padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
}

.md .tabs:not(.tabs-ios[tabsPlacement='top']) ion-footer .toolbar:last-child {
  min-height: 56px;
}

[dir="ltr"] .md .tabs:not(.tabs-ios[tabsPlacement='top']) ion-footer .toolbar:last-child, [dir="rtl"] .md .tabs:not(.tabs-ios[tabsPlacement='top']) ion-footer .toolbar:last-child {
  padding-bottom: 4px;
}

.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 {
  min-height: calc(46px + 20px);
  min-height: calc(46px + constant(safe-area-inset-top));
  min-height: calc(46px + env(safe-area-inset-top));
}

[dir="ltr"] .wp ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(20px + 4px);
}

[dir="ltr"] .wp ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(constant(safe-area-inset-top) + 4px);
}

[dir="ltr"] .wp ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="ltr"] .wp ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-nav > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-tab > .ion-page > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(env(safe-area-inset-top) + 4px);
}

[dir="ltr"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: 20px;
}

[dir="ltr"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: constant(safe-area-inset-top);
}

[dir="ltr"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: env(safe-area-inset-top);
}

[dir="ltr"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
  padding-top: calc(16px + 20px);
}

[dir="ltr"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
  padding-top: constant(safe-area-inset-top);
}

[dir="ltr"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
  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 {
    min-height: calc(46px + 20px);
    min-height: calc(46px + constant(safe-area-inset-top));
    min-height: calc(46px + env(safe-area-inset-top));
  }
  [dir="ltr"] .wp .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(20px + 4px);
  }
  [dir="ltr"] .wp .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(constant(safe-area-inset-top) + 4px);
  }
  [dir="ltr"] .wp .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child, [dir="rtl"] .wp .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(env(safe-area-inset-top) + 4px);
  }
  [dir="ltr"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: 20px;
  }
  [dir="ltr"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: constant(safe-area-inset-top);
  }
  [dir="ltr"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content, [dir="rtl"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: env(safe-area-inset-top);
  }
  [dir="ltr"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: calc(16px + 20px);
  }
  [dir="ltr"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: constant(safe-area-inset-top);
  }
  [dir="ltr"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="ltr"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content, [dir="rtl"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content, [dir="rtl"] .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: env(safe-area-inset-top);
  }
}

[dir="ltr"] .wp .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar, [dir="rtl"] .wp .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
  padding-bottom: constant(safe-area-inset-bottom);
}

[dir="ltr"] .wp .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar, [dir="rtl"] .wp .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
  padding-bottom: env(safe-area-inset-bottom);
}

.wp ion-footer .toolbar:last-child {
  min-height: calc(46px + constant(safe-area-inset-bottom));
  min-height: calc(46px + env(safe-area-inset-bottom));
}

[dir="ltr"] .wp ion-footer .toolbar:last-child, [dir="rtl"] .wp ion-footer .toolbar:last-child {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 4px);
}

[dir="ltr"] .wp ion-footer .toolbar:last-child, [dir="rtl"] .wp ion-footer .toolbar:last-child {
  padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
}

.wp .tabs:not(.tabs-ios[tabsPlacement='top']) ion-footer .toolbar:last-child {
  min-height: 46px;
}

[dir="ltr"] .wp .tabs:not(.tabs-ios[tabsPlacement='top']) ion-footer .toolbar:last-child, [dir="rtl"] .wp .tabs:not(.tabs-ios[tabsPlacement='top']) ion-footer .toolbar:last-child {
  padding-bottom: 4px;
}

image-viewer.ion-page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  opacity: 1;
}

image-viewer.ion-page ion-navbar.toolbar .toolbar-background {
  background-color: transparent;
}

image-viewer.ion-page ion-navbar.toolbar.toolbar-ios {
  padding-top: calc(20px + 4px);
}

image-viewer.ion-page ion-navbar .bar-button-default {
  color: white;
}

image-viewer.ion-page .backdrop {
  will-change: opacity;
}

image-viewer.ion-page .image-wrapper {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 56px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

image-viewer.ion-page .image {
  will-change: transform;
}

image-viewer.ion-page img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

@font-face {
  font-family: "icomoon";
  src: url("../assets/fonts/icomoon.eot");
  src: url("../assets/fonts/icomoon.eot") format("embedded-opentype"), url("../assets/fonts/icomoon.ttf") format("truetype"), url("../assets/fonts/icomoon.woff") format("woff"), url("../assets/fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "icomoon_eservices";
  src: url("../assets/fonts/eservices/icomoon.eot?7a0g9n");
  src: url("../assets/fonts/eservices/icomoon.eot?7a0g9n#iefix") format("embedded-opentype"), url("../assets/fonts/eservices/icomoon.ttf?7a0g9n") format("truetype"), url("../assets/fonts/eservices/icomoon.woff?7a0g9n") format("woff"), url("../assets/fonts/eservices/icomoon.svg?7a0g9n#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "icomoon_mydcaa";
  src: url("../assets/fonts/mydcaa/icomoon.eot?mtmwd0");
  src: url("../assets/fonts/mydcaa/icomoon.eot?mtmwd0#iefix") format("embedded-opentype"), url("../assets/fonts/mydcaa/icomoon.ttf?mtmwd0") format("truetype"), url("../assets/fonts/mydcaa/icomoon.woff?mtmwd0") format("woff"), url("../assets/fonts/mydcaa/icomoon.svg?mtmwd0#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "icomoon_chat";
  src: url("../assets/fonts/chat/icomoon.eot?2zgl6m");
  src: url("../assets/fonts/chat/icomoon.eot?2zgl6m#iefix") format("embedded-opentype"), url("../assets/fonts/chat/icomoon.ttf?2zgl6m") format("truetype"), url("../assets/fonts/chat/icomoon.woff?2zgl6m") format("woff"), url("../assets/fonts/chat/icomoon.svg?2zgl6m#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="ion-ios-my"],
[class*=" ion-ios-my"],
[class^="ion-md-my"],
[class*=" ion-md-my"],
[class^="ion-wp-my"],
[class*=" ion-wp-my"] {
  font-family: "icomoon" !important;
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="ion-ios-es"],
[class*=" ion-ios-es"],
[class^="ion-md-es"],
[class*=" ion-md-es"],
[class^="ion-wp-es"],
[class*=" ion-wp-es"] {
  font-family: "icomoon_eservices" !important;
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="ion-ios-mydcaa"],
[class*=" ion-ios-mydcaa"],
[class^="ion-md-mydcaa"],
[class*=" ion-md-mydcaa"],
[class^="ion-wp-mydcaa"],
[class*=" ion-wp-mydcaa"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon_mydcaa" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="ion-ios-chat"],
[class*=" ion-ios-chat"],
[class^="ion-md-chat"],
[class*=" ion-md-chat"],
[class^="ion-wp-chat"],
[class*=" ion-wp-chat"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon_chat" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.my-menu:before,
.ion-ios-my-menu:before,
.ion-ios-my-menu-outline:before,
.ion-md-my-menu:before,
.ion-md-my-menu-outline:before {
  content: "";
}

.my-eng:before,
.ion-ios-my-eng:before,
.ion-ios-my-eng-outline:before,
.ion-md-my-eng:before,
.ion-md-my-eng-outline:before {
  content: "";
}

.my-list:before,
.ion-ios-my-list:before,
.ion-ios-my-list-outline:before,
.ion-md-my-list:before,
.ion-md-my-list-outline:before {
  content: "";
}

.my-settings1:before,
.ion-ios-my-settings1:before,
.ion-ios-my-settings1-outline:before,
.ion-md-my-settings1:before,
.ion-md-my-settings1-outline:before {
  content: "";
}

.my-settings:before,
.ion-ios-my-settings:before,
.ion-ios-my-settings-outline:before,
.ion-md-my-settings:before,
.ion-md-my-settings-outline:before {
  content: "";
}

.my-user:before,
.ion-ios-my-user:before,
.ion-ios-my-user-outline:before,
.ion-md-my-user:before,
.ion-md-my-user-outline:before {
  content: "";
}

.my-table-1:before,
.ion-ios-my-table-1:before,
.ion-ios-my-table-1-outline:before,
.ion-md-my-table-1:before,
.ion-md-my-table-1-outline:before {
  content: "";
}

.my-note:before,
.ion-ios-my-note:before,
.ion-ios-my-note-outline:before,
.ion-md-my-note:before,
.ion-md-my-note-outline:before {
  content: "";
}

.my-presentation:before,
.ion-ios-my-presentation:before,
.ion-ios-my-presentation-outline:before,
.ion-md-my-presentation:before,
.ion-md-my-presentation-outline:before {
  content: "";
}

.my-bar-chart-1:before,
.ion-ios-my-bar-chart-1:before,
.ion-ios-my-bar-chart-1-outline:before,
.ion-md-my-bar-chart-1:before,
.ion-md-my-bar-chart-1-outline:before {
  content: "";
}

.my-pie-chart:before,
.ion-ios-my-pie-chart:before,
.ion-ios-my-pie-chart-outline:before,
.ion-md-my-pie-chart:before,
.ion-md-my-pie-chart-outline:before {
  content: "";
}

.my-bar-chart:before,
.ion-ios-my-bar-chart:before,
.ion-ios-my-bar-chart-outline:before,
.ion-md-my-bar-chart:before,
.ion-md-my-bar-chart-outline:before {
  content: "";
}

.my-arabic:before,
.ion-ios-my-arabic:before,
.ion-ios-my-arabic-outline:before,
.ion-md-my-arabic:before,
.ion-md-my-arabic-outline:before {
  content: "";
}

.my-chart:before,
.ion-ios-my-chart:before,
.ion-ios-my-chart-outline:before,
.ion-md-my-chart:before,
.ion-md-my-chart-outline:before {
  content: "";
}

.my-dcaa1:before,
.ion-ios-my-dcaa1:before,
.ion-ios-my-dcaa1-outline:before,
.ion-md-my-dcaa1:before,
.ion-md-my-dcaa1-outline:before {
  content: "";
}

.my-dcaa2:before,
.ion-ios-my-dcaa2:before,
.ion-ios-my-dcaa2-outline:before,
.ion-md-my-dcaa2:before,
.ion-md-my-dcaa2-outline:before {
  content: "";
}

.my-dcaa3:before,
.ion-ios-my-dcaa3:before,
.ion-ios-my-dcaa3-outline:before,
.ion-md-my-dcaa3:before,
.ion-md-my-dcaa3-outline:before {
  content: "";
}

.my-dcaa-icons1:before,
.ion-ios-my-dcaa-icons1:before,
.ion-ios-my-dcaa-icons1-outline:before,
.ion-md-my-dcaa-icons1:before,
.ion-md-my-dcaa-icons1-outline:before {
  content: "";
}

.my-dcaa-icons2:before,
.ion-ios-my-dcaa-icons2:before,
.ion-ios-my-dcaa-icons2-outline:before,
.ion-md-my-dcaa-icons2:before,
.ion-md-my-dcaa-icons2-outline:before {
  content: "";
}

.my-dcaa-icons3:before,
.ion-ios-my-dcaa-icons3:before,
.ion-ios-my-dcaa-icons3-outline:before,
.ion-md-my-dcaa-icons3:before,
.ion-md-my-dcaa-icons3-outline:before {
  content: "";
}

.my-dcaa-icons4:before,
.ion-ios-my-dcaa-icons4:before,
.ion-ios-my-dcaa-icons4-outline:before,
.ion-md-my-dcaa-icons4:before,
.ion-md-my-dcaa-icons4-outline:before {
  content: "";
}

.my-dcaa-icons5:before,
.ion-ios-my-dcaa-icons5:before,
.ion-ios-my-dcaa-icons5-outline:before,
.ion-md-my-dcaa-icons5:before,
.ion-md-my-dcaa-icons5-outline:before {
  content: "";
}

.my-dcaa-icons6:before,
.ion-ios-my-dcaa-icons6:before,
.ion-ios-my-dcaa-icons6-outline:before,
.ion-md-my-dcaa-icons6:before,
.ion-md-my-dcaa-icons6-outline:before {
  content: "";
}

.my-dcaa-icons7:before,
.ion-ios-my-dcaa-icons7:before,
.ion-ios-my-dcaa-icons7-outline:before,
.ion-md-my-dcaa-icons7:before,
.ion-md-my-dcaa-icons7-outline:before {
  content: "";
}

.my-dcaa-icons8:before,
.ion-ios-my-dcaa-icons8:before,
.ion-ios-my-dcaa-icons8-outline:before,
.ion-md-my-dcaa-icons8:before,
.ion-md-my-dcaa-icons8-outline:before {
  content: "";
}

.my-dcaa-icons9:before,
.ion-ios-my-dcaa-icons9:before,
.ion-ios-my-dcaa-icons9-outline:before,
.ion-md-my-dcaa-icons9:before,
.ion-md-my-dcaa-icons9-outline:before {
  content: "";
}

.my-dcaa-icons10:before,
.ion-ios-my-dcaa-icons10:before,
.ion-ios-my-dcaa-icons10-outline:before,
.ion-md-my-dcaa-icons10:before,
.ion-md-my-dcaa-icons10-outline:before {
  content: "";
}

.my-dcaa-icons11:before,
.ion-ios-my-dcaa-icons11:before,
.ion-ios-my-dcaa-icons11-outline:before,
.ion-md-my-dcaa-icons11:before,
.ion-md-my-dcaa-icons11-outline:before {
  content: "";
}

.my-dcaa-icons12:before,
.ion-ios-my-dcaa-icons12:before,
.ion-ios-my-dcaa-icons12-outline:before,
.ion-md-my-dcaa-icons12:before,
.ion-md-my-dcaa-icons12-outline:before {
  content: "";
}

.my-dcaa-icons13:before,
.ion-ios-my-dcaa-icons13:before,
.ion-ios-my-dcaa-icons13-outline:before,
.ion-md-my-dcaa-icons13:before,
.ion-md-my-dcaa-icons13-outline:before {
  content: "";
}

.my-dcaa-icons14:before,
.ion-ios-my-dcaa-icons14:before,
.ion-ios-my-dcaa-icons14-outline:before,
.ion-md-my-dcaa-icons14:before,
.ion-md-my-dcaa-icons14-outline:before {
  content: "";
}

.my-dcaa-icons15:before,
.ion-ios-my-dcaa-icons15:before,
.ion-ios-my-dcaa-icons15-outline:before,
.ion-md-my-dcaa-icons15:before,
.ion-md-my-dcaa-icons15-outline:before {
  content: "";
}

.my-dcaa-icons16:before,
.ion-ios-my-dcaa-icons16:before,
.ion-ios-my-dcaa-icons16-outline:before,
.ion-md-my-dcaa-icons16:before,
.ion-md-my-dcaa-icons16-outline:before {
  content: "";
}

.my-dcaa-icons17:before,
.ion-ios-my-dcaa-icons17:before,
.ion-ios-my-dcaa-icons17-outline:before,
.ion-md-my-dcaa-icons17:before,
.ion-md-my-dcaa-icons17-outline:before {
  content: "";
}

.my-dcaa-icons18:before,
.ion-ios-my-dcaa-icons18:before,
.ion-ios-my-dcaa-icons18-outline:before,
.ion-md-my-dcaa-icons18:before,
.ion-md-my-dcaa-icons18-outline:before {
  content: "";
}

.my-dcaa-icons19:before,
.ion-ios-my-dcaa-icons19:before,
.ion-ios-my-dcaa-icons19-outline:before,
.ion-md-my-dcaa-icons19:before,
.ion-md-my-dcaa-icons19-outline:before {
  content: "";
}

.my-dcaa-icons20:before,
.ion-ios-my-dcaa-icons20:before,
.ion-ios-my-dcaa-icons20-outline:before,
.ion-md-my-dcaa-icons20:before,
.ion-md-my-dcaa-icons20-outline:before {
  content: "";
}

.my-dcaa-icons21:before,
.ion-ios-my-dcaa-icons21:before,
.ion-ios-my-dcaa-icons21-outline:before,
.ion-md-my-dcaa-icons21:before,
.ion-md-my-dcaa-icons21-outline:before {
  content: "";
}

.my-dcaa-icons22:before,
.ion-ios-my-dcaa-icons22:before,
.ion-ios-my-dcaa-icons22-outline:before,
.ion-md-my-dcaa-icons22:before,
.ion-md-my-dcaa-icons22-outline:before {
  content: "";
}

.my-dcaa-icons23:before,
.ion-ios-my-dcaa-icons23:before,
.ion-ios-my-dcaa-icons23-outline:before,
.ion-md-my-dcaa-icons23:before,
.ion-md-my-dcaa-icons23-outline:before {
  content: "";
}

.my-dcaa-icons24:before,
.ion-ios-my-dcaa-icons24:before,
.ion-ios-my-dcaa-icons24-outline:before,
.ion-md-my-dcaa-icons24:before,
.ion-md-my-dcaa-icons24-outline:before {
  content: "";
}

.my-dcaa-icons25:before,
.ion-ios-my-dcaa-icons25:before,
.ion-ios-my-dcaa-icons25-outline:before,
.ion-md-my-dcaa-icons25:before,
.ion-md-my-dcaa-icons25-outline:before {
  content: "";
}

.my-dcaa-icons26:before,
.ion-ios-my-dcaa-icons26:before,
.ion-ios-my-dcaa-icons26-outline:before,
.ion-md-my-dcaa-icons26:before,
.ion-md-my-dcaa-icons26-outline:before {
  content: "";
}

.my-dcaa-icons27:before,
.ion-ios-my-dcaa-icons27:before,
.ion-ios-my-dcaa-icons27-outline:before,
.ion-md-my-dcaa-icons27:before,
.ion-md-my-dcaa-icons27-outline:before {
  content: "";
}

.my-dcaa-icons28:before,
.ion-ios-my-dcaa-icons28:before,
.ion-ios-my-dcaa-icons28-outline:before,
.ion-md-my-dcaa-icons28:before,
.ion-md-my-dcaa-icons28-outline:before {
  content: "";
}

.my-login:before,
.ion-ios-my-login:before,
.ion-ios-my-login-outline:before,
.ion-md-my-login:before,
.ion-md-my-login-outline:before {
  content: "";
}

.my-menu1:before,
.ion-ios-my-menu1:before,
.ion-ios-my-menu1-outline:before,
.ion-md-my-menu1:before,
.ion-md-my-menu1-outline:before {
  content: "";
}

.my-menu2:before,
.ion-ios-my-menu2:before,
.ion-ios-my-menu2-outline:before,
.ion-md-my-menu2:before,
.ion-md-my-menu2-outline:before {
  content: "";
}

.my-menu3:before,
.ion-ios-my-menu3:before,
.ion-ios-my-menu3-outline:before,
.ion-md-my-menu3:before,
.ion-md-my-menu3-outline:before {
  content: "";
}

.my-menu4:before,
.ion-ios-my-menu4:before,
.ion-ios-my-menu4-outline:before,
.ion-md-my-menu4:before,
.ion-md-my-menu4-outline:before {
  content: "";
}

.my-menu5:before,
.ion-ios-my-menu5:before,
.ion-ios-my-menu5-outline:before,
.ion-md-my-menu5:before,
.ion-md-my-menu5-outline:before {
  content: "";
}

.my-menu6:before,
.ion-ios-my-menu6:before,
.ion-ios-my-menu6-outline:before,
.ion-md-my-menu6:before,
.ion-md-my-menu6-outline:before {
  content: "";
}

.my-note2:before,
.ion-ios-my-note2:before,
.ion-ios-my-note2-outline:before,
.ion-md-my-note2:before,
.ion-md-my-note2-outline:before {
  content: "";
}

.my-table:before,
.ion-ios-my-table:before,
.ion-ios-my-table-outline:before,
.ion-md-my-table:before,
.ion-md-my-table-outline:before {
  content: "";
}

.my-bar:before,
.ion-ios-my-bar:before,
.ion-ios-my-bar-outline:before,
.ion-md-my-bar:before,
.ion-md-my-bar-outline:before {
  content: "";
}

.my-column:before,
.ion-ios-my-column:before,
.ion-ios-my-column-outline:before,
.ion-md-my-column:before,
.ion-md-my-column-outline:before {
  content: "";
}

.my-pie:before,
.ion-ios-my-pie:before,
.ion-ios-my-pie-outline:before,
.ion-md-my-pie:before,
.ion-md-my-pie-outline:before {
  content: "";
}

.my-bubble_chart:before,
.ion-ios-my-bubble_chart:before,
.ion-ios-my-bubble_chart-outline:before,
.ion-md-my-bubble_chart:before,
.ion-md-my-bubble_chart-outline:before {
  content: "";
}

.my-twod:before,
.ion-ios-my-twod:before,
.ion-ios-my-twod-outline:before,
.ion-md-my-twod:before,
.ion-md-my-twod-outline:before {
  content: "";
}

.my-pie-chart-1:before,
.ion-ios-my-pie-chart-1:before,
.ion-ios-my-pie-chart-1-outline:before,
.ion-md-my-pie-chart-1:before,
.ion-md-my-pie-chart-1-outline:before {
  content: "";
}

.my-pie:before,
.ion-ios-my-pie:before,
.ion-ios-my-pie-outline:before,
.ion-md-my-pie:before,
.ion-md-my-pie-outline:before {
  content: "";
}

.my-area-chart2:before,
.ion-ios-my-area-chart2:before,
.ion-ios-my-area-chart2-outline:before,
.ion-md-my-area-chart2:before,
.ion-md-my-area-chart2-outline:before {
  content: "";
}

.my-area-chart:before,
.ion-ios-my-area-chart:before,
.ion-ios-my-area-chart-outline:before,
.ion-md-my-area-chart:before,
.ion-md-my-area-chart-outline:before {
  content: "";
}

.my-graphic-1:before,
.ion-ios-my-graphic-1:before,
.ion-ios-my-graphic-1-outline:before,
.ion-md-my-graphic-1:before,
.ion-md-my-graphic-1-outline:before {
  content: "";
}

.my-bar2:before,
.ion-ios-my-bar2:before,
.ion-ios-my-bar2-outline:before,
.ion-md-my-bar2:before,
.ion-md-my-bar2-outline:before {
  content: "";
}

.my-chart-column-stacked:before,
.ion-ios-my-chart-column-stacked:before,
.ion-ios-my-chart-column-stacked-outline:before,
.ion-md-my-chart-column-stacked:before,
.ion-md-my-chart-column-stacked-outline:before {
  content: "";
}

.my-bar-chart2:before,
.ion-ios-my-bar-chart2:before,
.ion-ios-my-bar-chart2-outline:before,
.ion-md-my-bar-chart2:before,
.ion-md-my-bar-chart2-outline:before {
  content: "";
}

.my-app:before,
.ion-ios-my-app:before,
.ion-ios-my-app-outline:before,
.ion-md-my-app:before,
.ion-md-my-app-outline:before {
  content: "";
}

.my-3 d-printer:before,
.ion-ios-my-3 d-printer:before,
.ion-ios-my-3 d-printer-outline:before,
.ion-md-my-3 d-printer:before,
.ion-md-my-3 d-printer-outline:before {
  content: "";
}

.my-3 d:before,
.ion-ios-my-3 d:before,
.ion-ios-my-3 d-outline:before,
.ion-md-my-3 d:before,
.ion-md-my-3 d-outline:before {
  content: "";
}

.my-chart2:before,
.ion-ios-my-chart2:before,
.ion-ios-my-chart2-outline:before,
.ion-md-my-chart2:before,
.ion-md-my-chart2-outline:before {
  content: "";
}

.my-line-chart:before,
.ion-ios-my-line-chart:before,
.ion-ios-my-line-chart-outline:before,
.ion-md-my-line-chart:before,
.ion-md-my-line-chart-outline:before {
  content: "";
}

.my-bars:before,
.ion-ios-my-bars:before,
.ion-ios-my-bars-outline:before,
.ion-md-my-bars:before,
.ion-md-my-bars-outline:before {
  content: "";
}

.my-coins:before,
.ion-ios-my-coins:before,
.ion-ios-my-coins-outline:before,
.ion-md-my-coins:before,
.ion-md-my-coins-outline:before {
  content: "";
}

.my-money-bag:before,
.ion-ios-my-money-bag:before,
.ion-ios-my-money-bag-outline:before,
.ion-md-my-money-bag:before,
.ion-md-my-money-bag-outline:before {
  content: "";
}

.my-budget:before,
.ion-ios-my-budget:before,
.ion-ios-my-budget-outline:before,
.ion-md-my-budget:before,
.ion-md-my-budget-outline:before {
  content: "";
}

.my-finance:before,
.ion-ios-my-finance:before,
.ion-ios-my-finance-outline:before,
.ion-md-my-finance:before,
.ion-md-my-finance-outline:before {
  content: "";
}

.my-arab-man:before,
.ion-ios-my-arab-man:before,
.ion-ios-my-arab-man-outline:before,
.ion-md-my-arab-man:before,
.ion-md-my-arab-man-outline:before {
  content: "";
}

.my-arab-woman:before,
.ion-ios-my-arab-woman:before,
.ion-ios-my-arab-woman-outline:before,
.ion-md-my-arab-woman:before,
.ion-md-my-arab-woman-outline:before {
  content: "";
}

.my-monuments:before,
.ion-ios-my-monuments:before,
.ion-ios-my-monuments-outline:before,
.ion-md-my-monuments:before,
.ion-md-my-monuments-outline:before {
  content: "";
}

.my-nation:before,
.ion-ios-my-nation:before,
.ion-ios-my-nation-outline:before,
.ion-md-my-nation:before,
.ion-md-my-nation-outline:before {
  content: "";
}

.my-menu-button:before,
.ion-ios-my-menu-button:before,
.ion-ios-my-menu-button-outline:before,
.ion-md-my-menu-button:before,
.ion-md-my-menu-button-outline:before {
  content: "";
}

.my-aeroplane:before,
.ion-ios-my-aeroplane:before,
.ion-ios-my-aeroplane-outline:before,
.ion-md-my-aeroplane:before,
.ion-md-my-aeroplane-outline:before {
  content: "";
}

.my-rating:before,
.ion-ios-my-rating:before,
.ion-ios-my-rating-outline:before,
.ion-md-my-rating:before,
.ion-md-my-rating-outline:before {
  content: "";
}

.my-world:before,
.ion-ios-my-world:before,
.ion-ios-my-world-outline:before,
.ion-md-my-world:before,
.ion-md-my-world-outline:before {
  content: "";
}

.my-calendar:before,
.ion-ios-my-calendar:before,
.ion-ios-my-calendar-outline:before,
.ion-md-my-calendar:before,
.ion-md-my-calendar-outline:before {
  content: "";
}

.my-folder:before,
.ion-ios-my-folder:before,
.ion-ios-my-folder-outline:before,
.ion-md-my-folder:before,
.ion-md-my-folder-outline:before {
  content: "";
}

.my-world:before,
.ion-ios-my-world:before,
.ion-ios-my-world-outline:before,
.ion-md-my-world:before,
.ion-md-my-world-outline:before {
  content: "";
}

.my-world:before,
.ion-ios-my-world:before,
.ion-ios-my-world-outline:before,
.ion-md-my-world:before,
.ion-md-my-world-outline:before {
  content: "";
}

/*Webservices
E services make*/
.es-permit-for-aviation-business:before,
.ion-ios-es-permit-for-aviation-business:before,
.ion-ios-es-permit-for-aviation-business-outline:before,
.ion-md-es-permit-for-aviation-business:before,
.ion-md-es-permit-for-aviation-business-outline:before {
  content: "";
}

.es-Anti-Drone:before,
.ion-ios-es-Anti-Drone:before,
.ion-ios-es-Anti-Drone-outline:before,
.ion-md-es-Anti-Drone:before,
.ion-md-es-Anti-Drone-outline:before {
  content: "";
}

.es-UTM-System:before,
.ion-ios-es-UTM-System:before,
.ion-ios-es-UTM-System-outline:before,
.ion-md-es-UTM-System:before,
.ion-md-es-UTM-System-outline:before {
  content: "";
}

.es-supplier-registration:before,
.ion-ios-es-supplier-registration:before,
.ion-ios-es-supplier-registration-outline:before,
.ion-md-es-supplier-registration:before,
.ion-md-es-supplier-registration-outline:before {
  content: "";
}

.es-Transport-aircraft:before,
.ion-ios-es-Transport-aircraft:before,
.ion-ios-es-Transport-aircraft-outline:before,
.ion-md-es-Transport-aircraft:before,
.ion-md-es-Transport-aircraft-outline:before {
  content: "";
}

.es-renew-aviation-permit:before,
.ion-ios-es-renew-aviation-permit:before,
.ion-ios-es-renew-aviation-permit-outline:before,
.ion-md-es-renew-aviation-permit:before,
.ion-md-es-renew-aviation-permit-outline:before {
  content: "";
}

.es-Seasonal-Landing-Permit:before,
.ion-ios-es-Seasonal-Landing-Permit:before,
.ion-ios-es-Seasonal-Landing-Permit-outline:before,
.ion-md-es-Seasonal-Landing-Permit:before,
.ion-md-es-Seasonal-Landing-Permit-outline:before {
  content: "";
}

.es-agent:before,
.ion-ios-es-agent:before,
.ion-ios-es-agent-outline:before,
.ion-md-es-agent:before,
.ion-md-es-agent-outline:before {
  content: "";
}

.es-branch:before,
.ion-ios-es-branch:before,
.ion-ios-es-branch-outline:before,
.ion-md-es-branch:before,
.ion-md-es-branch-outline:before {
  content: "";
}

.es-need-more-info:before,
.ion-ios-es-need-more-info:before,
.ion-ios-es-need-more-info-outline:before,
.ion-md-es-need-more-info:before,
.ion-md-es-need-more-info-outline:before {
  content: "";
}

.es-partner-details:before,
.ion-ios-es-partner-details:before,
.ion-ios-es-partner-details-outline:before,
.ion-md-es-partner-details:before,
.ion-md-es-partner-details-outline:before {
  content: "";
}

.es-partners:before,
.ion-ios-es-partners:before,
.ion-ios-es-partners-outline:before,
.ion-md-es-partners:before,
.ion-md-es-partners-outline:before {
  content: "";
}

.es-drone-type:before,
.ion-ios-es-drone-type:before,
.ion-ios-es-drone-type-outline:before,
.ion-md-es-drone-type:before,
.ion-md-es-drone-type-outline:before {
  content: "";
}

.es-duration:before,
.ion-ios-es-duration:before,
.ion-ios-es-duration-outline:before,
.ion-md-es-duration:before,
.ion-md-es-duration-outline:before {
  content: "";
}

.es-approval-date:before,
.ion-ios-es-approval-date:before,
.ion-ios-es-approval-date-outline:before,
.ion-md-es-approval-date:before,
.ion-md-es-approval-date-outline:before {
  content: "";
}

.es-crane-height:before,
.ion-ios-es-crane-height:before,
.ion-ios-es-crane-height-outline:before,
.ion-md-es-crane-height:before,
.ion-md-es-crane-height-outline:before {
  content: "";
}

.es-plot-coordinates:before,
.ion-ios-es-plot-coordinates:before,
.ion-ios-es-plot-coordinates-outline:before,
.ion-md-es-plot-coordinates:before,
.ion-md-es-plot-coordinates-outline:before {
  content: "";
}

.es-plot-number:before,
.ion-ios-es-plot-number:before,
.ion-ios-es-plot-number-outline:before,
.ion-md-es-plot-number:before,
.ion-md-es-plot-number-outline:before {
  content: "";
}

.es-type-of-project:before,
.ion-ios-es-type-of-project:before,
.ion-ios-es-type-of-project-outline:before,
.ion-md-es-type-of-project:before,
.ion-md-es-type-of-project-outline:before {
  content: "";
}

.es-aircraft-manufacturer:before,
.ion-ios-es-aircraft-manufacturer:before,
.ion-ios-es-aircraft-manufacturer-outline:before,
.ion-md-es-aircraft-manufacturer:before,
.ion-md-es-aircraft-manufacturer-outline:before {
  content: "";
}

.es-ammunition-quantity:before,
.ion-ios-es-ammunition-quantity:before,
.ion-ios-es-ammunition-quantity-outline:before,
.ion-md-es-ammunition-quantity:before,
.ion-md-es-ammunition-quantity-outline:before {
  content: "";
}

.es-approve:before,
.ion-ios-es-approve:before,
.ion-ios-es-approve-outline:before,
.ion-md-es-approve:before,
.ion-md-es-approve-outline:before {
  content: "";
}

.es-date-and-time:before,
.ion-ios-es-date-and-time:before,
.ion-ios-es-date-and-time-outline:before,
.ion-md-es-date-and-time:before,
.ion-md-es-date-and-time-outline:before {
  content: "";
}

.es-disapproved:before,
.ion-ios-es-disapproved:before,
.ion-ios-es-disapproved-outline:before,
.ion-md-es-disapproved:before,
.ion-md-es-disapproved-outline:before {
  content: "";
}

.es-engine:before,
.ion-ios-es-engine:before,
.ion-ios-es-engine-outline:before,
.ion-md-es-engine:before,
.ion-md-es-engine-outline:before {
  content: "";
}

.es-eta:before,
.ion-ios-es-eta:before,
.ion-ios-es-eta-outline:before,
.ion-md-es-eta:before,
.ion-md-es-eta-outline:before {
  content: "";
}

.es-etd:before,
.ion-ios-es-etd:before,
.ion-ios-es-etd-outline:before,
.ion-md-es-etd:before,
.ion-md-es-etd-outline:before {
  content: "";
}

.es-manufacturer-designation-type:before,
.ion-ios-es-manufacturer-designation-type:before,
.ion-ios-es-manufacturer-designation-type-outline:before,
.ion-md-es-manufacturer-designation-type:before,
.ion-md-es-manufacturer-designation-type-outline:before {
  content: "";
}

.es-national-registration-mark:before,
.ion-ios-es-national-registration-mark:before,
.ion-ios-es-national-registration-mark-outline:before,
.ion-md-es-national-registration-mark:before,
.ion-md-es-national-registration-mark-outline:before {
  content: "";
}

.es-transportation-reason:before,
.ion-ios-es-transportation-reason:before,
.ion-ios-es-transportation-reason-outline:before,
.ion-md-es-transportation-reason:before,
.ion-md-es-transportation-reason-outline:before {
  content: "";
}

.es-type-of-transportation:before,
.ion-ios-es-type-of-transportation:before,
.ion-ios-es-type-of-transportation-outline:before,
.ion-md-es-type-of-transportation:before,
.ion-md-es-type-of-transportation-outline:before {
  content: "";
}

.es-waiting-for-approval:before,
.ion-ios-es-waiting-for-approval:before,
.ion-ios-es-waiting-for-approval-outline:before,
.ion-md-es-waiting-for-approval:before,
.ion-md-es-waiting-for-approval-outline:before {
  content: "";
}

.es-weight:before,
.ion-ios-es-weight:before,
.ion-ios-es-weight-outline:before,
.ion-md-es-weight:before,
.ion-md-es-weight-outline:before {
  content: "";
}

.es-air-cargo:before,
.ion-ios-es-air-cargo:before,
.ion-ios-es-air-cargo-outline:before,
.ion-md-es-air-cargo:before,
.ion-md-es-air-cargo-outline:before {
  content: "";
}

.es-Airlines:before,
.ion-ios-es-Airlines:before,
.ion-ios-es-Airlines-outline:before,
.ion-md-es-Airlines:before,
.ion-md-es-Airlines-outline:before {
  content: "";
}

.es-aviation-Maintenance:before,
.ion-ios-es-aviation-Maintenance:before,
.ion-ios-es-aviation-Maintenance-outline:before,
.ion-md-es-aviation-Maintenance:before,
.ion-md-es-aviation-Maintenance-outline:before {
  content: "";
}

.es-Engineering:before,
.ion-ios-es-Engineering:before,
.ion-ios-es-Engineering-outline:before,
.ion-md-es-Engineering:before,
.ion-md-es-Engineering-outline:before {
  content: "";
}

.es-Entertainment:before,
.ion-ios-es-Entertainment:before,
.ion-ios-es-Entertainment-outline:before,
.ion-md-es-Entertainment:before,
.ion-md-es-Entertainment-outline:before {
  content: "";
}

.es-General:before,
.ion-ios-es-General:before,
.ion-ios-es-General-outline:before,
.ion-md-es-General:before,
.ion-md-es-General-outline:before {
  content: "";
}

.es-Tourism-and-travel:before,
.ion-ios-es-Tourism-and-travel:before,
.ion-ios-es-Tourism-and-travel-outline:before,
.ion-md-es-Tourism-and-travel:before,
.ion-md-es-Tourism-and-travel-outline:before {
  content: "";
}

.es-agency:before,
.ion-ios-es-agency:before,
.ion-ios-es-agency-outline:before,
.ion-md-es-agency:before,
.ion-md-es-agency-outline:before {
  content: "";
}

.es-employee:before,
.ion-ios-es-employee:before,
.ion-ios-es-employee-outline:before,
.ion-md-es-employee:before,
.ion-md-es-employee-outline:before {
  content: "";
}

.es-resident:before,
.ion-ios-es-resident:before,
.ion-ios-es-resident-outline:before,
.ion-md-es-resident:before,
.ion-md-es-resident-outline:before {
  content: "";
}

.es-tourist:before,
.ion-ios-es-tourist:before,
.ion-ios-es-tourist-outline:before,
.ion-md-es-tourist:before,
.ion-md-es-tourist-outline:before {
  content: "";
}

.es-add-image-icon:before,
.ion-ios-es-add-image-icon:before,
.ion-ios-es-add-image-icon-outline:before,
.ion-md-es-add-image-icon:before,
.ion-md-es-add-image-icon-outline:before {
  content: "";
}

.es-DED:before,
.ion-ios-es-DED:before,
.ion-ios-es-DED-outline:before,
.ion-md-es-DED:before,
.ion-md-es-DED-outline:before {
  content: "";
}

.es-individual:before,
.ion-ios-es-individual:before,
.ion-ios-es-individual-outline:before,
.ion-md-es-individual:before,
.ion-md-es-individual-outline:before {
  content: "";
}

.es-company:before,
.ion-ios-es-company:before,
.ion-ios-es-company-outline:before,
.ion-md-es-company:before,
.ion-md-es-company-outline:before {
  content: "";
}

.es-government:before,
.ion-ios-es-government:before,
.ion-ios-es-government-outline:before,
.ion-md-es-government:before,
.ion-md-es-government-outline:before {
  content: "";
}

.es-inUAE:before,
.ion-ios-es-inUAE:before,
.ion-ios-es-inUAE-outline:before,
.ion-md-es-inUAE:before,
.ion-md-es-inUAE-outline:before {
  content: "";
}

.es-OutsideUAE:before,
.ion-ios-es-OutsideUAE:before,
.ion-ios-es-OutsideUAE-outline:before,
.ion-md-es-OutsideUAE:before,
.ion-md-es-OutsideUAE-outline:before {
  content: "";
}

.es-pvtcompany:before,
.ion-ios-es-pvtcompany:before,
.ion-ios-es-pvtcompany-outline:before,
.ion-md-es-pvtcompany:before,
.ion-md-es-pvtcompany-outline:before {
  content: "";
}

.es-PrivateCompany:before,
.ion-ios-es-PrivateCompany:before,
.ion-ios-es-PrivateCompany-outline:before,
.ion-md-es-PrivateCompany:before,
.ion-md-es-PrivateCompany-outline:before {
  content: "";
}

.es-Landing-permits-for-flights:before,
.ion-ios-es-Landing-permits-for-flights:before,
.ion-ios-es-Landing-permits-for-flights-outline:before,
.ion-md-es-Landing-permits-for-flights:before,
.ion-md-es-Landing-permits-for-flights-outline:before {
  content: "";
}

.es-firearms:before,
.ion-ios-es-firearms:before,
.ion-ios-es-firearms-outline:before,
.ion-md-es-firearms:before,
.ion-md-es-firearms-outline:before {
  content: "";
}

.es-storage-of-dangerous-goods:before,
.ion-ios-es-storage-of-dangerous-goods:before,
.ion-ios-es-storage-of-dangerous-goods-outline:before,
.ion-md-es-storage-of-dangerous-goods:before,
.ion-md-es-storage-of-dangerous-goods-outline:before {
  content: "";
}

.es-suspicious-goods:before,
.ion-ios-es-suspicious-goods:before,
.ion-ios-es-suspicious-goods-outline:before,
.ion-md-es-suspicious-goods:before,
.ion-md-es-suspicious-goods-outline:before {
  content: "";
}

.es-transport-dangerous-goods:before,
.ion-ios-es-transport-dangerous-goods:before,
.ion-ios-es-transport-dangerous-goods-outline:before,
.ion-md-es-transport-dangerous-goods:before,
.ion-md-es-transport-dangerous-goods-outline:before {
  content: "";
}

.es-aircraft-Warning-Lights:before,
.ion-ios-es-aircraft-Warning-Lights:before,
.ion-ios-es-aircraft-Warning-Lights-outline:before,
.ion-md-es-aircraft-Warning-Lights:before,
.ion-md-es-aircraft-Warning-Lights-outline:before {
  content: "";
}

.es-construct-a-building:before,
.ion-ios-es-construct-a-building:before,
.ion-ios-es-construct-a-building-outline:before,
.ion-md-es-construct-a-building:before,
.ion-md-es-construct-a-building-outline:before {
  content: "";
}

.es-high-voltage-power-lines:before,
.ion-ios-es-high-voltage-power-lines:before,
.ion-ios-es-high-voltage-power-lines-outline:before,
.ion-md-es-high-voltage-power-lines:before,
.ion-md-es-high-voltage-power-lines-outline:before {
  content: "";
}

.es-NOC-for-building-heights:before,
.ion-ios-es-NOC-for-building-heights:before,
.ion-ios-es-NOC-for-building-heights-outline:before,
.ion-md-es-NOC-for-building-heights:before,
.ion-md-es-NOC-for-building-heights-outline:before {
  content: "";
}

.es-telecommunications-tower:before,
.ion-ios-es-telecommunications-tower:before,
.ion-ios-es-telecommunications-tower-outline:before,
.ion-md-es-telecommunications-tower:before,
.ion-md-es-telecommunications-tower-outline:before {
  content: "";
}

.es-use-cranes:before,
.ion-ios-es-use-cranes:before,
.ion-ios-es-use-cranes-outline:before,
.ion-md-es-use-cranes:before,
.ion-md-es-use-cranes-outline:before {
  content: "";
}

.es-aviation-institute:before,
.ion-ios-es-aviation-institute:before,
.ion-ios-es-aviation-institute-outline:before,
.ion-md-es-aviation-institute:before,
.ion-md-es-aviation-institute-outline:before {
  content: "";
}

.es-Aviation-Training-Programs:before,
.ion-ios-es-Aviation-Training-Programs:before,
.ion-ios-es-Aviation-Training-Programs-outline:before,
.ion-md-es-Aviation-Training-Programs:before,
.ion-md-es-Aviation-Training-Programs-outline:before {
  content: "";
}

.es-conduct-activity-out-of-Schedule:before,
.ion-ios-es-conduct-activity-out-of-Schedule:before,
.ion-ios-es-conduct-activity-out-of-Schedule-outline:before,
.ion-md-es-conduct-activity-out-of-Schedule:before,
.ion-md-es-conduct-activity-out-of-Schedule-outline:before {
  content: "";
}

.es-damaged-permit:before,
.ion-ios-es-damaged-permit:before,
.ion-ios-es-damaged-permit-outline:before,
.ion-md-es-damaged-permit:before,
.ion-md-es-damaged-permit-outline:before {
  content: "";
}

.es-de-register-an-aircraft:before,
.ion-ios-es-de-register-an-aircraft:before,
.ion-ios-es-de-register-an-aircraft-outline:before,
.ion-md-es-de-register-an-aircraft:before,
.ion-md-es-de-register-an-aircraft-outline:before {
  content: "";
}

.es-Establish-Aviation-Club:before,
.ion-ios-es-Establish-Aviation-Club:before,
.ion-ios-es-Establish-Aviation-Club-outline:before,
.ion-md-es-Establish-Aviation-Club:before,
.ion-md-es-Establish-Aviation-Club-outline:before {
  content: "";
}

.es-Manufacturing-aircraft-parts-permit:before,
.ion-ios-es-Manufacturing-aircraft-parts-permit:before,
.ion-ios-es-Manufacturing-aircraft-parts-permit-outline:before,
.ion-md-es-Manufacturing-aircraft-parts-permit:before,
.ion-md-es-Manufacturing-aircraft-parts-permit-outline:before {
  content: "";
}

.es-manufacturing-Aircraft:before,
.ion-ios-es-manufacturing-Aircraft:before,
.ion-ios-es-manufacturing-Aircraft-outline:before,
.ion-md-es-manufacturing-Aircraft:before,
.ion-md-es-manufacturing-Aircraft-outline:before {
  content: "";
}

.es-manufacturing-flight-simulation-equipment:before,
.ion-ios-es-manufacturing-flight-simulation-equipment:before,
.ion-ios-es-manufacturing-flight-simulation-equipment-outline:before,
.ion-md-es-manufacturing-flight-simulation-equipment:before,
.ion-md-es-manufacturing-flight-simulation-equipment-outline:before {
  content: "";
}

.es-manufacturing-fuselages:before,
.ion-ios-es-manufacturing-fuselages:before,
.ion-ios-es-manufacturing-fuselages-outline:before,
.ion-md-es-manufacturing-fuselages:before,
.ion-md-es-manufacturing-fuselages-outline:before {
  content: "";
}

.es-manufacturing-radio-controlled-aircraft:before,
.ion-ios-es-manufacturing-radio-controlled-aircraft:before,
.ion-ios-es-manufacturing-radio-controlled-aircraft-outline:before,
.ion-md-es-manufacturing-radio-controlled-aircraft:before,
.ion-md-es-manufacturing-radio-controlled-aircraft-outline:before {
  content: "";
}

.es-NOC-to-Concerned-Entities:before,
.ion-ios-es-NOC-to-Concerned-Entities:before,
.ion-ios-es-NOC-to-Concerned-Entities-outline:before,
.ion-md-es-NOC-to-Concerned-Entities:before,
.ion-md-es-NOC-to-Concerned-Entities-outline:before {
  content: "";
}

.es-open-service-center:before,
.ion-ios-es-open-service-center:before,
.ion-ios-es-open-service-center-outline:before,
.ion-md-es-open-service-center:before,
.ion-md-es-open-service-center-outline:before {
  content: "";
}

.es-Permit-by-DCAA:before,
.ion-ios-es-Permit-by-DCAA:before,
.ion-ios-es-Permit-by-DCAA-outline:before,
.ion-md-es-Permit-by-DCAA:before,
.ion-md-es-Permit-by-DCAA-outline:before {
  content: "";
}

.es-register-an-aircraft:before,
.ion-ios-es-register-an-aircraft:before,
.ion-ios-es-register-an-aircraft-outline:before,
.ion-md-es-register-an-aircraft:before,
.ion-md-es-register-an-aircraft-outline:before {
  content: "";
}

.es-renew-activity-out-of-Schedule-Permit:before,
.ion-ios-es-renew-activity-out-of-Schedule-Permit:before,
.ion-ios-es-renew-activity-out-of-Schedule-Permit-outline:before,
.ion-md-es-renew-activity-out-of-Schedule-Permit:before,
.ion-md-es-renew-activity-out-of-Schedule-Permit-outline:before {
  content: "";
}

.es-renew-Aviation-Club-permit:before,
.ion-ios-es-renew-Aviation-Club-permit:before,
.ion-ios-es-renew-Aviation-Club-permit-outline:before,
.ion-md-es-renew-Aviation-Club-permit:before,
.ion-md-es-renew-Aviation-Club-permit-outline:before {
  content: "";
}

.es-renew-aviation-institute:before,
.ion-ios-es-renew-aviation-institute:before,
.ion-ios-es-renew-aviation-institute-outline:before,
.ion-md-es-renew-aviation-institute:before,
.ion-md-es-renew-aviation-institute-outline:before {
  content: "";
}

.es-renew-flight-simulation-equipment-permit:before,
.ion-ios-es-renew-flight-simulation-equipment-permit:before,
.ion-ios-es-renew-flight-simulation-equipment-permit-outline:before,
.ion-md-es-renew-flight-simulation-equipment-permit:before,
.ion-md-es-renew-flight-simulation-equipment-permit-outline:before {
  content: "";
}

.es-renew-manufacture-aircraft-parts-permit:before,
.ion-ios-es-renew-manufacture-aircraft-parts-permit:before,
.ion-ios-es-renew-manufacture-aircraft-parts-permit-outline:before,
.ion-md-es-renew-manufacture-aircraft-parts-permit:before,
.ion-md-es-renew-manufacture-aircraft-parts-permit-outline:before {
  content: "";
}

.es-renew-manufacturing-aircraft-permit:before,
.ion-ios-es-renew-manufacturing-aircraft-permit:before,
.ion-ios-es-renew-manufacturing-aircraft-permit-outline:before,
.ion-md-es-renew-manufacturing-aircraft-permit:before,
.ion-md-es-renew-manufacturing-aircraft-permit-outline:before {
  content: "";
}

.es-renew-manufacturing-fuselages-permit:before,
.ion-ios-es-renew-manufacturing-fuselages-permit:before,
.ion-ios-es-renew-manufacturing-fuselages-permit-outline:before,
.ion-md-es-renew-manufacturing-fuselages-permit:before,
.ion-md-es-renew-manufacturing-fuselages-permit-outline:before {
  content: "";
}

.es-renew-manufacturing-radio-controlled-aircraft-permit:before,
.ion-ios-es-renew-manufacturing-radio-controlled-aircraft-permit:before,
.ion-ios-es-renew-manufacturing-radio-controlled-aircraft-permit-outline:before,
.ion-md-es-renew-manufacturing-radio-controlled-aircraft-permit:before,
.ion-md-es-renew-manufacturing-radio-controlled-aircraft-permit-outline:before {
  content: "";
}

.es-temporary-exemption:before,
.ion-ios-es-temporary-exemption:before,
.ion-ios-es-temporary-exemption-outline:before,
.ion-md-es-temporary-exemption:before,
.ion-md-es-temporary-exemption-outline:before {
  content: "";
}

.es-air-sports-event:before,
.ion-ios-es-air-sports-event:before,
.ion-ios-es-air-sports-event-outline:before,
.ion-md-es-air-sports-event:before,
.ion-md-es-air-sports-event-outline:before {
  content: "";
}

.es-Fly-Aircraft-for-aerial-filming:before,
.ion-ios-es-Fly-Aircraft-for-aerial-filming:before,
.ion-ios-es-Fly-Aircraft-for-aerial-filming-outline:before,
.ion-md-es-Fly-Aircraft-for-aerial-filming:before,
.ion-md-es-Fly-Aircraft-for-aerial-filming-outline:before {
  content: "";
}

.es-Fly-Drone-During-Event:before,
.ion-ios-es-Fly-Drone-During-Event:before,
.ion-ios-es-Fly-Drone-During-Event-outline:before,
.ion-md-es-Fly-Drone-During-Event:before,
.ion-md-es-Fly-Drone-During-Event-outline:before {
  content: "";
}

.es-Fly-Drone-for-once:before,
.ion-ios-es-Fly-Drone-for-once:before,
.ion-ios-es-Fly-Drone-for-once-outline:before,
.ion-md-es-Fly-Drone-for-once:before,
.ion-md-es-Fly-Drone-for-once-outline:before {
  content: "";
}

.es-identifying-aircraft-spare-parts:before,
.ion-ios-es-identifying-aircraft-spare-parts:before,
.ion-ios-es-identifying-aircraft-spare-parts-outline:before,
.ion-md-es-identifying-aircraft-spare-parts:before,
.ion-md-es-identifying-aircraft-spare-parts-outline:before {
  content: "";
}

.es-NOC-launch-balloons:before,
.ion-ios-es-NOC-launch-balloons:before,
.ion-ios-es-NOC-launch-balloons-outline:before,
.ion-md-es-NOC-launch-balloons:before,
.ion-md-es-NOC-launch-balloons-outline:before {
  content: "";
}

.es-NOC-to-conduct-event:before,
.ion-ios-es-NOC-to-conduct-event:before,
.ion-ios-es-NOC-to-conduct-event-outline:before,
.ion-md-es-NOC-to-conduct-event:before,
.ion-md-es-NOC-to-conduct-event-outline:before {
  content: "";
}

.es-pyrotechnic-display:before,
.ion-ios-es-pyrotechnic-display:before,
.ion-ios-es-pyrotechnic-display-outline:before,
.ion-md-es-pyrotechnic-display:before,
.ion-md-es-pyrotechnic-display-outline:before {
  content: "";
}

.es-Registration-of-Commercial-Drone:before,
.ion-ios-es-Registration-of-Commercial-Drone:before,
.ion-ios-es-Registration-of-Commercial-Drone-outline:before,
.ion-md-es-Registration-of-Commercial-Drone:before,
.ion-md-es-Registration-of-Commercial-Drone-outline:before {
  content: "";
}

.es-Registration-of-Personal-Drone:before,
.ion-ios-es-Registration-of-Personal-Drone:before,
.ion-ios-es-Registration-of-Personal-Drone-outline:before,
.ion-md-es-Registration-of-Personal-Drone:before,
.ion-md-es-Registration-of-Personal-Drone-outline:before {
  content: "";
}

.es-sky-trackers:before,
.ion-ios-es-sky-trackers:before,
.ion-ios-es-sky-trackers-outline:before,
.ion-md-es-sky-trackers:before,
.ion-md-es-sky-trackers-outline:before {
  content: "";
}

.es-Transport-aircraft-Parts:before,
.ion-ios-es-Transport-aircraft-Parts:before,
.ion-ios-es-Transport-aircraft-Parts-outline:before,
.ion-md-es-Transport-aircraft-Parts:before,
.ion-md-es-Transport-aircraft-Parts-outline:before {
  content: "";
}

.es-Commercial-aircraft-landing-field:before,
.ion-ios-es-Commercial-aircraft-landing-field:before,
.ion-ios-es-Commercial-aircraft-landing-field-outline:before,
.ion-md-es-Commercial-aircraft-landing-field:before,
.ion-md-es-Commercial-aircraft-landing-field-outline:before {
  content: "";
}

.es-Commercial-Heliport:before,
.ion-ios-es-Commercial-Heliport:before,
.ion-ios-es-Commercial-Heliport-outline:before,
.ion-md-es-Commercial-Heliport:before,
.ion-md-es-Commercial-Heliport-outline:before {
  content: "";
}

.es-Landing-field-for-sports-aircraft:before,
.ion-ios-es-Landing-field-for-sports-aircraft:before,
.ion-ios-es-Landing-field-for-sports-aircraft-outline:before,
.ion-md-es-Landing-field-for-sports-aircraft:before,
.ion-md-es-Landing-field-for-sports-aircraft-outline:before {
  content: "";
}

.es-Non-commercial-aircraft-landing-field:before,
.ion-ios-es-Non-commercial-aircraft-landing-field:before,
.ion-ios-es-Non-commercial-aircraft-landing-field-outline:before,
.ion-md-es-Non-commercial-aircraft-landing-field:before,
.ion-md-es-Non-commercial-aircraft-landing-field-outline:before {
  content: "";
}

.es-Non-commercial-Heliport:before,
.ion-ios-es-Non-commercial-Heliport:before,
.ion-ios-es-Non-commercial-Heliport-outline:before,
.ion-md-es-Non-commercial-Heliport:before,
.ion-md-es-Non-commercial-Heliport-outline:before {
  content: "";
}

.es-Building-Constructions:before,
.ion-ios-es-Building-Constructions:before,
.ion-ios-es-Building-Constructions-outline:before,
.ion-md-es-Building-Constructions:before,
.ion-md-es-Building-Constructions-outline:before {
  content: "";
}

.es-Approving-Landing-Fields:before,
.ion-ios-es-Approving-Landing-Fields:before,
.ion-ios-es-Approving-Landing-Fields-outline:before,
.ion-md-es-Approving-Landing-Fields:before,
.ion-md-es-Approving-Landing-Fields-outline:before {
  content: "";
}

.es-Aviation-related-Activities:before,
.ion-ios-es-Aviation-related-Activities:before,
.ion-ios-es-Aviation-related-Activities-outline:before,
.ion-md-es-Aviation-related-Activities:before,
.ion-md-es-Aviation-related-Activities-outline:before {
  content: "";
}

.es-Aviation-Safety-Operations:before,
.ion-ios-es-Aviation-Safety-Operations:before,
.ion-ios-es-Aviation-Safety-Operations-outline:before,
.ion-md-es-Aviation-Safety-Operations:before,
.ion-md-es-Aviation-Safety-Operations-outline:before {
  content: "";
}

.es-Dangerous-Goods:before,
.ion-ios-es-Dangerous-Goods:before,
.ion-ios-es-Dangerous-Goods-outline:before,
.ion-md-es-Dangerous-Goods:before,
.ion-md-es-Dangerous-Goods-outline:before {
  content: "";
}

.es-Landing-Permits:before,
.ion-ios-es-Landing-Permits:before,
.ion-ios-es-Landing-Permits-outline:before,
.ion-md-es-Landing-Permits:before,
.ion-md-es-Landing-Permits-outline:before {
  content: "";
}

.es-stats-bars:before,
.ion-ios-es-stats-bars:before,
.ion-ios-es-stats-bars-outline:before,
.ion-md-es-stats-bars:before,
.ion-md-es-stats-bars-outline:before {
  content: "";
}

.es-email:before,
.ion-ios-es-email:before,
.ion-ios-es-email-outline:before,
.ion-md-es-email:before,
.ion-md-es-email-outline:before {
  content: "";
}

.es-dateofbirth:before,
.ion-ios-es-dateofbirth:before,
.ion-ios-es-dateofbirth-outline:before,
.ion-md-es-dateofbirth:before,
.ion-md-es-dateofbirth-outline:before {
  content: "";
}

.es-mobile:before,
.ion-ios-es-mobile:before,
.ion-ios-es-mobile-outline:before,
.ion-md-es-mobile:before,
.ion-md-es-mobile-outline:before {
  content: "";
}

.es-pobox:before,
.ion-ios-es-pobox:before,
.ion-ios-es-pobox-outline:before,
.ion-md-es-pobox:before,
.ion-md-es-pobox-outline:before {
  content: "";
}

.es-fax:before,
.ion-ios-es-fax:before,
.ion-ios-es-fax-outline:before,
.ion-md-es-fax:before,
.ion-md-es-fax-outline:before {
  content: "";
}

.es-location:before,
.ion-ios-es-location:before,
.ion-ios-es-location-outline:before,
.ion-md-es-location:before,
.ion-md-es-location-outline:before {
  content: "";
}

/* MYDCAA icons make*/
.mydcaa-DGdashboard:before,
.ion-ios-mydcaa-DGdashboard:before,
.ion-ios-mydcaa-DGdashboard-outline:before,
.ion-md-mydcaa-DGdashboard:before,
.ion-md-mydcaa-DGdashboard-outline:before {
  content: "";
}

.mydcaa-Violation:before,
.ion-ios-mydcaa-Violation:before,
.ion-ios-mydcaa-Violation-outline:before,
.ion-md-mydcaa-Violation:before,
.ion-md-mydcaa-Violation-outline:before {
  content: "";
}

.mydcaa-Report:before,
.ion-ios-mydcaa-Report:before,
.ion-ios-mydcaa-Report-outline:before,
.ion-md-mydcaa-Report:before,
.ion-md-mydcaa-Report-outline:before {
  content: "";
}

.mydcaa-more:before,
.ion-ios-mydcaa-more:before,
.ion-ios-mydcaa-more-outline:before,
.ion-md-mydcaa-more:before,
.ion-md-mydcaa-more-outline:before {
  content: "";
}

.mydcaa-infomation:before,
.ion-ios-mydcaa-infomation:before,
.ion-ios-mydcaa-infomation-outline:before,
.ion-md-mydcaa-infomation:before,
.ion-md-mydcaa-infomation-outline:before {
  content: "";
}

.mydcaa-fees:before,
.ion-ios-mydcaa-fees:before,
.ion-ios-mydcaa-fees-outline:before,
.ion-md-mydcaa-fees:before,
.ion-md-mydcaa-fees-outline:before {
  content: "";
}

.mydcaa-Assets-Type:before,
.ion-ios-mydcaa-Assets-Type:before,
.ion-ios-mydcaa-Assets-Type-outline:before,
.ion-md-mydcaa-Assets-Type:before,
.ion-md-mydcaa-Assets-Type-outline:before {
  content: "";
}

.mydcaa-Document-Signature:before,
.ion-ios-mydcaa-Document-Signature:before,
.ion-ios-mydcaa-Document-Signature-outline:before,
.ion-md-mydcaa-Document-Signature:before,
.ion-md-mydcaa-Document-Signature-outline:before {
  content: "";
}

.mydcaa-Assets-Inventory-List:before,
.ion-ios-mydcaa-Assets-Inventory-List:before,
.ion-ios-mydcaa-Assets-Inventory-List-outline:before,
.ion-md-mydcaa-Assets-Inventory-List:before,
.ion-md-mydcaa-Assets-Inventory-List-outline:before {
  content: "";
}

.mydcaa-Allocate:before,
.ion-ios-mydcaa-Allocate:before,
.ion-ios-mydcaa-Allocate-outline:before,
.ion-md-mydcaa-Allocate:before,
.ion-md-mydcaa-Allocate-outline:before {
  content: "";
}

.mydcaa-Add-Stock:before,
.ion-ios-mydcaa-Add-Stock:before,
.ion-ios-mydcaa-Add-Stock-outline:before,
.ion-md-mydcaa-Add-Stock:before,
.ion-md-mydcaa-Add-Stock-outline:before {
  content: "";
}

.mydcaa-Preview-Product:before,
.ion-ios-mydcaa-Preview-Product:before,
.ion-ios-mydcaa-Preview-Product-outline:before,
.ion-md-mydcaa-Preview-Product:before,
.ion-md-mydcaa-Preview-Product-outline:before {
  content: "";
}

.mydcaa-Allocation-History:before,
.ion-ios-mydcaa-Allocation-History:before,
.ion-ios-mydcaa-Allocation-History-outline:before,
.ion-md-mydcaa-Allocation-History:before,
.ion-md-mydcaa-Allocation-History-outline:before {
  content: "";
}

.mydcaa-Return-Product:before,
.ion-ios-mydcaa-Return-Product:before,
.ion-ios-mydcaa-Return-Product-outline:before,
.ion-md-mydcaa-Return-Product:before,
.ion-md-mydcaa-Return-Product-outline:before {
  content: "";
}

.mydcaa-Allocated:before,
.ion-ios-mydcaa-Allocated:before,
.ion-ios-mydcaa-Allocated-outline:before,
.ion-md-mydcaa-Allocated:before,
.ion-md-mydcaa-Allocated-outline:before {
  content: "";
}

.mydcaa-Stock-history:before,
.ion-ios-mydcaa-Stock-history:before,
.ion-ios-mydcaa-Stock-history-outline:before,
.ion-md-mydcaa-Stock-history:before,
.ion-md-mydcaa-Stock-history-outline:before {
  content: "";
}

.mydcaa-clear_all:before,
.ion-ios-mydcaa-clear_all:before,
.ion-ios-mydcaa-clear_all-outline:before,
.ion-md-mydcaa-clear_all:before,
.ion-md-mydcaa-clear_all-outline:before {
  content: "";
}

.mydcaa-zones:before,
.ion-ios-mydcaa-zones:before,
.ion-ios-mydcaa-zones-outline:before,
.ion-md-mydcaa-zones:before,
.ion-md-mydcaa-zones-outline:before {
  content: "";
}

.mydcaa-Collapsed:before,
.ion-ios-mydcaa-Collapsed:before,
.ion-ios-mydcaa-Collapsed-outline:before,
.ion-md-mydcaa-Collapsed:before,
.ion-md-mydcaa-Collapsed-outline:before {
  content: "";
}

.mydcaa-UAVExperimentalZone:before,
.ion-ios-mydcaa-UAVExperimentalZone:before,
.ion-ios-mydcaa-UAVExperimentalZone-outline:before,
.ion-md-mydcaa-UAVExperimentalZone:before,
.ion-md-mydcaa-UAVExperimentalZone-outline:before {
  content: "";
}

.mydcaa-DubaiSkydive:before,
.ion-ios-mydcaa-DubaiSkydive:before,
.ion-ios-mydcaa-DubaiSkydive-outline:before,
.ion-md-mydcaa-DubaiSkydive:before,
.ion-md-mydcaa-DubaiSkydive-outline:before {
  content: "";
}

.mydcaa-RestrictedArea:before,
.ion-ios-mydcaa-RestrictedArea:before,
.ion-ios-mydcaa-RestrictedArea-outline:before,
.ion-md-mydcaa-RestrictedArea:before,
.ion-md-mydcaa-RestrictedArea-outline:before {
  content: "";
}

.mydcaa-RecreationalArea:before,
.ion-ios-mydcaa-RecreationalArea:before,
.ion-ios-mydcaa-RecreationalArea-outline:before,
.ion-md-mydcaa-RecreationalArea:before,
.ion-md-mydcaa-RecreationalArea-outline:before {
  content: "";
}

.mydcaa-ClosedArea:before,
.ion-ios-mydcaa-ClosedArea:before,
.ion-ios-mydcaa-ClosedArea-outline:before,
.ion-md-mydcaa-ClosedArea:before,
.ion-md-mydcaa-ClosedArea-outline:before {
  content: "";
}

.mydcaa-ProhibitedArea:before,
.ion-ios-mydcaa-ProhibitedArea:before,
.ion-ios-mydcaa-ProhibitedArea-outline:before,
.ion-md-mydcaa-ProhibitedArea:before,
.ion-md-mydcaa-ProhibitedArea-outline:before {
  content: "";
}

.mydcaa-NaturalSanctuaryArea:before,
.ion-ios-mydcaa-NaturalSanctuaryArea:before,
.ion-ios-mydcaa-NaturalSanctuaryArea-outline:before,
.ion-md-mydcaa-NaturalSanctuaryArea:before,
.ion-md-mydcaa-NaturalSanctuaryArea-outline:before {
  content: "";
}

.mydcaa-FlyingClub:before,
.ion-ios-mydcaa-FlyingClub:before,
.ion-ios-mydcaa-FlyingClub-outline:before,
.ion-md-mydcaa-FlyingClub:before,
.ion-md-mydcaa-FlyingClub-outline:before {
  content: "";
}

.mydcaa-FlightTrainingArea:before,
.ion-ios-mydcaa-FlightTrainingArea:before,
.ion-ios-mydcaa-FlightTrainingArea-outline:before,
.ion-md-mydcaa-FlightTrainingArea:before,
.ion-md-mydcaa-FlightTrainingArea-outline:before {
  content: "";
}

.mydcaa-show-all:before,
.ion-ios-mydcaa-show-all:before,
.ion-ios-mydcaa-show-all-outline:before,
.ion-md-mydcaa-show-all:before,
.ion-md-mydcaa-show-all-outline:before {
  content: "";
}

.mydcaa-reply_all:before,
.ion-ios-mydcaa-reply_all:before,
.ion-ios-mydcaa-reply_all-outline:before,
.ion-md-mydcaa-reply_all:before,
.ion-md-mydcaa-reply_all-outline:before {
  content: "";
}

.mydcaa-statistics_pie:before,
.ion-ios-mydcaa-statistics_pie:before,
.ion-ios-mydcaa-statistics_pie-outline:before,
.ion-md-mydcaa-statistics_pie:before,
.ion-md-mydcaa-statistics_pie-outline:before {
  content: "";
}

.mydcaa-reply:before,
.ion-ios-mydcaa-reply:before,
.ion-ios-mydcaa-reply-outline:before,
.ion-md-mydcaa-reply:before,
.ion-md-mydcaa-reply-outline:before {
  content: "";
}

.mydcaa-Newsletter:before,
.ion-ios-mydcaa-Newsletter:before,
.ion-ios-mydcaa-Newsletter-outline:before,
.ion-md-mydcaa-Newsletter:before,
.ion-md-mydcaa-Newsletter-outline:before {
  content: "";
}

.mydcaa-Violation-Templates:before,
.ion-ios-mydcaa-Violation-Templates:before,
.ion-ios-mydcaa-Violation-Templates-outline:before,
.ion-md-mydcaa-Violation-Templates:before,
.ion-md-mydcaa-Violation-Templates-outline:before {
  content: "";
}

.mydcaa-Service-Rules:before,
.ion-ios-mydcaa-Service-Rules:before,
.ion-ios-mydcaa-Service-Rules-outline:before,
.ion-md-mydcaa-Service-Rules:before,
.ion-md-mydcaa-Service-Rules-outline:before {
  content: "";
}

.mydcaa-Appraisal-Summary:before,
.ion-ios-mydcaa-Appraisal-Summary:before,
.ion-ios-mydcaa-Appraisal-Summary-outline:before,
.ion-md-mydcaa-Appraisal-Summary:before,
.ion-md-mydcaa-Appraisal-Summary-outline:before {
  content: "";
}

.mydcaa-Video-Call:before,
.ion-ios-mydcaa-Video-Call:before,
.ion-ios-mydcaa-Video-Call-outline:before,
.ion-md-mydcaa-Video-Call:before,
.ion-md-mydcaa-Video-Call-outline:before {
  content: "";
}

.mydcaa-stakeholders:before,
.ion-ios-mydcaa-stakeholders:before,
.ion-ios-mydcaa-stakeholders-outline:before,
.ion-md-mydcaa-stakeholders:before,
.ion-md-mydcaa-stakeholders-outline:before {
  content: "";
}

.mydcaa-responsibility:before,
.ion-ios-mydcaa-responsibility:before,
.ion-ios-mydcaa-responsibility-outline:before,
.ion-md-mydcaa-responsibility:before,
.ion-md-mydcaa-responsibility-outline:before {
  content: "";
}

.mydcaa-people:before,
.ion-ios-mydcaa-people:before,
.ion-ios-mydcaa-people-outline:before,
.ion-md-mydcaa-people:before,
.ion-md-mydcaa-people-outline:before {
  content: "";
}

.mydcaa-Key-Performance:before,
.ion-ios-mydcaa-Key-Performance:before,
.ion-ios-mydcaa-Key-Performance-outline:before,
.ion-md-mydcaa-Key-Performance:before,
.ion-md-mydcaa-Key-Performance-outline:before {
  content: "";
}

.mydcaa-Human-resource:before,
.ion-ios-mydcaa-Human-resource:before,
.ion-ios-mydcaa-Human-resource-outline:before,
.ion-md-mydcaa-Human-resource:before,
.ion-md-mydcaa-Human-resource-outline:before {
  content: "";
}

.mydcaa-financial-performance:before,
.ion-ios-mydcaa-financial-performance:before,
.ion-ios-mydcaa-financial-performance-outline:before,
.ion-md-mydcaa-financial-performance:before,
.ion-md-mydcaa-financial-performance-outline:before {
  content: "";
}

.mydcaa-Favorite-Indicators:before,
.ion-ios-mydcaa-Favorite-Indicators:before,
.ion-ios-mydcaa-Favorite-Indicators-outline:before,
.ion-md-mydcaa-Favorite-Indicators:before,
.ion-md-mydcaa-Favorite-Indicators-outline:before {
  content: "";
}

.mydcaa-Employee-appraisal:before,
.ion-ios-mydcaa-Employee-appraisal:before,
.ion-ios-mydcaa-Employee-appraisal-outline:before,
.ion-md-mydcaa-Employee-appraisal:before,
.ion-md-mydcaa-Employee-appraisal-outline:before {
  content: "";
}

.mydcaa-bug:before,
.ion-ios-mydcaa-bug:before,
.ion-ios-mydcaa-bug-outline:before,
.ion-md-mydcaa-bug:before,
.ion-md-mydcaa-bug-outline:before {
  content: "";
}

.mydcaa-avistion-statics:before,
.ion-ios-mydcaa-avistion-statics:before,
.ion-ios-mydcaa-avistion-statics-outline:before,
.ion-md-mydcaa-avistion-statics:before,
.ion-md-mydcaa-avistion-statics-outline:before {
  content: "";
}

.mydcaa-Ticketing:before,
.ion-ios-mydcaa-Ticketing:before,
.ion-ios-mydcaa-Ticketing-outline:before,
.ion-md-mydcaa-Ticketing:before,
.ion-md-mydcaa-Ticketing-outline:before {
  content: "";
}

.mydcaa-Administration:before,
.ion-ios-mydcaa-Administration:before,
.ion-ios-mydcaa-Administration-outline:before,
.ion-md-mydcaa-Administration:before,
.ion-md-mydcaa-Administration-outline:before {
  content: "";
}

.mydcaa-Company-outline:before,
.ion-ios-mydcaa-Company-outline:before,
.ion-ios-mydcaa-Company-outline-outline:before,
.ion-md-mydcaa-Company-outline:before,
.ion-md-mydcaa-Company-outline-outline:before {
  content: "";
}

.mydcaa-location-outline:before,
.ion-ios-mydcaa-location-outline:before,
.ion-ios-mydcaa-location-outline-outline:before,
.ion-md-mydcaa-location-outline:before,
.ion-md-mydcaa-location-outline-outline:before {
  content: "";
}

.mydcaa-group-outline:before,
.ion-ios-mydcaa-group-outline:before,
.ion-ios-mydcaa-group-outline-outline:before,
.ion-md-mydcaa-group-outline:before,
.ion-md-mydcaa-group-outline-outline:before {
  content: "";
}

.mydcaa-user-outline:before,
.ion-ios-mydcaa-user-outline:before,
.ion-ios-mydcaa-user-outline-outline:before,
.ion-md-mydcaa-user-outline:before,
.ion-md-mydcaa-user-outline-outline:before {
  content: "";
}

.mydcaa-call-outline:before,
.ion-ios-mydcaa-call-outline:before,
.ion-ios-mydcaa-call-outline-outline:before,
.ion-md-mydcaa-call-outline:before,
.ion-md-mydcaa-call-outline-outline:before {
  content: "";
}

.mydcaa-chat-outline:before,
.ion-ios-mydcaa-chat-outline:before,
.ion-ios-mydcaa-chat-outline-outline:before,
.ion-md-mydcaa-chat-outline:before,
.ion-md-mydcaa-chat-outline-outline:before {
  content: "";
}

.mydcaa-mail-outline:before,
.ion-ios-mydcaa-mail-outline:before,
.ion-ios-mydcaa-mail-outline-outline:before,
.ion-md-mydcaa-mail-outline:before,
.ion-md-mydcaa-mail-outline-outline:before {
  content: "";
}

.mydcaa-Drive:before,
.ion-ios-mydcaa-Drive:before,
.ion-ios-mydcaa-Drive-outline:before,
.ion-md-mydcaa-Drive:before,
.ion-md-mydcaa-Drive-outline:before {
  content: "";
}

.mydcaa-Gallery:before,
.ion-ios-mydcaa-Gallery:before,
.ion-ios-mydcaa-Gallery-outline:before,
.ion-md-mydcaa-Gallery:before,
.ion-md-mydcaa-Gallery-outline:before {
  content: "";
}

.mydcaa-Bazaar:before,
.ion-ios-mydcaa-Bazaar:before,
.ion-ios-mydcaa-Bazaar-outline:before,
.ion-md-mydcaa-Bazaar:before,
.ion-md-mydcaa-Bazaar-outline:before {
  content: "";
}

.mydcaa-Calendar:before,
.ion-ios-mydcaa-Calendar:before,
.ion-ios-mydcaa-Calendar-outline:before,
.ion-md-mydcaa-Calendar:before,
.ion-md-mydcaa-Calendar-outline:before {
  content: "";
}

.mydcaa-Insights:before,
.ion-ios-mydcaa-Insights:before,
.ion-ios-mydcaa-Insights-outline:before,
.ion-md-mydcaa-Insights:before,
.ion-md-mydcaa-Insights-outline:before {
  content: "";
}

.mydcaa-Media:before,
.ion-ios-mydcaa-Media:before,
.ion-ios-mydcaa-Media-outline:before,
.ion-md-mydcaa-Media:before,
.ion-md-mydcaa-Media-outline:before {
  content: "";
}

.mydcaa-Answer-Templates:before,
.ion-ios-mydcaa-Answer-Templates:before,
.ion-ios-mydcaa-Answer-Templates-outline:before,
.ion-md-mydcaa-Answer-Templates:before,
.ion-md-mydcaa-Answer-Templates-outline:before {
  content: "";
}

.mydcaa-Appraisal-Plan:before,
.ion-ios-mydcaa-Appraisal-Plan:before,
.ion-ios-mydcaa-Appraisal-Plan-outline:before,
.ion-md-mydcaa-Appraisal-Plan:before,
.ion-md-mydcaa-Appraisal-Plan-outline:before {
  content: "";
}

.mydcaa-Assignments:before,
.ion-ios-mydcaa-Assignments:before,
.ion-ios-mydcaa-Assignments-outline:before,
.ion-md-mydcaa-Assignments:before,
.ion-md-mydcaa-Assignments-outline:before {
  content: "";
}

.mydcaa-Certificate:before,
.ion-ios-mydcaa-Certificate:before,
.ion-ios-mydcaa-Certificate-outline:before,
.ion-md-mydcaa-Certificate:before,
.ion-md-mydcaa-Certificate-outline:before {
  content: "";
}

.mydcaa-Certificate-Template:before,
.ion-ios-mydcaa-Certificate-Template:before,
.ion-ios-mydcaa-Certificate-Template-outline:before,
.ion-md-mydcaa-Certificate-Template:before,
.ion-md-mydcaa-Certificate-Template-outline:before {
  content: "";
}

.mydcaa-Chats-Sessions:before,
.ion-ios-mydcaa-Chats-Sessions:before,
.ion-ios-mydcaa-Chats-Sessions-outline:before,
.ion-md-mydcaa-Chats-Sessions:before,
.ion-md-mydcaa-Chats-Sessions-outline:before {
  content: "";
}

.mydcaa-Companies-Entities:before,
.ion-ios-mydcaa-Companies-Entities:before,
.ion-ios-mydcaa-Companies-Entities-outline:before,
.ion-md-mydcaa-Companies-Entities:before,
.ion-md-mydcaa-Companies-Entities-outline:before {
  content: "";
}

.mydcaa-Competency-Evaluation:before,
.ion-ios-mydcaa-Competency-Evaluation:before,
.ion-ios-mydcaa-Competency-Evaluation-outline:before,
.ion-md-mydcaa-Competency-Evaluation:before,
.ion-md-mydcaa-Competency-Evaluation-outline:before {
  content: "";
}

.mydcaa-Contact-Feedback:before,
.ion-ios-mydcaa-Contact-Feedback:before,
.ion-ios-mydcaa-Contact-Feedback-outline:before,
.ion-md-mydcaa-Contact-Feedback:before,
.ion-md-mydcaa-Contact-Feedback-outline:before {
  content: "";
}

.mydcaa-DataBox:before,
.ion-ios-mydcaa-DataBox:before,
.ion-ios-mydcaa-DataBox-outline:before,
.ion-md-mydcaa-DataBox:before,
.ion-md-mydcaa-DataBox-outline:before {
  content: "";
}

.mydcaa-Download:before,
.ion-ios-mydcaa-Download:before,
.ion-ios-mydcaa-Download-outline:before,
.ion-md-mydcaa-Download:before,
.ion-md-mydcaa-Download-outline:before {
  content: "";
}

.mydcaa-Employee-Appraisal:before,
.ion-ios-mydcaa-Employee-Appraisal:before,
.ion-ios-mydcaa-Employee-Appraisal-outline:before,
.ion-md-mydcaa-Employee-Appraisal:before,
.ion-md-mydcaa-Employee-Appraisal-outline:before {
  content: "";
}

.mydcaa-E-Services:before,
.ion-ios-mydcaa-E-Services:before,
.ion-ios-mydcaa-E-Services-outline:before,
.ion-md-mydcaa-E-Services:before,
.ion-md-mydcaa-E-Services-outline:before {
  content: "";
}

.mydcaa-Events:before,
.ion-ios-mydcaa-Events:before,
.ion-ios-mydcaa-Events-outline:before,
.ion-md-mydcaa-Events:before,
.ion-md-mydcaa-Events-outline:before {
  content: "";
}

.mydcaa-Fav-Indicators:before,
.ion-ios-mydcaa-Fav-Indicators:before,
.ion-ios-mydcaa-Fav-Indicators-outline:before,
.ion-md-mydcaa-Fav-Indicators:before,
.ion-md-mydcaa-Fav-Indicators-outline:before {
  content: "";
}

.mydcaa-Favorites:before,
.ion-ios-mydcaa-Favorites:before,
.ion-ios-mydcaa-Favorites-outline:before,
.ion-md-mydcaa-Favorites:before,
.ion-md-mydcaa-Favorites-outline:before {
  content: "";
}

.mydcaa-Final-Appraisal:before,
.ion-ios-mydcaa-Final-Appraisal:before,
.ion-ios-mydcaa-Final-Appraisal-outline:before,
.ion-md-mydcaa-Final-Appraisal:before,
.ion-md-mydcaa-Final-Appraisal-outline:before {
  content: "";
}

.mydcaa-Help:before,
.ion-ios-mydcaa-Help:before,
.ion-ios-mydcaa-Help-outline:before,
.ion-md-mydcaa-Help:before,
.ion-md-mydcaa-Help-outline:before {
  content: "";
}

.mydcaa-Indicators:before,
.ion-ios-mydcaa-Indicators:before,
.ion-ios-mydcaa-Indicators-outline:before,
.ion-md-mydcaa-Indicators:before,
.ion-md-mydcaa-Indicators-outline:before {
  content: "";
}

.mydcaa-Flightlist:before,
.ion-ios-mydcaa-Flightlist:before,
.ion-ios-mydcaa-Flightlist-outline:before,
.ion-md-mydcaa-Flightlist:before,
.ion-md-mydcaa-Flightlist-outline:before {
  content: "";
}

.mydcaa-Individual-Dev-Plan:before,
.ion-ios-mydcaa-Individual-Dev-Plan:before,
.ion-ios-mydcaa-Individual-Dev-Plan-outline:before,
.ion-md-mydcaa-Individual-Dev-Plan:before,
.ion-md-mydcaa-Individual-Dev-Plan-outline:before {
  content: "";
}

.mydcaa-Internal-Service-Dashboard:before,
.ion-ios-mydcaa-Internal-Service-Dashboard:before,
.ion-ios-mydcaa-Internal-Service-Dashboard-outline:before,
.ion-md-mydcaa-Internal-Service-Dashboard:before,
.ion-md-mydcaa-Internal-Service-Dashboard-outline:before {
  content: "";
}

.mydcaa-Inspections:before,
.ion-ios-mydcaa-Inspections:before,
.ion-ios-mydcaa-Inspections-outline:before,
.ion-md-mydcaa-Inspections:before,
.ion-md-mydcaa-Inspections-outline:before {
  content: "";
}

.mydcaa-Language:before,
.ion-ios-mydcaa-Language:before,
.ion-ios-mydcaa-Language-outline:before,
.ion-md-mydcaa-Language:before,
.ion-md-mydcaa-Language-outline:before {
  content: "";
}

.mydcaa-Leaderboard:before,
.ion-ios-mydcaa-Leaderboard:before,
.ion-ios-mydcaa-Leaderboard-outline:before,
.ion-md-mydcaa-Leaderboard:before,
.ion-md-mydcaa-Leaderboard-outline:before {
  content: "";
}

.mydcaa-Login:before,
.ion-ios-mydcaa-Login:before,
.ion-ios-mydcaa-Login-outline:before,
.ion-md-mydcaa-Login:before,
.ion-md-mydcaa-Login-outline:before {
  content: "";
}

.mydcaa-LogOut:before,
.ion-ios-mydcaa-LogOut:before,
.ion-ios-mydcaa-LogOut-outline:before,
.ion-md-mydcaa-LogOut:before,
.ion-md-mydcaa-LogOut-outline:before {
  content: "";
}

.mydcaa-MyDownloads:before,
.ion-ios-mydcaa-MyDownloads:before,
.ion-ios-mydcaa-MyDownloads-outline:before,
.ion-md-mydcaa-MyDownloads:before,
.ion-md-mydcaa-MyDownloads-outline:before {
  content: "";
}

.mydcaa-MyDrive:before,
.ion-ios-mydcaa-MyDrive:before,
.ion-ios-mydcaa-MyDrive-outline:before,
.ion-md-mydcaa-MyDrive:before,
.ion-md-mydcaa-MyDrive-outline:before {
  content: "";
}

.mydcaa-Menu:before,
.ion-ios-mydcaa-Menu:before,
.ion-ios-mydcaa-Menu-outline:before,
.ion-md-mydcaa-Menu:before,
.ion-md-mydcaa-Menu-outline:before {
  content: "";
}

.mydcaa-Mic:before,
.ion-ios-mydcaa-Mic:before,
.ion-ios-mydcaa-Mic-outline:before,
.ion-md-mydcaa-Mic:before,
.ion-md-mydcaa-Mic-outline:before {
  content: "";
}

.mydcaa-Notification:before,
.ion-ios-mydcaa-Notification:before,
.ion-ios-mydcaa-Notification-outline:before,
.ion-md-mydcaa-Notification:before,
.ion-md-mydcaa-Notification-outline:before {
  content: "";
}

.mydcaa-Notification-Red:before,
.ion-ios-mydcaa-Notification-Red:before,
.ion-ios-mydcaa-Notification-Red-outline:before,
.ion-md-mydcaa-Notification-Red:before,
.ion-md-mydcaa-Notification-Red-outline:before {
  content: "";
}

.mydcaa-Objective-Evaluations:before,
.ion-ios-mydcaa-Objective-Evaluations:before,
.ion-ios-mydcaa-Objective-Evaluations-outline:before,
.ion-md-mydcaa-Objective-Evaluations:before,
.ion-md-mydcaa-Objective-Evaluations-outline:before {
  content: "";
}

.mydcaa-Objectives:before,
.ion-ios-mydcaa-Objectives:before,
.ion-ios-mydcaa-Objectives-outline:before,
.ion-md-mydcaa-Objectives:before,
.ion-md-mydcaa-Objectives-outline:before {
  content: "";
}

.mydcaa-Program-Initiative:before,
.ion-ios-mydcaa-Program-Initiative:before,
.ion-ios-mydcaa-Program-Initiative-outline:before,
.ion-md-mydcaa-Program-Initiative:before,
.ion-md-mydcaa-Program-Initiative-outline:before {
  content: "";
}

.mydcaa-Programs:before,
.ion-ios-mydcaa-Programs:before,
.ion-ios-mydcaa-Programs-outline:before,
.ion-md-mydcaa-Programs:before,
.ion-md-mydcaa-Programs-outline:before {
  content: "";
}

.mydcaa-Question-Templates:before,
.ion-ios-mydcaa-Question-Templates:before,
.ion-ios-mydcaa-Question-Templates-outline:before,
.ion-md-mydcaa-Question-Templates:before,
.ion-md-mydcaa-Question-Templates-outline:before {
  content: "";
}

.mydcaa-Recent-Files:before,
.ion-ios-mydcaa-Recent-Files:before,
.ion-ios-mydcaa-Recent-Files-outline:before,
.ion-md-mydcaa-Recent-Files:before,
.ion-md-mydcaa-Recent-Files-outline:before {
  content: "";
}

.mydcaa-Reports:before,
.ion-ios-mydcaa-Reports:before,
.ion-ios-mydcaa-Reports-outline:before,
.ion-md-mydcaa-Reports:before,
.ion-md-mydcaa-Reports-outline:before {
  content: "";
}

.mydcaa-Search:before,
.ion-ios-mydcaa-Search:before,
.ion-ios-mydcaa-Search-outline:before,
.ion-md-mydcaa-Search:before,
.ion-md-mydcaa-Search-outline:before {
  content: "";
}

.mydcaa-Service-Dashboard:before,
.ion-ios-mydcaa-Service-Dashboard:before,
.ion-ios-mydcaa-Service-Dashboard-outline:before,
.ion-md-mydcaa-Service-Dashboard:before,
.ion-md-mydcaa-Service-Dashboard-outline:before {
  content: "";
}

.mydcaa-Setting:before,
.ion-ios-mydcaa-Setting:before,
.ion-ios-mydcaa-Setting-outline:before,
.ion-md-mydcaa-Setting:before,
.ion-md-mydcaa-Setting-outline:before {
  content: "";
}

.mydcaa-Shared-With-Me:before,
.ion-ios-mydcaa-Shared-With-Me:before,
.ion-ios-mydcaa-Shared-With-Me-outline:before,
.ion-md-mydcaa-Shared-With-Me:before,
.ion-md-mydcaa-Shared-With-Me-outline:before {
  content: "";
}

.mydcaa-Statistic-Dashboard:before,
.ion-ios-mydcaa-Statistic-Dashboard:before,
.ion-ios-mydcaa-Statistic-Dashboard-outline:before,
.ion-md-mydcaa-Statistic-Dashboard:before,
.ion-md-mydcaa-Statistic-Dashboard-outline:before {
  content: "";
}

.mydcaa-Statistic-Records:before,
.ion-ios-mydcaa-Statistic-Records:before,
.ion-ios-mydcaa-Statistic-Records-outline:before,
.ion-md-mydcaa-Statistic-Records:before,
.ion-md-mydcaa-Statistic-Records-outline:before {
  content: "";
}

.mydcaa-Services:before,
.ion-ios-mydcaa-Services:before,
.ion-ios-mydcaa-Services-outline:before,
.ion-md-mydcaa-Services:before,
.ion-md-mydcaa-Services-outline:before {
  content: "";
}

.mydcaa-Storage:before,
.ion-ios-mydcaa-Storage:before,
.ion-ios-mydcaa-Storage-outline:before,
.ion-md-mydcaa-Storage:before,
.ion-md-mydcaa-Storage-outline:before {
  content: "";
}

.mydcaa-Subservices:before,
.ion-ios-mydcaa-Subservices:before,
.ion-ios-mydcaa-Subservices-outline:before,
.ion-md-mydcaa-Subservices:before,
.ion-md-mydcaa-Subservices-outline:before {
  content: "";
}

.mydcaa-Surveys:before,
.ion-ios-mydcaa-Surveys:before,
.ion-ios-mydcaa-Surveys-outline:before,
.ion-md-mydcaa-Surveys:before,
.ion-md-mydcaa-Surveys-outline:before {
  content: "";
}

.mydcaa-Side-Menu:before,
.ion-ios-mydcaa-Side-Menu:before,
.ion-ios-mydcaa-Side-Menu-outline:before,
.ion-md-mydcaa-Side-Menu:before,
.ion-md-mydcaa-Side-Menu-outline:before {
  content: "";
}

.mydcaa-Saved-Drafts:before,
.ion-ios-mydcaa-Saved-Drafts:before,
.ion-ios-mydcaa-Saved-Drafts-outline:before,
.ion-md-mydcaa-Saved-Drafts:before,
.ion-md-mydcaa-Saved-Drafts-outline:before {
  content: "";
}

.mydcaa-Task-Dashboard:before,
.ion-ios-mydcaa-Task-Dashboard:before,
.ion-ios-mydcaa-Task-Dashboard-outline:before,
.ion-md-mydcaa-Task-Dashboard:before,
.ion-md-mydcaa-Task-Dashboard-outline:before {
  content: "";
}

.mydcaa-Ticket-Categories:before,
.ion-ios-mydcaa-Ticket-Categories:before,
.ion-ios-mydcaa-Ticket-Categories-outline:before,
.ion-md-mydcaa-Ticket-Categories:before,
.ion-md-mydcaa-Ticket-Categories-outline:before {
  content: "";
}

.mydcaa-TicketDashboard:before,
.ion-ios-mydcaa-TicketDashboard:before,
.ion-ios-mydcaa-TicketDashboard-outline:before,
.ion-md-mydcaa-TicketDashboard:before,
.ion-md-mydcaa-TicketDashboard-outline:before {
  content: "";
}

.mydcaa-Tasks:before,
.ion-ios-mydcaa-Tasks:before,
.ion-ios-mydcaa-Tasks-outline:before,
.ion-md-mydcaa-Tasks:before,
.ion-md-mydcaa-Tasks-outline:before {
  content: "";
}

.mydcaa-Trash:before,
.ion-ios-mydcaa-Trash:before,
.ion-ios-mydcaa-Trash-outline:before,
.ion-md-mydcaa-Trash:before,
.ion-md-mydcaa-Trash-outline:before {
  content: "";
}

.mydcaa-Upload:before,
.ion-ios-mydcaa-Upload:before,
.ion-ios-mydcaa-Upload-outline:before,
.ion-md-mydcaa-Upload:before,
.ion-md-mydcaa-Upload-outline:before {
  content: "";
}

.mydcaa-Upload_1:before,
.ion-ios-mydcaa-Upload_1:before,
.ion-ios-mydcaa-Upload_1-outline:before,
.ion-md-mydcaa-Upload_1:before,
.ion-md-mydcaa-Upload_1-outline:before {
  content: "";
}

.mydcaa-User-Group:before,
.ion-ios-mydcaa-User-Group:before,
.ion-ios-mydcaa-User-Group-outline:before,
.ion-md-mydcaa-User-Group:before,
.ion-md-mydcaa-User-Group-outline:before {
  content: "";
}

.mydcaa-Violations:before,
.ion-ios-mydcaa-Violations:before,
.ion-ios-mydcaa-Violations-outline:before,
.ion-md-mydcaa-Violations:before,
.ion-md-mydcaa-Violations-outline:before {
  content: "";
}

.mydcaa-Weight-Distribution:before,
.ion-ios-mydcaa-Weight-Distribution:before,
.ion-ios-mydcaa-Weight-Distribution-outline:before,
.ion-md-mydcaa-Weight-Distribution:before,
.ion-md-mydcaa-Weight-Distribution-outline:before {
  content: "";
}

.mydcaa-Whistle-Blower:before,
.ion-ios-mydcaa-Whistle-Blower:before,
.ion-ios-mydcaa-Whistle-Blower-outline:before,
.ion-md-mydcaa-Whistle-Blower:before,
.ion-md-mydcaa-Whistle-Blower-outline:before {
  content: "";
}

.mydcaa-Chat-Icon:before,
.ion-ios-mydcaa-Chat-Icon:before,
.ion-ios-mydcaa-Chat-Icon-outline:before,
.ion-md-mydcaa-Chat-Icon:before,
.ion-md-mydcaa-Chat-Icon-outline:before {
  content: "";
}

.mydcaa-airportPasses:before,
.ion-ios-mydcaa-airportPasses:before,
.ion-ios-mydcaa-airportPasses-outline:before,
.ion-md-mydcaa-airportPasses:before,
.ion-md-mydcaa-airportPasses-outline:before {
  content: "";
}

.mydcaa-avatar:before,
.ion-ios-mydcaa-avatar:before,
.ion-ios-mydcaa-avatar-outline:before,
.ion-md-mydcaa-avatar:before,
.ion-md-mydcaa-avatar-outline:before {
  content: "";
}

.mydcaa-CarParking:before,
.ion-ios-mydcaa-CarParking:before,
.ion-ios-mydcaa-CarParking-outline:before,
.ion-md-mydcaa-CarParking:before,
.ion-md-mydcaa-CarParking-outline:before {
  content: "";
}

.mydcaa-IDCard:before,
.ion-ios-mydcaa-IDCard:before,
.ion-ios-mydcaa-IDCard-outline:before,
.ion-md-mydcaa-IDCard:before,
.ion-md-mydcaa-IDCard-outline:before {
  content: "";
}

.mydcaa-Legal:before,
.ion-ios-mydcaa-Legal:before,
.ion-ios-mydcaa-Legal-outline:before,
.ion-md-mydcaa-Legal:before,
.ion-md-mydcaa-Legal-outline:before {
  content: "";
}

.mydcaa-LostnFound:before,
.ion-ios-mydcaa-LostnFound:before,
.ion-ios-mydcaa-LostnFound-outline:before,
.ion-md-mydcaa-LostnFound:before,
.ion-md-mydcaa-LostnFound-outline:before {
  content: "";
}

.mydcaa-More:before,
.ion-ios-mydcaa-More:before,
.ion-ios-mydcaa-More-outline:before,
.ion-md-mydcaa-More:before,
.ion-md-mydcaa-More-outline:before {
  content: "";
}

.mydcaa-StaffVisa:before,
.ion-ios-mydcaa-StaffVisa:before,
.ion-ios-mydcaa-StaffVisa-outline:before,
.ion-md-mydcaa-StaffVisa:before,
.ion-md-mydcaa-StaffVisa-outline:before {
  content: "";
}

.mydcaa-Tick:before,
.ion-ios-mydcaa-Tick:before,
.ion-ios-mydcaa-Tick-outline:before,
.ion-md-mydcaa-Tick:before,
.ion-md-mydcaa-Tick-outline:before {
  content: "";
}

.mydcaa-time:before,
.ion-ios-mydcaa-time:before,
.ion-ios-mydcaa-time-outline:before,
.ion-md-mydcaa-time:before,
.ion-md-mydcaa-time-outline:before {
  content: "";
}

.mydcaa-bar:before,
.ion-ios-mydcaa-bar:before,
.ion-ios-mydcaa-bar-outline:before,
.ion-md-mydcaa-bar:before,
.ion-md-mydcaa-bar-outline:before {
  content: "";
}

.mydcaa-circle:before,
.ion-ios-mydcaa-circle:before,
.ion-ios-mydcaa-circle-outline:before,
.ion-md-mydcaa-circle:before,
.ion-md-mydcaa-circle-outline:before {
  content: "";
}

.mydcaa-Line:before,
.ion-ios-mydcaa-Line:before,
.ion-ios-mydcaa-Line-outline:before,
.ion-md-mydcaa-Line:before,
.ion-md-mydcaa-Line-outline:before {
  content: "";
}

.mydcaa-Circle-Filter:before,
.ion-ios-mydcaa-Circle-Filter:before,
.ion-ios-mydcaa-Circle-Filter-outline:before,
.ion-md-mydcaa-Circle-Filter:before,
.ion-md-mydcaa-Circle-Filter-outline:before {
  content: "";
}

.mydcaa-List:before,
.ion-ios-mydcaa-List:before,
.ion-ios-mydcaa-List-outline:before,
.ion-md-mydcaa-List:before,
.ion-md-mydcaa-List-outline:before {
  content: "";
}

.mydcaa-youtube-border:before,
.ion-ios-mydcaa-youtube-border:before,
.ion-ios-mydcaa-youtube-border-outline:before,
.ion-md-mydcaa-youtube-border:before,
.ion-md-mydcaa-youtube-border-outline:before {
  content: "";
}

.mydcaa-Twitter:before,
.ion-ios-mydcaa-Twitter:before,
.ion-ios-mydcaa-Twitter-outline:before,
.ion-md-mydcaa-Twitter:before,
.ion-md-mydcaa-Twitter-outline:before {
  content: "";
}

.mydcaa-Share:before,
.ion-ios-mydcaa-Share:before,
.ion-ios-mydcaa-Share-outline:before,
.ion-md-mydcaa-Share:before,
.ion-md-mydcaa-Share-outline:before {
  content: "";
}

.mydcaa-Save:before,
.ion-ios-mydcaa-Save:before,
.ion-ios-mydcaa-Save-outline:before,
.ion-md-mydcaa-Save:before,
.ion-md-mydcaa-Save-outline:before {
  content: "";
}

.mydcaa-More1:before,
.ion-ios-mydcaa-More1:before,
.ion-ios-mydcaa-More1-outline:before,
.ion-md-mydcaa-More1:before,
.ion-md-mydcaa-More1-outline:before {
  content: "";
}

.mydcaa-Like:before,
.ion-ios-mydcaa-Like:before,
.ion-ios-mydcaa-Like-outline:before,
.ion-md-mydcaa-Like:before,
.ion-md-mydcaa-Like-outline:before {
  content: "";
}

.mydcaa-Instagram:before,
.ion-ios-mydcaa-Instagram:before,
.ion-ios-mydcaa-Instagram-outline:before,
.ion-md-mydcaa-Instagram:before,
.ion-md-mydcaa-Instagram-outline:before {
  content: "";
}

.mydcaa-gallery:before,
.ion-ios-mydcaa-gallery:before,
.ion-ios-mydcaa-gallery-outline:before,
.ion-md-mydcaa-gallery:before,
.ion-md-mydcaa-gallery-outline:before {
  content: "";
}

.mydcaa-FB:before,
.ion-ios-mydcaa-FB:before,
.ion-ios-mydcaa-FB-outline:before,
.ion-md-mydcaa-FB:before,
.ion-md-mydcaa-FB-outline:before {
  content: "";
}

.mydcaa-emoji:before,
.ion-ios-mydcaa-emoji:before,
.ion-ios-mydcaa-emoji-outline:before,
.ion-md-mydcaa-emoji:before,
.ion-md-mydcaa-emoji-outline:before {
  content: "";
}

.mydcaa-Comment:before,
.ion-ios-mydcaa-Comment:before,
.ion-ios-mydcaa-Comment-outline:before,
.ion-md-mydcaa-Comment:before,
.ion-md-mydcaa-Comment-outline:before {
  content: "";
}

.mydcaa-Attach:before,
.ion-ios-mydcaa-Attach:before,
.ion-ios-mydcaa-Attach-outline:before,
.ion-md-mydcaa-Attach:before,
.ion-md-mydcaa-Attach-outline:before {
  content: "";
}

.mydcaa-Tag-Red:before,
.ion-ios-mydcaa-Tag-Red:before,
.ion-ios-mydcaa-Tag-Red-outline:before,
.ion-md-mydcaa-Tag-Red:before,
.ion-md-mydcaa-Tag-Red-outline:before {
  content: "";
}

.mydcaa-star:before,
.ion-ios-mydcaa-star:before,
.ion-ios-mydcaa-star-outline:before,
.ion-md-mydcaa-star:before,
.ion-md-mydcaa-star-outline:before {
  content: "";
}

.mydcaa-share:before,
.ion-ios-mydcaa-share:before,
.ion-ios-mydcaa-share-outline:before,
.ion-md-mydcaa-share:before,
.ion-md-mydcaa-share-outline:before {
  content: "";
}

.mydcaa-Send:before,
.ion-ios-mydcaa-Send:before,
.ion-ios-mydcaa-Send-outline:before,
.ion-md-mydcaa-Send:before,
.ion-md-mydcaa-Send-outline:before {
  content: "";
}

.mydcaa-Phone:before,
.ion-ios-mydcaa-Phone:before,
.ion-ios-mydcaa-Phone-outline:before,
.ion-md-mydcaa-Phone:before,
.ion-md-mydcaa-Phone-outline:before {
  content: "";
}

.mydcaa-Like1:before,
.ion-ios-mydcaa-Like1:before,
.ion-ios-mydcaa-Like1-outline:before,
.ion-md-mydcaa-Like1:before,
.ion-md-mydcaa-Like1-outline:before {
  content: "";
}

.mydcaa-Emoji:before,
.ion-ios-mydcaa-Emoji:before,
.ion-ios-mydcaa-Emoji-outline:before,
.ion-md-mydcaa-Emoji:before,
.ion-md-mydcaa-Emoji-outline:before {
  content: "";
}

.mydcaa-Camera:before,
.ion-ios-mydcaa-Camera:before,
.ion-ios-mydcaa-Camera-outline:before,
.ion-md-mydcaa-Camera:before,
.ion-md-mydcaa-Camera-outline:before {
  content: "";
}

.mydcaa-Call-white:before,
.ion-ios-mydcaa-Call-white:before,
.ion-ios-mydcaa-Call-white-outline:before,
.ion-md-mydcaa-Call-white:before,
.ion-md-mydcaa-Call-white-outline:before {
  content: "";
}

.mydcaa-shared:before,
.ion-ios-mydcaa-shared:before,
.ion-ios-mydcaa-shared-outline:before,
.ion-md-mydcaa-shared:before,
.ion-md-mydcaa-shared-outline:before {
  content: "";
}

.mydcaa-share1:before,
.ion-ios-mydcaa-share1:before,
.ion-ios-mydcaa-share1-outline:before,
.ion-md-mydcaa-share1:before,
.ion-md-mydcaa-share1-outline:before {
  content: "";
}

.mydcaa-Recycle-Bin:before,
.ion-ios-mydcaa-Recycle-Bin:before,
.ion-ios-mydcaa-Recycle-Bin-outline:before,
.ion-md-mydcaa-Recycle-Bin:before,
.ion-md-mydcaa-Recycle-Bin-outline:before {
  content: "";
}

.mydcaa-Recent:before,
.ion-ios-mydcaa-Recent:before,
.ion-ios-mydcaa-Recent-outline:before,
.ion-md-mydcaa-Recent:before,
.ion-md-mydcaa-Recent-outline:before {
  content: "";
}

.mydcaa-Pictures:before,
.ion-ios-mydcaa-Pictures:before,
.ion-ios-mydcaa-Pictures-outline:before,
.ion-md-mydcaa-Pictures:before,
.ion-md-mydcaa-Pictures-outline:before {
  content: "";
}

.mydcaa-New-files:before,
.ion-ios-mydcaa-New-files:before,
.ion-ios-mydcaa-New-files-outline:before,
.ion-md-mydcaa-New-files:before,
.ion-md-mydcaa-New-files-outline:before {
  content: "";
}

.mydcaa-My-drive:before,
.ion-ios-mydcaa-My-drive:before,
.ion-ios-mydcaa-My-drive-outline:before,
.ion-md-mydcaa-My-drive:before,
.ion-md-mydcaa-My-drive-outline:before {
  content: "";
}

.mydcaa-files:before,
.ion-ios-mydcaa-files:before,
.ion-ios-mydcaa-files-outline:before,
.ion-md-mydcaa-files:before,
.ion-md-mydcaa-files-outline:before {
  content: "";
}

.mydcaa-youtube:before,
.ion-ios-mydcaa-youtube:before,
.ion-ios-mydcaa-youtube-outline:before,
.ion-md-mydcaa-youtube:before,
.ion-md-mydcaa-youtube-outline:before {
  content: "";
}

.mydcaa-arrow:before,
.ion-ios-mydcaa-arrow:before,
.ion-ios-mydcaa-arrow-outline:before,
.ion-md-mydcaa-arrow:before,
.ion-md-mydcaa-arrow-outline:before {
  content: "";
}

.mydcaa-Add:before,
.ion-ios-mydcaa-Add:before,
.ion-ios-mydcaa-Add-outline:before,
.ion-md-mydcaa-Add:before,
.ion-md-mydcaa-Add-outline:before {
  content: "";
}

.mydcaa-Sync:before,
.ion-ios-mydcaa-Sync:before,
.ion-ios-mydcaa-Sync-outline:before,
.ion-md-mydcaa-Sync:before,
.ion-md-mydcaa-Sync-outline:before {
  content: "";
}

.mydcaa-Request-files:before,
.ion-ios-mydcaa-Request-files:before,
.ion-ios-mydcaa-Request-files-outline:before,
.ion-md-mydcaa-Request-files:before,
.ion-md-mydcaa-Request-files-outline:before {
  content: "";
}

.mydcaa-rename:before,
.ion-ios-mydcaa-rename:before,
.ion-ios-mydcaa-rename-outline:before,
.ion-md-mydcaa-rename:before,
.ion-md-mydcaa-rename-outline:before {
  content: "";
}

.mydcaa-MyFlies-Share:before,
.ion-ios-mydcaa-MyFlies-Share:before,
.ion-ios-mydcaa-MyFlies-Share-outline:before,
.ion-md-mydcaa-MyFlies-Share:before,
.ion-md-mydcaa-MyFlies-Share-outline:before {
  content: "";
}

.mydcaa-MyDrive-Menu:before,
.ion-ios-mydcaa-MyDrive-Menu:before,
.ion-ios-mydcaa-MyDrive-Menu-outline:before,
.ion-md-mydcaa-MyDrive-Menu:before,
.ion-md-mydcaa-MyDrive-Menu-outline:before {
  content: "";
}

.mydcaa-Move_to:before,
.ion-ios-mydcaa-Move_to:before,
.ion-ios-mydcaa-Move_to-outline:before,
.ion-md-mydcaa-Move_to:before,
.ion-md-mydcaa-Move_to-outline:before {
  content: "";
}

.mydcaa-Filter-Tiles:before,
.ion-ios-mydcaa-Filter-Tiles:before,
.ion-ios-mydcaa-Filter-Tiles-outline:before,
.ion-md-mydcaa-Filter-Tiles:before,
.ion-md-mydcaa-Filter-Tiles-outline:before {
  content: "";
}

.mydcaa-Filter-Funnerl:before,
.ion-ios-mydcaa-Filter-Funnerl:before,
.ion-ios-mydcaa-Filter-Funnerl-outline:before,
.ion-md-mydcaa-Filter-Funnerl:before,
.ion-md-mydcaa-Filter-Funnerl-outline:before {
  content: "";
}

.mydcaa-Automate:before,
.ion-ios-mydcaa-Automate:before,
.ion-ios-mydcaa-Automate-outline:before,
.ion-md-mydcaa-Automate:before,
.ion-md-mydcaa-Automate-outline:before {
  content: "";
}

.mydcaa-Right-Arrow:before,
.ion-ios-mydcaa-Right-Arrow:before,
.ion-ios-mydcaa-Right-Arrow-outline:before,
.ion-md-mydcaa-Right-Arrow:before,
.ion-md-mydcaa-Right-Arrow-outline:before {
  content: "";
}

.mydcaa-Left-arrow:before,
.ion-ios-mydcaa-Left-arrow:before,
.ion-ios-mydcaa-Left-arrow-outline:before,
.ion-md-mydcaa-Left-arrow:before,
.ion-md-mydcaa-Left-arrow-outline:before {
  content: "";
}

.mydcaa-Asset-10:before,
.ion-ios-mydcaa-Asset-10:before,
.ion-ios-mydcaa-Asset-10-outline:before,
.ion-md-mydcaa-Asset-10:before,
.ion-md-mydcaa-Asset-10-outline:before {
  content: "";
}

.mydcaa-Task-Manager:before,
.ion-ios-mydcaa-Task-Manager:before,
.ion-ios-mydcaa-Task-Manager-outline:before,
.ion-md-mydcaa-Task-Manager:before,
.ion-md-mydcaa-Task-Manager-outline:before {
  content: "";
}

.mydcaa-Strategic-Planning:before,
.ion-ios-mydcaa-Strategic-Planning:before,
.ion-ios-mydcaa-Strategic-Planning-outline:before,
.ion-md-mydcaa-Strategic-Planning:before,
.ion-md-mydcaa-Strategic-Planning-outline:before {
  content: "";
}

.mydcaa-Statistics:before,
.ion-ios-mydcaa-Statistics:before,
.ion-ios-mydcaa-Statistics-outline:before,
.ion-md-mydcaa-Statistics:before,
.ion-md-mydcaa-Statistics-outline:before {
  content: "";
}

.mydcaa-Internal-Services:before,
.ion-ios-mydcaa-Internal-Services:before,
.ion-ios-mydcaa-Internal-Services-outline:before,
.ion-md-mydcaa-Internal-Services:before,
.ion-md-mydcaa-Internal-Services-outline:before {
  content: "";
}

.mydcaa-E-Services1:before,
.ion-ios-mydcaa-E-Services1:before,
.ion-ios-mydcaa-E-Services1-outline:before,
.ion-md-mydcaa-E-Services1:before,
.ion-md-mydcaa-E-Services1-outline:before {
  content: "";
}

.mydcaa-Employee-Appraisal1:before,
.ion-ios-mydcaa-Employee-Appraisal1:before,
.ion-ios-mydcaa-Employee-Appraisal1-outline:before,
.ion-md-mydcaa-Employee-Appraisal1:before,
.ion-md-mydcaa-Employee-Appraisal1-outline:before {
  content: "";
}

.mydcaa-list-view:before,
.ion-ios-mydcaa-list-view:before,
.ion-ios-mydcaa-list-view-outline:before,
.ion-md-mydcaa-list-view:before,
.ion-md-mydcaa-list-view-outline:before {
  content: "";
}

.mydcaa-Expanded:before,
.ion-ios-mydcaa-Expanded:before,
.ion-ios-mydcaa-Expanded-outline:before,
.ion-md-mydcaa-Expanded:before,
.ion-md-mydcaa-Expanded-outline:before {
  content: "";
}

.mydcaa-Collapsed:before,
.ion-ios-mydcaa-Collapsed:before,
.ion-ios-mydcaa-Collapsed-outline:before,
.ion-md-mydcaa-Collapsed:before,
.ion-md-mydcaa-Collapsed-outline:before {
  content: "";
}

.mydcaa-ratingStar:before,
.ion-ios-mydcaa-ratingStar:before,
.ion-ios-mydcaa-ratingStar-outline:before,
.ion-md-mydcaa-ratingStar:before,
.ion-md-mydcaa-ratingStar-outline:before {
  content: "";
}

.mydcaa-Play_Button:before,
.ion-ios-mydcaa-Play_Button:before,
.ion-ios-mydcaa-Play_Button-outline:before,
.ion-md-mydcaa-Play_Button:before,
.ion-md-mydcaa-Play_Button-outline:before {
  content: "";
}

.mydcaa-Speaker:before,
.ion-ios-mydcaa-Speaker:before,
.ion-ios-mydcaa-Speaker-outline:before,
.ion-md-mydcaa-Speaker:before,
.ion-md-mydcaa-Speaker-outline:before {
  content: "";
}

.mydcaa-Calender:before,
.ion-ios-mydcaa-Calender:before,
.ion-ios-mydcaa-Calender-outline:before,
.ion-md-mydcaa-Calender:before,
.ion-md-mydcaa-Calender-outline:before {
  content: "";
}

.mydcaa-Left-Arrow-filled:before,
.ion-ios-mydcaa-Left-Arrow-filled:before,
.ion-ios-mydcaa-Left-Arrow-filled-outline:before,
.ion-md-mydcaa-Left-Arrow-filled:before,
.ion-md-mydcaa-Left-Arrow-filled-outline:before {
  content: "";
}

.mydcaa-Icon_right_outline:before,
.ion-ios-mydcaa-Icon_right_outline:before,
.ion-ios-mydcaa-Icon_right_outline-outline:before,
.ion-md-mydcaa-Icon_right_outline:before,
.ion-md-mydcaa-Icon_right_outline-outline:before {
  content: "";
}

.mydcaa-Icon_LEFT_outline:before,
.ion-ios-mydcaa-Icon_LEFT_outline:before,
.ion-ios-mydcaa-Icon_LEFT_outline-outline:before,
.ion-md-mydcaa-Icon_LEFT_outline:before,
.ion-md-mydcaa-Icon_LEFT_outline-outline:before {
  content: "";
}

.mydcaa-Google:before,
.ion-ios-mydcaa-Google:before,
.ion-ios-mydcaa-Google-outline:before,
.ion-md-mydcaa-Google:before,
.ion-md-mydcaa-Google-outline:before {
  content: "";
}

.mydcaa-RSS-Feed:before,
.ion-ios-mydcaa-RSS-Feed:before,
.ion-ios-mydcaa-RSS-Feed-outline:before,
.ion-md-mydcaa-RSS-Feed:before,
.ion-md-mydcaa-RSS-Feed-outline:before {
  content: "";
}

.mydcaa-Bing:before,
.ion-ios-mydcaa-Bing:before,
.ion-ios-mydcaa-Bing-outline:before,
.ion-md-mydcaa-Bing:before,
.ion-md-mydcaa-Bing-outline:before {
  content: "";
}

.mydcaa-CopyLink:before,
.ion-ios-mydcaa-CopyLink:before,
.ion-ios-mydcaa-CopyLink-outline:before,
.ion-md-mydcaa-CopyLink:before,
.ion-md-mydcaa-CopyLink-outline:before {
  content: "";
}

.mydcaa-Outlook:before,
.ion-ios-mydcaa-Outlook:before,
.ion-ios-mydcaa-Outlook-outline:before,
.ion-md-mydcaa-Outlook:before,
.ion-md-mydcaa-Outlook-outline:before {
  content: "";
}

.mydcaa-Shared:before,
.ion-ios-mydcaa-Shared:before,
.ion-ios-mydcaa-Shared-outline:before,
.ion-md-mydcaa-Shared:before,
.ion-md-mydcaa-Shared-outline:before {
  content: "";
}

.mydcaa-Close:before,
.ion-ios-mydcaa-Close:before,
.ion-ios-mydcaa-Close-outline:before,
.ion-md-mydcaa-Close:before,
.ion-md-mydcaa-Close-outline:before {
  content: "";
}

.mydcaa-Close1:before,
.ion-ios-mydcaa-Close1:before,
.ion-ios-mydcaa-Close1-outline:before,
.ion-md-mydcaa-Close1:before,
.ion-md-mydcaa-Close1-outline:before {
  content: "";
}

.mydcaa-images:before,
.ion-ios-mydcaa-images:before,
.ion-ios-mydcaa-images-outline:before,
.ion-md-mydcaa-images:before,
.ion-md-mydcaa-images-outline:before {
  content: "";
}

.mydcaa-Info:before,
.ion-ios-mydcaa-Info:before,
.ion-ios-mydcaa-Info-outline:before,
.ion-md-mydcaa-Info:before,
.ion-md-mydcaa-Info-outline:before {
  content: "";
}

.mydcaa-DocumentManager:before,
.ion-ios-mydcaa-DocumentManager:before,
.ion-ios-mydcaa-DocumentManager-outline:before,
.ion-md-mydcaa-DocumentManager:before,
.ion-md-mydcaa-DocumentManager-outline:before {
  content: "";
}

.mydcaa-Stakeholder:before,
.ion-ios-mydcaa-Stakeholder:before,
.ion-ios-mydcaa-Stakeholder-outline:before,
.ion-md-mydcaa-Stakeholder:before,
.ion-md-mydcaa-Stakeholder-outline:before {
  content: "";
}

.mydcaa-credential:before,
.ion-ios-mydcaa-credential:before,
.ion-ios-mydcaa-credential-outline:before,
.ion-md-mydcaa-credential:before,
.ion-md-mydcaa-credential-outline:before {
  content: "";
}

.chat-chevron-up:before,
.ion-ios-chat-chevron-up:before,
.ion-ios-chat-chevron-up-outline:before,
.ion-md-chat-chevron-up:before,
.ion-md-chat-chevron-up-outline:before {
  content: "";
}

.chat-chevron-down:before,
.ion-ios-chat-chevron-down:before,
.ion-ios-chat-chevron-down-outline:before,
.ion-md-chat-chevron-down:before,
.ion-md-chat-chevron-down-outline:before {
  content: "";
}

.chat-resume:before,
.ion-ios-chat-resume:before,
.ion-ios-chat-resume-outline:before,
.ion-md-chat-resume:before,
.ion-md-chat-resume-outline:before {
  content: "";
}

.chat-pause:before,
.ion-ios-chat-pause:before,
.ion-ios-chat-pause-outline:before,
.ion-md-chat-pause:before,
.ion-md-chat-pause-outline:before {
  content: "";
}

.chat-stop-record:before,
.ion-ios-chat-stop-record:before,
.ion-ios-chat-stop-record-outline:before,
.ion-md-chat-stop-record:before,
.ion-md-chat-stop-record-outline:before {
  content: "";
}

.chat-participants:before,
.ion-ios-chat-participants:before,
.ion-ios-chat-participants-outline:before,
.ion-md-chat-participants:before,
.ion-md-chat-participants-outline:before {
  content: "";
}

.chat-chat-footer:before,
.ion-ios-chat-chat-footer:before,
.ion-ios-chat-chat-footer-outline:before,
.ion-md-chat-chat-footer:before,
.ion-md-chat-chat-footer-outline:before {
  content: "";
}

.chat-record:before,
.ion-ios-chat-record:before,
.ion-ios-chat-record-outline:before,
.ion-md-chat-record:before,
.ion-md-chat-record-outline:before {
  content: "";
}

.chat-upload:before,
.ion-ios-chat-upload:before,
.ion-ios-chat-upload-outline:before,
.ion-md-chat-upload:before,
.ion-md-chat-upload-outline:before {
  content: "";
}

.chat-monitor:before,
.ion-ios-chat-monitor:before,
.ion-ios-chat-monitor-outline:before,
.ion-md-chat-monitor:before,
.ion-md-chat-monitor-outline:before {
  content: "";
}

.chat-minimize:before,
.ion-ios-chat-minimize:before,
.ion-ios-chat-minimize-outline:before,
.ion-md-chat-minimize:before,
.ion-md-chat-minimize-outline:before {
  content: "";
}

.chat-microphone-on:before,
.ion-ios-chat-microphone-on:before,
.ion-ios-chat-microphone-on-outline:before,
.ion-md-chat-microphone-on:before,
.ion-md-chat-microphone-on-outline:before {
  content: "";
}

.chat-microphone-cross:before,
.ion-ios-chat-microphone-cross:before,
.ion-ios-chat-microphone-cross-outline:before,
.ion-md-chat-microphone-cross:before,
.ion-md-chat-microphone-cross-outline:before {
  content: "";
}

.chat-active:before,
.ion-ios-chat-active:before,
.ion-ios-chat-active-outline:before,
.ion-md-chat-active:before,
.ion-md-chat-active-outline:before {
  content: "";
}

.chat-all:before,
.ion-ios-chat-all:before,
.ion-ios-chat-all-outline:before,
.ion-md-chat-all:before,
.ion-md-chat-all-outline:before {
  content: "";
}

.chat-attachment:before,
.ion-ios-chat-attachment:before,
.ion-ios-chat-attachment-outline:before,
.ion-md-chat-attachment:before,
.ion-md-chat-attachment-outline:before {
  content: "";
}

.chat-awaiting:before,
.ion-ios-chat-awaiting:before,
.ion-ios-chat-awaiting-outline:before,
.ion-md-chat-awaiting:before,
.ion-md-chat-awaiting-outline:before {
  content: "";
}

.chat-block:before,
.ion-ios-chat-block:before,
.ion-ios-chat-block-outline:before,
.ion-md-chat-block:before,
.ion-md-chat-block-outline:before {
  content: "";
}

.chat-call:before,
.ion-ios-chat-call:before,
.ion-ios-chat-call-outline:before,
.ion-md-chat-call:before,
.ion-md-chat-call-outline:before {
  content: "";
}

.chat-camera:before,
.ion-ios-chat-camera:before,
.ion-ios-chat-camera-outline:before,
.ion-md-chat-camera:before,
.ion-md-chat-camera-outline:before {
  content: "";
}

.chat-chat-close:before,
.ion-ios-chat-chat-close:before,
.ion-ios-chat-chat-close-outline:before,
.ion-md-chat-chat-close:before,
.ion-md-chat-chat-close-outline:before {
  content: "";
}

.chat-chat-minimize:before,
.ion-ios-chat-chat-minimize:before,
.ion-ios-chat-chat-minimize-outline:before,
.ion-md-chat-chat-minimize:before,
.ion-md-chat-chat-minimize-outline:before {
  content: "";
}

.chat-complaint:before,
.ion-ios-chat-complaint:before,
.ion-ios-chat-complaint-outline:before,
.ion-md-chat-complaint:before,
.ion-md-chat-complaint-outline:before {
  content: "";
}

.chat-contact-us:before,
.ion-ios-chat-contact-us:before,
.ion-ios-chat-contact-us-outline:before,
.ion-md-chat-contact-us:before,
.ion-md-chat-contact-us-outline:before {
  content: "";
}

.chat-dot:before,
.ion-ios-chat-dot:before,
.ion-ios-chat-dot-outline:before,
.ion-md-chat-dot:before,
.ion-md-chat-dot-outline:before {
  content: "";
}

.chat-faq:before,
.ion-ios-chat-faq:before,
.ion-ios-chat-faq-outline:before,
.ion-md-chat-faq:before,
.ion-md-chat-faq-outline:before {
  content: "";
}

.chat-feedback:before,
.ion-ios-chat-feedback:before,
.ion-ios-chat-feedback-outline:before,
.ion-md-chat-feedback:before,
.ion-md-chat-feedback-outline:before {
  content: "";
}

.chat-filter:before,
.ion-ios-chat-filter:before,
.ion-ios-chat-filter-outline:before,
.ion-md-chat-filter:before,
.ion-md-chat-filter-outline:before {
  content: "";
}

.chat-gallery:before,
.ion-ios-chat-gallery:before,
.ion-ios-chat-gallery-outline:before,
.ion-md-chat-gallery:before,
.ion-md-chat-gallery-outline:before {
  content: "";
}

.chat-gif:before,
.ion-ios-chat-gif:before,
.ion-ios-chat-gif-outline:before,
.ion-md-chat-gif:before,
.ion-md-chat-gif-outline:before {
  content: "";
}

.chat-group:before,
.ion-ios-chat-group:before,
.ion-ios-chat-group-outline:before,
.ion-md-chat-group:before,
.ion-md-chat-group-outline:before {
  content: "";
}

.chat-ignore:before,
.ion-ios-chat-ignore:before,
.ion-ios-chat-ignore-outline:before,
.ion-md-chat-ignore:before,
.ion-md-chat-ignore-outline:before {
  content: "";
}

.chat-inactive:before,
.ion-ios-chat-inactive:before,
.ion-ios-chat-inactive-outline:before,
.ion-md-chat-inactive:before,
.ion-md-chat-inactive-outline:before {
  content: "";
}

.chat-latest-news:before,
.ion-ios-chat-latest-news:before,
.ion-ios-chat-latest-news-outline:before,
.ion-md-chat-latest-news:before,
.ion-md-chat-latest-news-outline:before {
  content: "";
}

.chat-maximize:before,
.ion-ios-chat-maximize:before,
.ion-ios-chat-maximize-outline:before,
.ion-md-chat-maximize:before,
.ion-md-chat-maximize-outline:before {
  content: "";
}

.chat-microphone-off:before,
.ion-ios-chat-microphone-off:before,
.ion-ios-chat-microphone-off-outline:before,
.ion-md-chat-microphone-off:before,
.ion-md-chat-microphone-off-outline:before {
  content: "";
}

.chat-microphone-on-new:before,
.ion-ios-chat-microphone-on-new:before,
.ion-ios-chat-microphone-on-new-outline:before,
.ion-md-chat-microphone-on-new:before,
.ion-md-chat-microphone-on-new-outline:before {
  content: "";
}

.chat-more-options:before,
.ion-ios-chat-more-options:before,
.ion-ios-chat-more-options-outline:before,
.ion-md-chat-more-options:before,
.ion-md-chat-more-options-outline:before {
  content: "";
}

.chat-mute:before,
.ion-ios-chat-mute:before,
.ion-ios-chat-mute-outline:before,
.ion-md-chat-mute:before,
.ion-md-chat-mute-outline:before {
  content: "";
}

.chat-pen:before,
.ion-ios-chat-pen:before,
.ion-ios-chat-pen-outline:before,
.ion-md-chat-pen:before,
.ion-md-chat-pen-outline:before {
  content: "";
}

.chat-post:before,
.ion-ios-chat-post:before,
.ion-ios-chat-post-outline:before,
.ion-md-chat-post:before,
.ion-md-chat-post-outline:before {
  content: "";
}

.chat-recorder:before,
.ion-ios-chat-recorder:before,
.ion-ios-chat-recorder-outline:before,
.ion-md-chat-recorder:before,
.ion-md-chat-recorder-outline:before {
  content: "";
}

.chat-refresh:before,
.ion-ios-chat-refresh:before,
.ion-ios-chat-refresh-outline:before,
.ion-md-chat-refresh:before,
.ion-md-chat-refresh-outline:before {
  content: "";
}

.chat-search:before,
.ion-ios-chat-search:before,
.ion-ios-chat-search-outline:before,
.ion-md-chat-search:before,
.ion-md-chat-search-outline:before {
  content: "";
}

.chat-settings:before,
.ion-ios-chat-settings:before,
.ion-ios-chat-settings-outline:before,
.ion-md-chat-settings:before,
.ion-md-chat-settings-outline:before {
  content: "";
}

.chat-share-screen-five:before,
.ion-ios-chat-share-screen-five:before,
.ion-ios-chat-share-screen-five-outline:before,
.ion-md-chat-share-screen-five:before,
.ion-md-chat-share-screen-five-outline:before {
  content: "";
}

.chat-smiley:before,
.ion-ios-chat-smiley:before,
.ion-ios-chat-smiley-outline:before,
.ion-md-chat-smiley:before,
.ion-md-chat-smiley-outline:before {
  content: "";
}

.chat-star_outline:before,
.ion-ios-chat-star_outline:before,
.ion-ios-chat-star_outline-outline:before,
.ion-md-chat-star_outline:before,
.ion-md-chat-star_outline-outline:before {
  content: "";
}

.chat-star_rate:before,
.ion-ios-chat-star_rate:before,
.ion-ios-chat-star_rate-outline:before,
.ion-md-chat-star_rate:before,
.ion-md-chat-star_rate-outline:before {
  content: "";
}

.chat-start-video:before,
.ion-ios-chat-start-video:before,
.ion-ios-chat-start-video-outline:before,
.ion-md-chat-start-video:before,
.ion-md-chat-start-video-outline:before {
  content: "";
}

.chat-stopvideo:before,
.ion-ios-chat-stopvideo:before,
.ion-ios-chat-stopvideo-outline:before,
.ion-md-chat-stopvideo:before,
.ion-md-chat-stopvideo-outline:before {
  content: "";
}

.chat-ticket:before,
.ion-ios-chat-ticket:before,
.ion-ios-chat-ticket-outline:before,
.ion-md-chat-ticket:before,
.ion-md-chat-ticket-outline:before {
  content: "";
}

.chat-unread:before,
.ion-ios-chat-unread:before,
.ion-ios-chat-unread-outline:before,
.ion-md-chat-unread:before,
.ion-md-chat-unread-outline:before {
  content: "";
}

.chat-phone:before,
.ion-ios-chat-phone:before,
.ion-ios-chat-phone-outline:before,
.ion-md-chat-phone:before,
.ion-md-chat-phone-outline:before {
  content: "";
}

.chat-envelop:before,
.ion-ios-chat-envelop:before,
.ion-ios-chat-envelop-outline:before,
.ion-md-chat-envelop:before,
.ion-md-chat-envelop-outline:before {
  content: "";
}

.chat-sphere:before,
.ion-ios-chat-sphere:before,
.ion-ios-chat-sphere-outline:before,
.ion-md-chat-sphere:before,
.ion-md-chat-sphere-outline:before {
  content: "";
}

.card {
  background: #fff;
  border-radius: 2px;
}

.card-1 {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.02);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.02);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.card-1-flat {
  border: thin solid #cccccc;
  border-radius: 11px;
}

.card-2 {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.card-3 {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.card-4 {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.card-5 {
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.svg-wrapper {
  text-align: center;
}

.svg-wrapper svg {
  max-width: 250px !important;
  height: 150px;
  margin: 0 auto;
  margin-top: .75em;
}

.svg-wrapper .plane {
  fill: none;
  stroke: #f1f1f1;
  stroke-width: 4;
  opacity: .7;
}

.svg-wrapper .aileron {
  fill: none;
  stroke: #f1f1f1;
  stroke-width: 4;
  opacity: .7;
}

.svg-wrapper .st0 {
  stroke: lime;
}

.svg-wrapper .wind {
  stroke-width: 1;
  stroke: white;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: wind;
  animation-name: wind;
  stroke-dashoffset: 0;
  stroke-dasharray: 100;
}

.svg-wrapper .wind.one {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.svg-wrapper .wind.two {
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
}

.svg-wrapper .wind.three {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.svg-wrapper .wind.four {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.svg-wrapper .wind.five {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.svg-wrapper .wind.six {
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}

.svg-wrapper .wind.seven {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

@-webkit-keyframes wind {
  0% {
    stroke-dashoffset: 100;
    stroke: #f1f1f1;
  }
  50% {
    stroke-dashoffset: 0;
    stroke: fade(#464646, 50%);
    stroke: #f1f1f1;
  }
  100% {
    stroke-dashoffset: -100;
    stroke: #f1f1f1;
  }
}

@keyframes wind {
  0% {
    stroke-dashoffset: 100;
    stroke: #f1f1f1;
  }
  50% {
    stroke-dashoffset: 0;
    stroke: fade(#464646, 50%);
    stroke: #f1f1f1;
  }
  100% {
    stroke-dashoffset: -100;
    stroke: #f1f1f1;
  }
}

.animatedPlane .plane-loader {
  position: relative;
  width: 200px;
  height: 200px;
  background-image: radial-gradient(circle at bottom right, #e8b909, #b21f2f 75%);
  margin: 20px auto;
  border-radius: 125px;
  overflow: hidden;
  z-index: 1;
}

.animatedPlane .plane {
  position: absolute;
  top: 60px;
  left: 60px;
  height: 100px;
  width: 100px;
  -webkit-animation: levitate 4s alternate ease-in-out infinite;
  animation: levitate 4s alternate ease-in-out infinite;
  -webkit-transition: -webkit-transform 150ms ease;
  transition: -webkit-transform 150ms ease;
  transition: transform 150ms ease;
  transition: transform 150ms ease, -webkit-transform 150ms ease;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.animatedPlane .cloud {
  position: absolute;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent;
}

.animatedPlane .cloud1 {
  top: -30px;
  left: 30px;
  height: 39px;
  width: 42px;
  -webkit-animation: cloud1 7s linear infinite;
  animation: cloud1 7s linear infinite;
}

.animatedPlane .cloud2 {
  top: -260px;
  left: 150px;
  height: 82px;
  width: 96px;
  -webkit-animation: cloud2 5s linear infinite;
  animation: cloud2 5s linear infinite;
  opacity: .5;
}

.animatedPlane .cloud3 {
  height: 82px;
  width: 96px;
  -webkit-animation: cloud3 15s linear infinite 10s;
  animation: cloud3 15s linear infinite 10s;
  top: -80px;
  left: 130px;
}

.animatedPlane .cloud4 {
  top: -30px;
  left: 180px;
  height: 39px;
  width: 42px;
  -webkit-animation: cloud4 20s linear infinite;
  animation: cloud4 20s linear infinite;
}

.animatedPlane .steam {
  position: absolute;
  top: 80px;
  left: 73px;
}

.animatedPlane .steam div {
  opacity: 0;
  position: absolute;
  height: 120px;
  width: 10px;
  background: #FFFFFF;
  border-radius: 5px;
  -webkit-animation: steam .4s ease-in-out infinite;
  animation: steam .4s ease-in-out infinite;
}

.animatedPlane .steam .c2 {
  -webkit-animation-delay: 50ms;
  animation-delay: 50ms;
}

.animatedPlane .steam .c3 {
  -webkit-animation-delay: 150ms;
  animation-delay: 150ms;
}

.animatedPlane .steam .c4 {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}

.animatedPlane .steam .c5 {
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}

.animatedPlane .steam .c6 {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}

.animatedPlane .steam .c7 {
  -webkit-animation-delay: 350ms;
  animation-delay: 350ms;
}

.animatedPlane .steam .c8 {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}

.animatedPlane .steam .c9 {
  -webkit-animation-delay: 450ms;
  animation-delay: 450ms;
}

.animatedPlane .steam .c10 {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}

.animatedPlane .steam2 {
  top: 75px;
  left: 91px;
}

.animatedPlane .steam3 {
  top: 75px;
  left: 146px;
}

.animatedPlane .steam4 {
  left: 166px;
}

@-webkit-keyframes levitate {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
  25% {
    -webkit-transform: translate(-1px, 1px) scale(1.003);
    transform: translate(-1px, 1px) scale(1.003);
  }
  50% {
    -webkit-transform: translate(0, 1px) scale(1);
    transform: translate(0, 1px) scale(1);
  }
  75% {
    -webkit-transform: translate(-1px, 0) scale(1);
    transform: translate(-1px, 0) scale(1);
  }
  100% {
    -webkit-transform: translate(0, -1px) scale(0.997);
    transform: translate(0, -1px) scale(0.997);
  }
}

@keyframes levitate {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
  25% {
    -webkit-transform: translate(-1px, 1px) scale(1.003);
    transform: translate(-1px, 1px) scale(1.003);
  }
  50% {
    -webkit-transform: translate(0, 1px) scale(1);
    transform: translate(0, 1px) scale(1);
  }
  75% {
    -webkit-transform: translate(-1px, 0) scale(1);
    transform: translate(-1px, 0) scale(1);
  }
  100% {
    -webkit-transform: translate(0, -1px) scale(0.997);
    transform: translate(0, -1px) scale(0.997);
  }
}

@-webkit-keyframes cloud1 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
  98% {
    -webkit-transform: translate(0, 290px) scale(1);
    transform: translate(0, 290px) scale(1);
  }
  99% {
    -webkit-transform: translate(-100px, 290px) scale(1);
    transform: translate(-100px, 290px) scale(1);
  }
  100% {
    -webkit-transform: translate(-100px, 0) scale(1);
    transform: translate(-100px, 0) scale(1);
  }
}

@keyframes cloud1 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
  98% {
    -webkit-transform: translate(0, 290px) scale(1);
    transform: translate(0, 290px) scale(1);
  }
  99% {
    -webkit-transform: translate(-100px, 290px) scale(1);
    transform: translate(-100px, 290px) scale(1);
  }
  100% {
    -webkit-transform: translate(-100px, 0) scale(1);
    transform: translate(-100px, 0) scale(1);
  }
}

@-webkit-keyframes cloud2 {
  0% {
    -webkit-transform: translate(0, 0) scale(4);
    transform: translate(0, 0) scale(4);
  }
  70% {
    -webkit-transform: translate(0, 0) scale(4);
    transform: translate(0, 0) scale(4);
  }
  98% {
    -webkit-transform: translate(0, 1000px) scale(4);
    transform: translate(0, 1000px) scale(4);
  }
  99% {
    -webkit-transform: translate(200px, 1000px) scale(1);
    transform: translate(200px, 1000px) scale(1);
  }
  100% {
    -webkit-transform: translate(200px, 0) scale(1);
    transform: translate(200px, 0) scale(1);
  }
}

@keyframes cloud2 {
  0% {
    -webkit-transform: translate(0, 0) scale(4);
    transform: translate(0, 0) scale(4);
  }
  70% {
    -webkit-transform: translate(0, 0) scale(4);
    transform: translate(0, 0) scale(4);
  }
  98% {
    -webkit-transform: translate(0, 1000px) scale(4);
    transform: translate(0, 1000px) scale(4);
  }
  99% {
    -webkit-transform: translate(200px, 1000px) scale(1);
    transform: translate(200px, 1000px) scale(1);
  }
  100% {
    -webkit-transform: translate(200px, 0) scale(1);
    transform: translate(200px, 0) scale(1);
  }
}

@-webkit-keyframes cloud4 {
  0% {
    -webkit-transform: translate(0, 0) scale(0.3) rotate(150deg);
    transform: translate(0, 0) scale(0.3) rotate(150deg);
  }
  98% {
    -webkit-transform: translate(0, 290px) scale(0.3) rotate(150deg);
    transform: translate(0, 290px) scale(0.3) rotate(150deg);
  }
  99% {
    -webkit-transform: translate(200px, 290px) scale(1);
    transform: translate(200px, 290px) scale(1);
  }
  100% {
    -webkit-transform: translate(200px, 0) scale(1);
    transform: translate(200px, 0) scale(1);
  }
}

@keyframes cloud4 {
  0% {
    -webkit-transform: translate(0, 0) scale(0.3) rotate(150deg);
    transform: translate(0, 0) scale(0.3) rotate(150deg);
  }
  98% {
    -webkit-transform: translate(0, 290px) scale(0.3) rotate(150deg);
    transform: translate(0, 290px) scale(0.3) rotate(150deg);
  }
  99% {
    -webkit-transform: translate(200px, 290px) scale(1);
    transform: translate(200px, 290px) scale(1);
  }
  100% {
    -webkit-transform: translate(200px, 0) scale(1);
    transform: translate(200px, 0) scale(1);
  }
}

@-webkit-keyframes cloud3 {
  0% {
    -webkit-transform: translate(0, 0) scale(1) rotate(180deg);
    transform: translate(0, 0) scale(1) rotate(180deg);
  }
  98% {
    -webkit-transform: translate(0, 330px) scale(1) rotate(180deg);
    transform: translate(0, 330px) scale(1) rotate(180deg);
  }
  99% {
    -webkit-transform: translate(200px, 330px) scale(1);
    transform: translate(200px, 330px) scale(1);
  }
  100% {
    -webkit-transform: translate(200px, 0) scale(1);
    transform: translate(200px, 0) scale(1);
  }
}

@keyframes cloud3 {
  0% {
    -webkit-transform: translate(0, 0) scale(1) rotate(180deg);
    transform: translate(0, 0) scale(1) rotate(180deg);
  }
  98% {
    -webkit-transform: translate(0, 330px) scale(1) rotate(180deg);
    transform: translate(0, 330px) scale(1) rotate(180deg);
  }
  99% {
    -webkit-transform: translate(200px, 330px) scale(1);
    transform: translate(200px, 330px) scale(1);
  }
  100% {
    -webkit-transform: translate(200px, 0) scale(1);
    transform: translate(200px, 0) scale(1);
  }
}

@-webkit-keyframes steam {
  0% {
    -webkit-transform: translate(0, 0) scale(0);
    transform: translate(0, 0) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 280px) scale(1, 3);
    transform: translate(0, 280px) scale(1, 3);
    opacity: 1;
  }
}

@keyframes steam {
  0% {
    -webkit-transform: translate(0, 0) scale(0);
    transform: translate(0, 0) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 280px) scale(1, 3);
    transform: translate(0, 280px) scale(1, 3);
    opacity: 1;
  }
}

.animatedPlane .plane {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22138%22%20height%3D%22130%22%20viewBox%3D%220%200%20138%20130%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M18.359375%2053.6070313C20.5734375%2053.6070313%2022.3664062%2055.403125%2022.3664062%2057.6164063L22.3664062%2062.9601563C22.3664062%2065.175%2020.5734375%2066.96875%2018.359375%2066.96875%2016.146875%2066.96875%2014.3515625%2065.175%2014.3515625%2062.9601563L14.3515625%2057.6164063C14.3515625%2055.403125%2016.146875%2053.6070313%2018.359375%2053.6070313M39.8648438%2044.196875C42.0789063%2044.196875%2043.875%2045.9921875%2043.875%2048.2054687L43.875%2053.5492187C43.875%2055.7640625%2042.0789063%2057.5585937%2039.8648438%2057.5585937%2037.6507813%2057.5585937%2035.85625%2055.7640625%2035.85625%2053.5492187L35.85625%2048.2054687C35.85625%2045.9921875%2037.6507813%2044.196875%2039.8648438%2044.196875%22%2F%3E%3Cpolyline%20fill%3D%22%23FFA600%22%20points%3D%2264.623%20108.155%2046.487%20119.975%2048.025%20127.793%2068.184%20121.874%2064.623%20108.155%22%2F%3E%3Cpolyline%20fill%3D%22%23FFA600%22%20points%3D%2273.452%20108.155%2091.591%20119.975%2090.051%20127.793%2069.894%20121.874%2073.452%20108.155%22%2F%3E%3Cpolyline%20fill%3D%22%23F4F4F4%22%20points%3D%22.25%2077.402%2064.288%2072.034%2064.288%2039.112%20.25%2070.188%20.25%2077.402%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M119.640625%2053.6070313C117.425781%2053.6070313%20115.632031%2055.403125%20115.632031%2057.6164063L115.632031%2062.9601563C115.632031%2065.175%20117.425781%2066.96875%20119.640625%2066.96875%20121.853125%2066.96875%20123.65%2065.175%20123.65%2062.9601563L123.65%2057.6164063C123.65%2055.403125%20121.853125%2053.6070313%20119.640625%2053.6070313M98.1351563%2044.196875C95.9210938%2044.196875%2094.1257813%2045.9921875%2094.1257813%2048.2054687L94.1257813%2053.5492187C94.1257813%2055.7640625%2095.9210938%2057.5585937%2098.1351563%2057.5585937%20100.349219%2057.5585937%20102.142188%2055.7640625%20102.142188%2053.5492187L102.142188%2048.2054687C102.142188%2045.9921875%20100.349219%2044.196875%2098.1351563%2044.196875%22%2F%3E%3Cpolyline%20fill%3D%22%23F4F4F4%22%20points%3D%22137.749%2077.402%2073.712%2072.034%2073.712%2039.112%20137.749%2070.188%20137.749%2077.402%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M72.1414063%2C2.090625%20C71.34375%2C1.03046875%2070.1992188%2C0.42734375%2069.003125%2C0.43984375%20C67.8070313%2C0.45390625%2066.6726563%2C1.0796875%2065.8914063%2C2.15859375%20L65.8882813%2C2.1640625%20C60.40625%2C9.75%2057.4132813%2C19.3789062%2057.4132813%2C29.3828125%20L57.4132813%2C61.08125%20C57.4132813%2C67.9523437%2058.0390625%2C82.8390625%2059.2617188%2C90.259375%20C61.3546875%2C102.939062%2063.5164063%2C115.017969%2067.040625%2C127.711719%20C67.3460938%2C128.816406%2068.140625%2C129.550781%2069.03125%2C129.560937%20C69.925%2C129.56875%2070.7273438%2C128.849219%2071.046875%2C127.751562%20C74.678125%2C115.230469%2076.9359375%2C102.877344%2078.9453125%2C89.9078125%20C80.0414063%2C82.8445312%2080.5859375%2C68.4710937%2080.5859375%2C61.9492187%20L80.5859375%2C28.3929687%20C80.5859375%2C18.6890625%2077.5828125%2C9.3203125%2072.1414063%2C2.090625%22%2F%3E%3Cpath%20fill%3D%22%23E4E4E4%22%20d%3D%22M69.0429688%2C0.43984375%20L69%2C0.43984375%20L69%2C129.558594%20L69.05%2C129.558594%20C69.9351563%2C129.558594%2070.73125%2C128.841406%2071.046875%2C127.751562%20C74.678125%2C115.230469%2076.9359375%2C102.877344%2078.9453125%2C89.9078125%20C80.0414062%2C82.8445312%2080.5859375%2C68.4710937%2080.5859375%2C61.9492187%20L80.5859375%2C28.3929687%20C80.5859375%2C18.6890625%2077.5828125%2C9.3203125%2072.1414063%2C2.090625%20C71.3523438%2C1.04140625%2070.2265625%2C0.43984375%2069.0429688%2C0.43984375%22%2F%3E%3Cpath%20fill%3D%22%2300AFDD%22%20d%3D%22M68.6726563%2C9.840625%20C64.709375%2C9.840625%2061.496875%2C13.0523438%2061.496875%2C17.0148438%20C61.496875%2C17.2414063%2061.6507813%2C17.440625%2061.8710938%2C17.4992188%20C62.0898438%2C17.5570313%2062.321875%2C17.4585938%2062.4335938%2C17.2617188%20C63.6648438%2C15.0875%2065.9953125%2C13.6195313%2068.6726563%2C13.6195313%20C71.35%2C13.6195313%2073.6804688%2C15.0875%2074.9109375%2C17.2625%20C75.0234375%2C17.4601563%2075.2546875%2C17.5585938%2075.4742188%2C17.5%20C75.69375%2C17.44375%2075.8484375%2C17.2445313%2075.8484375%2C17.0179688%20L75.8484375%2C17.0164063%20C75.8484375%2C13.0523438%2072.6351563%2C9.840625%2068.6726563%2C9.840625%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M68.6726563%2C9.840625%20L68.6726563%2C13.6179688%20C71.3515625%2C13.6179688%2073.68125%2C15.0875%2074.9109375%2C17.2617188%20C75.003125%2C17.4226563%2075.1703125%2C17.5164063%2075.3476563%2C17.5164063%20L75.4757813%2C17.4992188%20C75.6953125%2C17.4421875%2075.85%2C17.2429688%2075.85%2C17.0148438%20C75.85%2C13.0523438%2072.6367188%2C9.840625%2068.6726563%2C9.840625%22%20opacity%3D%22.152%22%2F%3E%3Cpolygon%20fill%3D%22%23FFA600%22%20points%3D%2267.755%20121.461%2070.242%20121.461%2070.242%20105.548%2067.755%20105.548%22%2F%3E%3Cpolygon%20fill%3D%22%23FFA600%22%20points%3D%2269%20121.461%2070.242%20121.461%2070.242%20105.548%2069%20105.548%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.animatedPlane .cloud1,
.animatedPlane .cloud4 {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2239%22%20viewBox%3D%220%200%2042%2039%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22rotate(180%2021%2019.5)%22%3E%3Cpath%20fill%3D%22%23E6F4FA%22%20d%3D%22M28.9693613%2C12.1008289%20C29.469759%2C12.0343251%2029.9803124%2C12%2030.49887%2C12%20C36.8505945%2C12%2042%2C17.1462684%2042%2C23.4983049%20C42%2C29.8514715%2036.8505945%2C35%2030.49887%2C35%20C28.7713689%2C35%2027.132699%2C34.6188942%2025.6623971%2C33.9361096%20C23.0026635%2C37.029828%2018.9895771%2C39%2014.5%2C39%20C6.49201637%2C39%200%2C32.7318463%200%2C25%20C0%2C21.5922247%201.26111616%2C18.4687811%203.35731092%2C16.0410159%20C3.1237079%2C15.0657103%203%2C14.0476205%203%2C13.0005581%20C3%2C5.82056235%208.81882969%2C0%2016.0005581%2C0%20C22.8787115%2C0%2028.5073872%2C5.34054674%2028.9693613%2C12.1008289%20Z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M25.7129699%2C14.9431541%20C26.8536129%2C14.3396855%2028.1395044%2C14%2029.4988916%2C14%20C34.186139%2C14%2038%2C18.0366482%2038%2C23.0005869%20C38%2C27.9633518%2034.186139%2C32%2029.4988916%2C32%20C27.2986953%2C32%2025.2910292%2C31.1101569%2023.7801166%2C29.6524095%20C21.8873669%2C33.4138935%2017.9900082%2C36%2013.5%2C36%20C7.15899729%2C36%202%2C30.8421581%202%2C24.5%20C2%2C21.1954233%203.40113857%2C18.211869%205.64051942%2C16.1122333%20C5.22624883%2C14.9852652%205%2C13.7682536%205%2C12.4994255%20C5%2C6.70968977%209.71083876%2C2%2015.5005745%2C2%20C21.2903102%2C2%2026%2C6.70968977%2026%2C12.4994255%20C26%2C13.3404802%2025.9006144%2C14.1587676%2025.7129699%2C14.9431541%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.animatedPlane .cloud2,
.animatedPlane .cloud3 {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2285%22%20height%3D%2296%22%20viewBox%3D%220%200%2085%2096%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23E6F4FA%22%20d%3D%22M53.6261275%2C86.0983539%20C44.9724207%2C86.0904138%2037.961165%2C79.0475196%2037.961165%2C70.367114%20C37.961165%2C70.2821461%2037.9618371%2C70.1973351%2037.9631762%2C70.1126861%20C36.052893%2C71.3237206%2033.7893915%2C72.0245902%2031.3626805%2C72.0245902%20C24.5242637%2C72.0245902%2018.9805825%2C66.4646135%2018.9805825%2C59.6056903%20C18.9805825%2C58.7095146%2019.07527%2C57.8354956%2019.2551602%2C56.9931488%20C14.9861648%2C52.3470271%2012.3786408%2C46.1411762%2012.3786408%2C39.3246282%20C12.3786408%2C38.980572%2012.3852821%2C38.6380723%2012.3984431%2C38.2972509%20C5.24955652%2C36.3134881%200%2C29.739649%200%2C21.9367926%20C0%2C12.565248%207.57527256%2C4.96721311%2016.9183389%2C4.96721311%20C21.1033698%2C4.96721311%2024.9339252%2C6.4922497%2027.8876267%2C9.01856689%20C30.937945%2C3.63274285%2036.7085736%2C0%2043.3269645%2C0%20C53.1237687%2C0%2061.0679612%2C7.96813226%2061.0679612%2C17.7983167%20C61.0679612%2C20.170505%2060.6055033%2C22.4341966%2059.7661462%2C24.5036533%20C62.6686866%2C28.7123217%2064.368932%2C33.8192168%2064.368932%2C39.3246282%20C64.368932%2C45.434588%2062.2742784%2C51.0538958%2058.7658771%2C55.4991083%20C60.2757998%2C56.0228961%2061.6811612%2C56.771633%2062.9421284%2C57.7053251%20C65.1528918%2C56.2866361%2067.7623944%2C55.4672131%2070.5574066%2C55.4672131%20C78.5348335%2C55.4672131%2085%2C62.139615%2085%2C70.3688525%20C85%2C76.9889463%2080.8160275%2C82.6015244%2075.0266219%2C84.5433647%20C75.0411625%2C84.7726494%2075.0485437%2C85.0038839%2075.0485437%2C85.2368457%20C75.0485437%2C91.1795229%2070.2454545%2C96%2064.3203883%2C96%20C58.686077%2C96%2054.0638162%2C91.6384942%2053.6261275%2C86.0983539%20Z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M56.3512418%2C80.989288%20C54.9373334%2C81.5501071%2053.3974426%2C81.8584071%2051.787234%2C81.8584071%20C44.9235834%2C81.8584071%2039.3404255%2C76.2595622%2039.3404255%2C69.3787797%20C39.3404255%2C65.7762562%2040.8716505%2C62.5253142%2043.3161178%2C60.2457302%20C41.9299403%2C60.6282602%2040.4913511%2C60.8826894%2039.0138682%2C60.9954556%20C37.949601%2C64.8651574%2034.4071226%2C67.7168142%2030.2136372%2C67.7168142%20C25.17979%2C67.7168142%2021.0851064%2C63.6105553%2021.0851064%2C58.5663717%20C21.0851064%2C57.3014675%2021.3425925%2C56.0955429%2021.8078058%2C54.9985589%20C17.2845467%2C50.8157531%2014.4468085%2C44.8270972%2014.4468085%2C38.1875636%20C14.4468085%2C36.9014589%2014.5532259%2C35.6397985%2014.7576931%2C34.4109662%20C7.64263685%2C33.9287895%202%2C27.9735101%202%2C20.7168142%20C2%2C13.147399%208.14226892%2C6.99115044%2015.6906203%2C6.99115044%20C20.9926227%2C6.99115044%2025.6003637%2C10.0270806%2027.8742627%2C14.4563702%20C28.8932077%2C7.42179944%2034.9496383%2C2%2042.2455469%2C2%20C50.2497002%2C2%2056.7659574%2C8.53117508%2056.7659574%2C16.5575221%20C56.7659574%2C19.1456372%2056.088719%2C21.5779972%2054.9027194%2C23.6860433%20C58.1397867%2C27.6360187%2060.0851064%2C32.6883322%2060.0851064%2C38.1875636%20C60.0851064%2C45.9744285%2056.1825466%2C52.8660327%2050.2345104%2C56.9992306%20C50.7432832%2C56.9354932%2051.2615023%2C56.9026549%2051.787234%2C56.9026549%20C55.4417448%2C56.9026549%2058.7340461%2C58.490221%2061.0133791%2C61.0134991%20C63.0311172%2C58.9844895%2065.7783823%2C57.7345133%2068.8012587%2C57.7345133%20C74.9763131%2C57.7345133%2080%2C62.9562954%2080%2C69.3787704%20C80%2C75.2436145%2075.8131%2C80.107763%2070.385595%2C80.9103885%20C70.6865252%2C81.721561%2070.8510638%2C82.5988391%2070.8510638%2C83.5141368%20C70.8510638%2C87.6399858%2067.4994155%2C91%2063.383839%2C91%20C59.2631009%2C91%2055.9148936%2C87.6399858%2055.9148936%2C83.5141368%20C55.9148936%2C82.6284372%2056.0688047%2C81.7783382%2056.3512418%2C80.989288%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.switch {
  position: relative;
  display: block;
  vertical-align: top;
  width: 100px;
  height: 30px;
  padding: 3px;
  margin: 0 auto;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
  border-radius: 18px;
  -webkit-box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.switch .switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.switch .switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 14px;
  text-transform: uppercase;
  background: #636262;
  border-radius: inherit;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.switch .switch-label:before,
.switch .switch-label:after {
  position: absolute;
  top: 52%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  transition: inherit;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.switch .switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #fff;
  text-shadow: 0 1px #333333;
}

.switch .switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: #FFFFFF;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.switch .switch-input:checked ~ .switch-label {
  background: #b21f2f;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch .switch-input:checked ~ .switch-label:before {
  opacity: 0;
}

.switch .switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch .switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFFFFF), to(#f0f0f0));
  background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
  background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
  border-radius: 100%;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch .switch-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#FFFFFF));
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

.switch .switch-input:checked ~ .switch-handle {
  left: 74px;
  -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label,
.switch-handle {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}

.hexagon {
  width: 100px;
  height: 55px;
  background: #636262;
  position: relative;
  color: #fff;
}

.hexagon:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 25px solid #636262;
}

.hexagon:after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 25px solid #636262;
}

/**
Caret arrows
**/
.arrow-up::before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

.arrow-down::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff;
}

.arrow-down-div {
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff;
  bottom: -2px;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green;
}

.arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid blue;
}

.primary-back-color {
  background-color: #b21f2f;
}

.transparent-back-color {
  background-color: transparent !important;
}

.ios .gradient-ios {
  background-color: #b21f2f;
}

.white-back-color {
  background-color: #fff;
}

.gold-back-color {
  background-color: #e8b909;
}

.white-text-color {
  color: #fff;
}

.white-border-color {
  border: thin solid #fff;
}

.primary-color-siblings-too {
  color: #b21f2f !important;
}

.primary-color-siblings-too * {
  color: #b21f2f !important;
}

.toolbar-ios-white .toolbar-title-ios,
.toolbar-ios-white .bar-button-clear-ios,
.toolbar-ios-white .bar-button-default-ios,
.toolbar-md-white .bar-button-clear-md,
.toolbar-md-white .bar-button-default-md,
.toolbar-md-white .bar-button-outline-md,
.toolbar-md-white .toolbar-title-md {
  color: #b21f2f !important;
}

.light-gray-back {
  background-color: #f2f2f2;
}

.content, ion-content {
  background-size: cover;
}

.content .fixed-content, .content .scroll-content, ion-content .fixed-content, ion-content .scroll-content {
  background-color: transparent !important;
}

.Page-Body:not(.Page-Body-Anim) {
  background-color: transparent !important;
  background-image: url("../assets/images/Gray2.png");
}

.Page-Body:not(.Page-Body-Anim).white-page {
  background-image: url("../assets/images/Gray1.png");
}

.Page-Body:not(.Page-Body-Anim).white-page2 {
  background-image: url("../assets/images/White1.png");
}

.Page-Body.Page-Body-Anim {
  background-image: url("../assets/images/mydcaa/backimage.jpg");
}

.very-light-gray-back {
  background-color: #f5f5f5;
  background-image: url("../assets/images/Gray2.png");
  background-size: cover;
}

.very-light-gray-back .fixed-content, .very-light-gray-back .scroll-content {
  background: none;
}

.black-back-color {
  background-color: black;
}

.display-table {
  display: table;
  height: 100%;
  width: 100%;
}

.display-table .display-cell {
  display: table-cell;
}

.display-table .display-cell.valign {
  vertical-align: middle;
}

.gold-title {
  color: #c79921;
}

.danger {
  color: #dc3545;
}

.danger-border {
  border: 1px solid #b21f2f !important;
}

.danger-color {
  color: #b21f2f;
}

.pdf-svg {
  width: 50px !important;
}

.stat-result {
  width: 100px;
  padding-top: 10px;
}

.mb-10 {
  margin-bottom: 10rem;
}

.zindex-1 {
  z-index: 1;
}

.countdown_radial {
  width: 36px;
  border-radius: 100%;
}

.countdown_radial .center-percentage {
  height: 14px;
  top: 50% !important;
  bottom: 50% !important;
}

.countdown_radial .center-percentage h2 {
  font-weight: 500;
  font-size: 14px;
}

.countdown_radial.biggerDial {
  width: 70px;
}

.side_stats {
  padding: 0px 10px;
}

.side_stats .radial_info {
  margin-top: 31px;
}

.side_stats .radial_info h1 {
  margin-top: -45px;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 15px;
}

.side_stats .radial_info .radial_message {
  font-size: 13px;
  margin: 1px 0px 33px 0px;
  font-weight: bold;
  line-height: 17px;
}

ion-footer {
  max-height: 40%;
  overflow-y: auto;
}

.selectable-text {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

.break-word {
  word-break: break-all;
}

.current_display {
  padding: 0 7px;
}

.year-carrier {
  min-width: 52px;
}

.year-and-option {
  height: auto;
  margin-bottom: -17px;
}

.year-and-option .year-carrier {
  height: 100%;
  background-color: #d24341;
  color: #fff;
  padding: 0 10px;
  position: relative;
  right: -6px;
  font-size: 1.7rem;
}

.year-and-option .year-carrier.month {
  padding-right: 0px;
}

.year-and-option .year-carrier .other-years-div {
  position: absolute;
  top: 100%;
  right: 0px;
  background-color: #d24341;
  width: 100%;
  z-index: 1000;
}

.year-and-option .year-carrier .other-years-div .button,
.year-and-option .year-carrier .other-years-div .button-inner {
  height: 30px !important;
}

.year-and-option .year-carrier .active-year {
  width: 100%;
  height: 100%;
  min-height: 44px;
}

.send-myTextarea {
  width: 41px;
  display: inline-block;
  text-align: right;
  height: 39px;
}

.back-area {
  min-width: 45px;
}

.inputfont {
  font-weight: 900;
  color: #5d5d5d;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.35rem;
  text-shadow: 0px 0px 1px #878787;
}

.card-white {
  background-color: #fff;
  padding: 20px;
  -webkit-box-shadow: 0px 1px 1px #e6e6e6;
  box-shadow: 0px 1px 1px #e6e6e6;
  border-radius: 8px;
}

.card-white.more-gray {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.card-white.pad5 {
  padding: 5px;
}

.card-white.p520 {
  padding: 5px 20px;
}

.card-white.no-padding {
  padding: 0px !important;
}

.card-white .cardtitle {
  font-size: 1.7rem;
}

.card-white .cardtitle.morebig {
  font-size: 1.9rem;
}

.card-white .cardtitle.morebig2,
.card-white .cardtitle .morebig2 {
  font-size: 2rem;
}

.m-lr-3 {
  margin: 0px 3px;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-t-15 {
  margin-top: 15px;
}

.big-badge {
  font-size: 1.2em !important;
}

.big-badge2 {
  font-size: 1em !important;
}

.white-card,
.task-list {
  background-color: #fff;
  padding: 20px;
  -webkit-box-shadow: 0px 1px 1px #e6e6e6;
  box-shadow: 0px 1px 1px #e6e6e6;
  border-radius: 8px;
}

.white-card.straight-top,
.task-list.straight-top {
  border-radius: 0px 8px 8px 8px;
}

.white-card.more-pad-to-left,
.task-list.more-pad-to-left {
  padding-left: 30px;
}

.white-card .title,
.task-list .title {
  margin: 0;
  margin-top: 12px;
  font-weight: 800;
  font-size: 1.6rem;
  text-transform: capitalize;
  max-width: 90%;
}

.white-card .title.no-resize,
.task-list .title.no-resize {
  margin-top: 0px;
  max-width: 100%;
}

.white-card .title.bigger-title,
.task-list .title.bigger-title {
  font-size: 2rem;
}

.white-card .title.bigger-title2,
.task-list .title.bigger-title2 {
  font-size: 1.8rem;
}

.white-card .title.smaller-title,
.task-list .title.smaller-title {
  font-size: 1.3rem;
}

.white-card .description,
.task-list .description {
  color: #a3a3a3;
  font-size: 1.5rem;
  margin-top: 5px;
  text-align: left;
  margin-bottom: 0px;
}

.white-card.no-shadow,
.task-list.no-shadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.card-white ion-badge {
  border-radius: 20px !important;
}

.white-card {
  -webkit-box-shadow: 0px 1px 1px #dcdcdc;
  box-shadow: 0px 1px 1px #dcdcdc;
}

.white-card ion-badge {
  border-radius: 20px !important;
}

.white-card.bordered {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border: thin solid #dddddd;
}

.small-list-img {
  width: 55px !important;
}

@media only screen and (min-width: 320px) and (max-width: 570px) {
  .file_wrap {
    width: 191px;
    overflow-wrap: break-word;
    white-space: pre-wrap;
  }
}

.customModal {
  background-color: rgba(0, 0, 0, 0.5);
}

.customModal .modal-wrapper {
  border-radius: 10px;
  left: 0px !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  overflow: hidden;
}

.overflow-wrap {
  overflow-wrap: anywhere;
}

.button-md {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.no-margin-bottom {
  margin-bottom: 0px !important;
}

.round-corners {
  border-radius: 10px;
}

.gray-border {
  border: thin solid #e2e2e2;
}

.toolbar-md-primary .toolbar-background-md, .toolbar-md-primary .toolbar-background-ios, .toolbar-ios-primary .toolbar-background-md, .toolbar-ios-primary .toolbar-background-ios {
  background-image: radial-gradient(circle at bottom right, #d23737, #0E1317 65%);
}

.first-section {
  width: 100%;
  min-height: 120px;
  background-color: #b21f2f;
}

.first-section.h140 {
  min-height: 140px;
}

.first-section.h120 {
  min-height: 120px;
}

.first-section.no-minheight {
  min-height: 0px;
}

.first-section.gradient {
  background-image: radial-gradient(circle at bottom right, #d23737, #0E1317 65%);
}

.first-section.no-padding-top {
  padding-top: 10px !important;
}

.first-section .subjectTextArea {
  background-color: transparent;
  width: 100%;
  border: none;
  color: #fff;
  font-size: 2.8rem;
  line-height: 30px;
}

.first-section .subjectTextArea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
  font-size: 2.8rem;
}

.first-section .subjectTextArea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
  font-size: 2.8rem;
}

.first-section .subjectTextArea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
  font-size: 2.8rem;
}

.first-section .subjectTextArea::placeholder {
  color: rgba(255, 255, 255, 0.8);
  font-size: 2.8rem;
}

.first-section.fixed-top {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 20;
}

.m-r-10-force {
  margin-right: 10px !important;
}

.small-divider {
  font-size: 14px;
}

.no-border .item-inner {
  border: none !important;
}

.no-padding-right .item-inner {
  padding-right: 0px !important;
}

.no-padding-right .item-inner .label {
  margin-right: 0px;
}

.no-padding-right.n-l-5 {
  position: relative;
  left: -5px;
}

.curved {
  border-radius: 8px;
}

.deadline-date {
  color: #474747;
  font-size: 1.2rem;
}

.deadline-date ion-icon {
  font-size: 1.7rem;
  margin-right: 4px;
  position: relative;
  top: 2px;
}

.deadline-date.expired {
  color: #ec322a;
}

.statusIcon {
  font-size: 2.2rem;
  margin-right: 5px;
  line-height: 11px;
}

.statusIcon {
  font-size: 2.2rem;
  margin-right: 5px;
  line-height: 11px;
}

.list-row- {
  margin-bottom: 25px;
}

.list-row- .icon-image_ {
  width: 50px;
}

.list-row- .h-title {
  margin: 0px;
  width: 100%;
  font-weight: bold;
}

.list-row- .p-subtitle {
  margin: 0px;
  margin-top: 4px;
  color: #636262;
}

.decagon {
  width: 90px;
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f2f2f2;
  line-height: 0;
  -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  margin: 11px auto;
}

.count-text {
  text-align: center;
  font-weight: 800;
  font-size: 1.7em;
  color: #b21f2f;
  position: relative;
  top: 0px;
}

.count-text sub {
  font-size: 12px;
}

.title-text- {
  text-align: center;
  font-weight: 800;
  font-size: 1.1em;
  margin-bottom: 20px;
}

.title-text {
  text-align: center;
  font-family: "Dubai-Medium";
  font-weight: 400;
  font-size: 1em;
}

ion-toolbar .file_upload_container {
  max-height: 350px !important;
  overflow-y: auto !important;
}

.my-invalid-feedback {
  color: #ec322a;
  font-size: 1.2rem;
}

.add-employee {
  width: 45px;
  height: 45px;
  border: thin solid #e2e2e2;
  border-radius: 50%;
  background-color: #b21f2f;
}

.add-employee.green {
  background-color: #4aa966 !important;
}

.filterResult {
  background-color: #c79921;
  border-radius: 8px;
  color: #fff;
}

.display-flex,
.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.display-flex.display-inline-flex,
.d-flex.display-inline-flex {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.display-flex.gap-0,
.d-flex.gap-0 {
  gap: 0;
}

.display-flex.gap-05,
.d-flex.gap-05 {
  gap: 0.5rem;
}

.display-flex[class*=" gap-1"],
.d-flex[class*=" gap-1"] {
  gap: 1rem;
}

.display-flex[class*=" gap-2"],
.d-flex[class*=" gap-2"] {
  gap: 2rem;
}

.display-flex[class*=" gap-3"],
.d-flex[class*=" gap-3"] {
  gap: 3rem;
}

.display-flex[class*=" gap-4"],
.d-flex[class*=" gap-4"] {
  gap: 4rem;
}

.display-flex[class*=" gap-5"],
.d-flex[class*=" gap-5"] {
  gap: 5rem;
}

.display-flex[class*=" gap-6"],
.d-flex[class*=" gap-6"] {
  gap: 6rem;
}

.display-flex[class*=" gap-7"],
.d-flex[class*=" gap-7"] {
  gap: 7rem;
}

.display-flex[class*=" gap-8"],
.d-flex[class*=" gap-8"] {
  gap: 8rem;
}

.display-flex[class*=" gap-9"],
.d-flex[class*=" gap-9"] {
  gap: 9rem;
}

.display-flex[class*=" gap-10"],
.d-flex[class*=" gap-10"] {
  gap: 10rem;
}

.display-flex.row, .display-flex.flex-row,
.d-flex.row,
.d-flex.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.display-flex.flex-valign-center, .display-flex.align-items-center,
.d-flex.flex-valign-center,
.d-flex.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.display-flex.flex-valign-start,
.d-flex.flex-valign-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.display-flex.flex-valign-end,
.d-flex.flex-valign-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.display-flex.flex-halign-center, .display-flex.justify-content-center, .display-flex.justify-center,
.d-flex.flex-halign-center,
.d-flex.justify-content-center,
.d-flex.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.display-flex.flex-halign-around, .display-flex.justify-content-around,
.d-flex.flex-halign-around,
.d-flex.justify-content-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.display-flex.flex-halign-start,
.d-flex.flex-halign-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.display-flex.flex-halign-end, .display-flex.justify-content-end,
.d-flex.flex-halign-end,
.d-flex.justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.display-flex.no-wrap,
.d-flex.no-wrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.display-flex.reverse,
.d-flex.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.display-flex .biggest,
.d-flex .biggest {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.display-flex .bigger,
.d-flex .bigger {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.display-flex .bigger-important,
.d-flex .bigger-important {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}

.display-flex.column, .display-flex.flex-column,
.d-flex.column,
.d-flex.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.display-flex.wrap,
.d-flex.wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.display-flex.justify-content-between,
.d-flex.justify-content-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.display-flex.justify-content-evenly,
.d-flex.justify-content-evenly {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.display-none {
  display: none;
}

.display-block {
  display: block;
}

.full-height {
  height: 100%;
}

.mt-n15 {
  margin-top: -15px;
}

.limit-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.limit-text.line-3 {
  -webkit-line-clamp: 3;
}

.limit-text.line-2 {
  -webkit-line-clamp: 2;
}

.limit-text.line-1 {
  -webkit-line-clamp: 1;
}

button.no-style {
  background-color: transparent;
  width: 100%;
  height: auto;
  font-size: initial;
  border-radius: 0 !important;
  white-space: pre-wrap;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 7px;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: initial;
}

button.no-style .button-inner {
  display: block;
  width: auto;
  height: auto;
}

button.no-style.flex-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

button.no-style.padding {
  padding: 16px !important;
}

button.no-style.small-padding {
  padding: 6px 20px !important;
}

button.no-style.big-title-text {
  font-size: 1.9rem;
}

button.no-style.init-height {
  line-height: initial;
}

.m-b-neg-10 {
  margin-bottom: -10px !important;
}

.m-b-neg-50 {
  margin-bottom: -50px !important;
}

.top-15 {
  top: 12px;
}

.top-3 {
  top: 3px;
}

.top-n-1 {
  top: -7px !important;
}

.cropper-point,
.cropper-line {
  background-color: #b21f2f !important;
}

.cropper-point.point-se:before,
.cropper-line.point-se:before {
  background-color: #b21f2f !important;
}

.validatePassBack .toast-wrapper {
  background-color: #4aa966;
}

.primary-back-color-toast .toast-wrapper {
  background-color: #b21f2f;
}

.icon-wrapper {
  padding: 5px 0px 0px 10px;
  border-radius: 50px;
  text-align: center;
}

.icon-wrapper ion-icon {
  font-size: 2em;
}

.text-align-center {
  text-align: center;
}

.text-align-end {
  text-align: end;
}

.text-align-start {
  text-align: start;
}

.cropper-view-box {
  outline: #e9818c dotted 1px !important;
  outline-color: #e9818c !important;
}

.h35 {
  height: 35px !important;
}

.background-img {
  margin-top: -30px;
  width: 100%;
}

.top-right-absolute {
  position: absolute;
  z-index: 1;
  right: -20px;
  top: -12px;
}

.description {
  color: #383838;
  margin-top: 0px;
}

.p-t-0-6 {
  padding: 0px 6px;
}

.center-badge {
  font-size: 15px;
  position: relative;
  padding: 0;
  top: 3px;
}

.information-block {
  border: thin solid #f2f2f2;
  border-left: 2px solid #b21f2f;
}

img,
svg:not(.graphic),
iframe,
embed,
video {
  max-width: 100%;
}

.m-t-neg-10 {
  margin-top: -10px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-l-20-force {
  margin-left: 20px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-r-20 {
  margin-right: 20px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-12 {
  margin-right: 12px !important;
}

.m-l-5 {
  margin-left: 12px !important;
}

.m-left-5 {
  margin-left: 5px !important;
}

.m-l-3 {
  margin-left: 3px !important;
}

.m-l-2 {
  margin-left: 2px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.ion-md-mydcaa-More {
  font-size: 1.1em !important;
}

.no-padding {
  padding: 0px !important;
}

.no-padding-top {
  padding-top: 0px !important;
}

.small-text {
  font-size: 12px !important;
}

.avg-text-size {
  font-size: 16px !important;
}

.small-text2 {
  font-size: 14px !important;
}

.smaller-text {
  font-size: 10px !important;
}

.no-margin {
  margin: 0;
}

.margin-auto {
  display: block !important;
  margin: 0 auto;
}

.full-height {
  height: 100%;
}

.halfwidth {
  width: 45%;
}

.full-width {
  width: 100%;
}

.full-height-vh {
  height: 100vh;
}

.full-width-vw {
  width: 100vw;
}

.auto-height {
  height: auto;
}

.px14 {
  font-size: 14px;
}

.px15 {
  font-size: 15px;
}

.flex-align-top {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.no-shadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.validateFail {
  color: #ec322a !important;
}

.no-pad-top-bot {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.no-pad-top {
  padding-top: 0px !important;
}

.prelative, .ionic-image-cache-prelative {
  position: relative;
}

.prelative.zindex, .ionic-image-cache-prelative.zindex {
  z-index: 5;
}

.adjust-top {
  position: relative;
  top: 3px;
}

.adjust-top.less-top {
  top: 2px;
}

.bold {
  font-weight: 600 !important;
}

.bold > .toolbar-title {
  font-weight: 600 !important;
}

.no-bold {
  font-weight: unset !important;
}

.no-bold > .toolbar-title {
  font-weight: unset !important;
}

.font-mydcaa-mail-outline {
  font-size: 2.4rem !important;
}

.font-mydcaa-Newsletter {
  font-size: 1.8rem !important;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.back-left-red-stripe:not(.lessRed) {
  background-image: linear-gradient(to right, #b21f2f 70px, #fff 40px);
}

.lh-1 {
  line-height: 1rem;
}

.lh-1-5 {
  line-height: 1.5rem;
}

.lh-2 {
  line-height: 2rem;
}

.lh-25 {
  line-height: 2rem;
}

.lh-3 {
  line-height: 3rem;
}

.lh-4 {
  line-height: 4rem;
}

.lh-5 {
  line-height: 5rem;
}

.avatar-like {
  padding: 3px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 0px 1px #cccccc;
  box-shadow: 0px 0px 1px #9a9898;
  overflow: hidden;
  width: 100px;
  height: 101px;
  position: relative;
  top: 17px;
}

button.bar-button-md .btn-text-space-up {
  margin-top: 6px;
}

button.bar-button-ios .btn-text-space-up {
  margin-top: 3px;
}

ion-modal ion-backdrop {
  visibility: visible !important;
  z-index: 0 !important;
}

.absolute-center {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.absolute-center.top4 {
  top: -4px;
}

.metaInfo p {
  margin: 0px;
  margin-right: 20px;
  line-height: 36px;
}

.metaInfo ion-badge {
  font-size: 1.2em;
  margin: 5px 0px;
}

.thin-text {
  font-weight: 100 !important;
}

.highcharts-credits {
  display: none;
}

chart {
  display: block;
  width: 100% !important;
  margin-top: 20px;
}

@-webkit-keyframes backgroundGrad {
  0% {
    background-position: center top;
    background-size: 120% 120%;
  }
  100% {
    background-position: center top;
    background-size: 100% 100%;
  }
}

@keyframes backgroundGrad {
  0% {
    background-position: center top;
    background-size: 120% 120%;
  }
  100% {
    background-position: center top;
    background-size: 100% 100%;
  }
}

.alert-wrapper {
  border-radius: 10px !important;
}

.alert-wrapper .alert-button-group {
  background-color: #c799210d;
}

.alert-wrapper .alert-button-group .alert-button {
  padding: 6px 22px !important;
}

.alert-wrapper .alert-button-group .alert-button:last-child {
  border: thin solid;
  color: #fff;
  background-color: #d23737;
  border: thin solid;
  border-radius: 40px !important;
}

.alert-wrapper .alert-button-group .alert-button:first-child {
  font-size: 12px;
}

.alert-head {
  background-image: radial-gradient(circle at top right, #dadada, #fff 65%);
}

.alert-head .alert-title {
  color: #c79921;
}

.action-sheet-ios .action-sheet-button {
  color: #d23737;
}

.blackback {
  background-image: radial-gradient(circle at top right, #c79921, #000 65%);
}

.myCustomLoader.fullscreen, .myCustomLoader.login {
  background-image: radial-gradient(circle at top right, #c79921, #000 65%);
}

.myCustomLoader.fullscreen ion-backdrop, .myCustomLoader.login ion-backdrop {
  opacity: 1;
  background-color: #000;
}

.myCustomLoader.login {
  -webkit-animation: backgroundGrad 5s ease 1s infinite alternate forwards;
  animation: backgroundGrad 5s ease 1s infinite alternate forwards;
  background-size: 100% 100%;
  background-image: url(../assets/images/mydcaa/background-loader.jpg);
}

.myCustomLoader.login::before {
  content: "";
  position: absolute;
  z-index: 100;
  top: 0px;
  left: 0px;
  width: 120px;
  height: 100px;
  background-image: url("http://dcaa.gov.ae/assets/images/browser/logo-dcaa.png");
  background-size: 83% 83%;
  background-color: #ffffff9c;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  border-radius: 0px;
}

.myCustomLoader .loading-wrapper {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.big-icon {
  font-size: 2.8rem;
}

.bigger-icon {
  font-size: 3.2rem !important;
}

.bigger-icon.reduce-line-height {
  line-height: 10px;
}

.action-sheet-ios .action-sheet-title {
  font-size: 1.6rem;
}

.small-img {
  width: 27px !important;
  min-width: 27px !important;
}

.small-img.ring {
  border: thin solid rgba(178, 31, 47, 0.56);
}

.small-img.bigger-img {
  width: 40px !important;
}

.small-img.bigger-img.ring {
  border: thin solid #fff;
}

.small-img.biggest-img {
  width: 50px !important;
}

.small-img.biggest-img.ring {
  border: thin solid #fff;
}

.team_leader {
  position: relative;
}

.team_leader::before {
  content: "Leader";
  color: #cfa508;
  font-size: 10px;
  position: absolute;
  bottom: -41px;
  left: 0px;
}

.team_leader .small-img.ring {
  border: 2px solid #cfa508;
  margin-bottom: 19px;
}

.team_leader.big-size::before {
  font-size: 10px;
  bottom: -54px;
  left: 6px;
}

.team_sponsor {
  position: relative;
}

.team_sponsor::before {
  content: "Sponsor";
  color: #b21f2f;
  font-size: 10px;
  position: absolute;
  bottom: -41px;
  left: 0px;
}

.team_sponsor.big-size::before {
  font-size: 10px;
  bottom: -54px;
  left: 6px;
}

.team_sponsor .small-img.ring {
  border: 2px solid #b21f2f;
  margin-bottom: 19px;
}

.bubble-back {
  background-image: url(../assets/images/mydcaa/semicircle.svg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top right;
  background-size: 100px;
}

@media screen and (min-width: 2200px) {
  .bubble-back.gridView {
    width: calc(33% - 10px) !important;
  }
}

ionic-image-cache.img-circle img {
  border-radius: 50%;
}

ionic-image-cache.border-radius img {
  border-radius: 5px;
}

ionic-image-cache.big-avatar {
  width: 55px;
  height: 55px;
}

ionic-image-cache.big-avatar img {
  width: 55px;
  height: 55px;
}

.col-gap-0-5 {
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.col-gap-0-75 {
  -webkit-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
}

.col-gap-1 {
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.col-gap-1-5 {
  -webkit-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

.col-gap-2 {
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

.col-gap-2-5 {
  -webkit-column-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
}

.row-gap-0-5 {
  row-gap: 0.5rem;
}

.row-gap-0-75 {
  row-gap: 0.75rem;
}

.row-gap-1 {
  row-gap: 1rem;
}

.row-gap-1-5 {
  row-gap: 1.5rem;
}

.row-gap-2 {
  row-gap: 2rem;
}

.row-gap-2-5 {
  row-gap: 2.5rem;
}

.category_wrapper {
  height: 100%;
}

.category_wrapper img {
  height: 60px;
  margin: 0 auto;
  display: block;
}

.category_wrapper h3,
.category_wrapper h4 {
  margin-bottom: 0px;
  color: #b21f2f;
  font-size: 1.7rem;
  margin-top: 2px;
  text-transform: initial;
}

.category_wrapper h1,
.category_wrapper h2 {
  margin-bottom: 0px;
  margin-top: 2px;
  text-transform: initial;
}

.category_wrapper p {
  line-height: 21px;
}

.category_wrapper p.small-p {
  font-size: 1.5rem;
}

.category_wrapper button {
  padding: 10px 6px !important;
}

.category_wrapper ion-icon {
  margin: 0 auto;
  display: block;
}

.category_wrapper ion-icon.big-icon {
  font-size: 3.5rem;
  color: #474747;
}

.countUp {
  opacity: 0;
}

.fullname_list {
  font-size: 1.8rem !important;
}

.floating-header {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
  background-image: radial-gradient(circle at top right, #d23737, #0E1317 65%);
}

.floating-header.morePadTop {
  padding-top: 16px;
}

.floating-header.no-float {
  position: relative;
}

.thin-bottom-border {
  border-bottom: thin solid #dcdcdc;
}

.thin-top-border {
  border-top: thin solid #dcdcdc;
}

.bigheadericon {
  font-size: 2.6rem !important;
}

.bigheadericon.bigger {
  font-size: 2.8rem;
}

.bigheadericon.smaller {
  font-size: 2.3rem;
}

.bigheadericon.bigheadericon_smaller {
  font-size: 1.8rem !important;
}

.ios .bigheadericon {
  font-size: 3.2rem;
}

.ios .bigheadericon.bigheadericon_smaller {
  font-size: 2.6rem;
}

.shadow-toolbar {
  -webkit-box-shadow: 1px 0px 1px #b1b1b1;
  box-shadow: 1px 0px 1px #b1b1b1;
}

.small-toolbar .toolbar-md {
  min-height: 45px;
}

.item-float-right {
  position: absolute;
  right: 35px;
  top: 11px;
}

.checklist-border {
  border: 1px solid #c3bdbd;
  padding: 1em !important;
  border-radius: 15px;
}

.modified-list .item .item-inner {
  padding-right: 0px !important;
}

.modified-list .item .item-inner > .input-wrapper > .label {
  margin-right: 0px;
  margin-top: 0;
  margin-bottom: 0;
}

[class*="width-10"], [class*="w-10"] {
  width: 10%;
}

[class*="width-15"], [class*="w-15"] {
  width: 15%;
}

[class*="width-20"], [class*="w-20"] {
  width: 20%;
}

[class*="width-25"], [class*="w-25"] {
  width: 25%;
}

[class*="width-30"], [class*="w-30"] {
  width: 30%;
}

[class*="width-35"], [class*="w-35"] {
  width: 35%;
}

[class*="width-40"], [class*="w-40"] {
  width: 40%;
}

[class*="width-45"], [class*="w-45"] {
  width: 45%;
}

[class*="width-50"], [class*="w-50"] {
  width: 50%;
}

[class*="width-55"], [class*="w-55"] {
  width: 55%;
}

[class*="width-60"], [class*="w-60"] {
  width: 60%;
}

[class*="width-65"], [class*="w-65"] {
  width: 65%;
}

[class*="width-70"], [class*="w-70"] {
  width: 70%;
}

[class*="width-75"], [class*="w-75"] {
  width: 75%;
}

[class*="width-80"], [class*="w-80"] {
  width: 80%;
}

[class*="width-85"], [class*="w-85"] {
  width: 85%;
}

[class*="width-90"], [class*="w-90"] {
  width: 90%;
}

[class*="width-95"], [class*="w-95"] {
  width: 95%;
}

[class*="width-100"], [class*="w-100"] {
  width: 100%;
}

.unread-count-mobile {
  position: absolute;
  top: -10px;
  background-color: #dc3545;
  min-width: 20px;
  padding: 1px 3px;
  border-radius: 50%;
  color: #fff;
  max-height: 18px;
  font-size: 12px;
  left: -4px;
  line-height: 16px;
}

.plaintextbox {
  background: transparent;
  border: none;
  padding: 5px 2px;
  font-size: 1.5rem;
  font-weight: 400;
  color: #383838;
  height: auto;
  max-height: 100px;
  min-width: 100%;
}

.plaintextbox::-webkit-input-placeholder {
  font-size: 1.5rem;
  font-weight: 400;
}

[dir="rtl"] .back-left-red-stripe:not(.lessRed) {
  background-image: linear-gradient(to left, #b21f2f 70px, #f2f2f2 40px);
}

.tablet-above {
  display: none;
}

@media screen and (min-width: 320px) and (max-width: 570px) {
  .w-190 {
    max-width: 190px;
  }
}

.no-card .white-card {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 15px;
}

@media screen and (min-width: 767px) {
  .avatar-like {
    width: 75px;
    height: 75px;
  }
  .tablet-above {
    display: block;
  }
}

@media screen and (min-width: 320px) and (max-width: 570px) {
  .year-and-option .year-carrier .active-year {
    min-height: 30px;
  }
}

@media screen and (max-width: 767px) {
  .no-flex-force-block {
    display: block !important;
  }
  .force-word-break-mobile {
    word-spacing: 999px;
    margin-top: 8px;
  }
}

.margin-buttons-sheet button {
  margin-top: 5px;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  page-eservice-details .segmentdiv .segment-button .force-word-break-mobile {
    max-width: 74px;
    overflow-wrap: break-word;
  }
}

.custom-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: #000 !important;
  text-transform: uppercase;
}

.position-absolute {
  position: absolute !important;
}

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

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.border-left-gray {
  border-left: 1px solid #a3a3a3;
}

.modal-small .modal-wrapper {
  border-radius: 1em !important;
  height: 35%;
  max-height: calc(100% - 32px);
  max-width: none;
  min-height: 240px;
  overflow-y: auto;
}

.autoheight {
  height: auto !important;
}

.mt-n35 {
  margin-top: -35px;
}

.primary-list-email ul {
  list-style-type: none;
  text-align: justify;
  position: relative;
}

.primary-list-email ul:before {
  content: " ";
  background: #b1b1b1;
  display: inline-block;
  position: absolute;
  left: 20px;
  width: 2px;
  height: 88%;
  z-index: 400;
  margin-top: 20px;
}

.primary-list-email li:before {
  content: " ";
  background: #b1b1b1;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  left: 17px;
  width: 10px;
  height: 10px;
  z-index: 400;
  margin-top: 18px;
}

.primary-list-email p {
  padding-right: 1rem;
  padding-left: 1rem;
}

file-uploader .fileuploader_icons .icon-compound:nth-child(4) {
  display: none !important;
}

.action-sheet-group .action-sheet-title {
  color: #181818 !important;
  line-height: 26px;
}

page-help-module h3.current_display.bigger {
  margin-top: 9px;
}

.multiple-select-alert .alert-checkbox-group:nth-last-child(n) {
  padding-bottom: 15px;
}

.select-alert .alert-tappable {
  min-height: 33px;
  max-height: 33px;
}

.alert-radio-group {
  overflow: scroll;
  max-height: 240px;
  width: 100%;
  padding-bottom: 20px;
}

@-webkit-keyframes animate-from-top-kf {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(-20px);
    transform: scale(1.1) translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
  }
}

@keyframes animate-from-top-kf {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(-20px);
    transform: scale(1.1) translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
  }
}

@-webkit-keyframes animate-show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes animate-show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes animate-from-bottom-kf {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes animate-from-bottom-kf {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.animate-from-bottom {
  -webkit-animation-name: animate-from-bottom-kf;
  animation-name: animate-from-bottom-kf;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.animate-from-bottom.fast {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.animate-from-top {
  -webkit-animation-name: animate-from-top-kf;
  animation-name: animate-from-top-kf;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.animate-show {
  -webkit-animation-name: animate-show;
  animation-name: animate-show;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

p,
li {
  font-size: 1.6rem;
}

p.pf4,
li.pf4 {
  font-size: 1.4rem;
}

ion-badge.big {
  font-size: 1em;
}

.p-b-1 {
  padding-bottom: 1rem;
}

.p-b-t {
  padding-top: 1rem;
}

.p-10 {
  padding: 10px;
}

.m-l-n20 {
  margin-left: -20px;
}

.m-r-n20 {
  margin-right: -20px;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.radius-50 {
  border-radius: 50%;
}

.slider-font {
  font-size: 1.5rem;
}

.w-50 {
  width: 50px;
}

.w-40 {
  width: 40px;
}

.w-30 {
  width: 30px;
}

.img-circle- {
  border-radius: 50%;
}

.gray-text {
  color: #474747;
}

.round-count {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 1.5em;
  background: #fff;
  border: 2px solid #b21f2f;
  color: #b21f2f;
  font-weight: 800;
  margin: auto !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.disabled-card {
  pointer-events: none;
}

.disabled-card p {
  color: #a3a3a3;
  border-color: #a3a3a3;
}

.disabled-card ion-icon {
  color: #a3a3a3;
}

.img-green-border img {
  border: 2px solid #048441;
}

.accordion-list {
  border-radius: 8px;
  overflow: hidden;
}

.accordion-list .tab {
  width: 100%;
  overflow: hidden;
}

.accordion-list .tab-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1em;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  /* Icon */
}

.accordion-list .tab-label::after {
  content: "\276F";
  color: #a3a3a3;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-transition: all .35s;
  transition: all .35s;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
}

.accordion-list .tab-content {
  max-height: 0;
  padding: 0 1em;
  -webkit-transition: all .35s;
  transition: all .35s;
}

.accordion-list .tab-close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  cursor: pointer;
}

.accordion-list input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.accordion-list input:checked + .tab-label::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-list input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
  background: #f2f2f2;
}

.approved {
  color: #048441;
}

.rejected {
  color: #ec322a;
}

.current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
}

.current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

.servicetitle {
  text-align: left;
  font-size: 1.6rem;
  margin: 0 12px;
  font-weight: 600;
}

.smallheadericon {
  font-size: 2.6rem;
}

.smallerheadericon {
  font-size: 2rem;
}

.multilineSegment .segment-button {
  font-weight: 800;
  line-height: 1.6rem;
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: none;
  font-size: 1.4rem;
  height: 5rem;
}

.min-height55 {
  min-height: 50px;
}

.dcaa_menu_logo {
  height: 40px;
  position: relative;
  right: -5px;
}

.reset_title {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.reset_title .toolbar-title.toolbar-title-ios,
.reset_title .toolbar-title.toolbar-title-md {
  color: #fff;
  font-weight: 400;
}

.left-11 {
  left: 11px;
}

.joinToolBars {
  margin-bottom: -13px;
}

.top_panel_ {
  background-color: #fff;
  min-height: 20px;
  position: relative;
}

.top_panel_ .my-fab {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 1px 1px #f2f2f2;
  box-shadow: 0px 1px 1px #f2f2f2;
  background-color: #fff;
  right: 16px;
  bottom: 13px;
}

.top_panel_ .searchbar-ios,
.top_panel_ .searchbar-md {
  background: #f5f5f5;
  border: thin solid #f2f2f2;
  border-radius: 32px;
  min-height: 40px;
}

.top_panel_ .searchbar-ios .searchbar-input,
.top_panel_ .searchbar-md .searchbar-input {
  font-size: 1.6rem;
  height: 2.5rem;
  background-color: #f5f5f5;
}

.top_panel_ .searchbar-ios .searchbar-search-icon,
.top_panel_ .searchbar-md .searchbar-search-icon {
  top: 6px;
}

.top_panel_ .searchbar-md {
  border-radius: 6px;
}

.top_panel_ .searchbar-md .searchbar-input {
  font-size: 1.8rem;
}

.top_panel_ .searchbar-md .searchbar-input::-webkit-input-placeholder {
  font-size: 1.8rem;
}

.top_panel_ .searchbar-md .searchbar-input::-moz-placeholder {
  font-size: 1.8rem;
}

.top_panel_ .searchbar-md .searchbar-input::-ms-input-placeholder {
  font-size: 1.8rem;
}

.top_panel_ .searchbar-md .searchbar-input::placeholder {
  font-size: 1.8rem;
}

.top_panel_ .searchbar-md .searchbar-search-icon {
  top: 3px;
}

.top_panel_ .notification-btn .notification-count-badge {
  position: relative;
  top: -5px;
  right: -13px;
  padding: 3px 5px;
  font-size: 10px;
}

/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor > * {
  cursor: text;
}

.ql-editor p {
  word-break: break-all;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}

.ql-editor ul > li::before {
  content: '\2022';
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}

.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}

.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}

.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}

.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}

.ql-snow {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ql-snow * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-tooltip {
  position: absolute;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}

.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 0px 5px #ddd;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.25rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.25rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.25rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.25rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.25rem !important;
}

.m-n3 {
  margin: -0.25rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -0.25rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -0.25rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -0.25rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -0.25rem !important;
}

.m-n4 {
  margin: -0.25rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -0.25rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -0.25rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -0.25rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -0.25rem !important;
}

.m-n5 {
  margin: -0.25rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -0.25rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -0.25rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -0.25rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -0.25rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.25rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n3 {
    margin: -0.25rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n4 {
    margin: -0.25rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n5 {
    margin: -0.25rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -0.25rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.25rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.25rem !important;
  }
  .m-md-n3 {
    margin: -0.25rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -0.25rem !important;
  }
  .m-md-n4 {
    margin: -0.25rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -0.25rem !important;
  }
  .m-md-n5 {
    margin: -0.25rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -0.25rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.25rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n3 {
    margin: -0.25rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n4 {
    margin: -0.25rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n5 {
    margin: -0.25rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -0.25rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.25rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n3 {
    margin: -0.25rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n4 {
    margin: -0.25rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n5 {
    margin: -0.25rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -0.25rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.main-chat-container {
  position: fixed;
  bottom: 0;
  right: 0px;
  z-index: 1000;
  font-family: "Dubai Regular", sans-serif;
  font-size: 1.3em;
}

.main-chat-container .d-none,
.main-chat-container .hide {
  display: none;
}

.main-chat-container .dynamic-tab-container {
  bottom: 0;
}

.main-chat-container .chat-tab {
  overflow-y: hidden;
  overflow-x: hidden;
  width: 328px;
  margin-left: 10px;
  line-height: 1.3333;
  -webkit-box-shadow: 0px 1px 1px 0px #a3a3a3;
  box-shadow: 0px 1px 1px 0px #a3a3a3;
}

.main-chat-container .chat-body,
.main-chat-container .admin-chat-body {
  background: url("../../assets/images/chat/3.jpg");
  background-size: cover;
  background-color: #fff;
  overflow-x: hidden;
  max-height: calc(100vh - 130px);
  min-height: 410px;
  overflow-y: auto;
}

.main-chat-container .chat-body.no-max-but-pad,
.main-chat-container .admin-chat-body.no-max-but-pad {
  max-height: 0px;
  padding-bottom: 10px;
}

.main-chat-container .chat-body {
  height: 300px;
}

.main-chat-container .admin-panel {
  bottom: 0;
  z-index: 1000;
  width: 328px;
  -webkit-box-shadow: 0px 1px 1px 0px #a3a3a3;
  box-shadow: 0px 1px 1px 0px #a3a3a3;
}

.main-chat-container .chat-tab,
.main-chat-container .admin-panel {
  border-radius: 15px 15px 0px 0px;
}

.main-chat-container .single-chat-window {
  position: fixed;
  bottom: 0;
  right: 0px;
  z-index: 1000;
}

.main-chat-container .single-chat-window .chat-window {
  font-family: inherit;
  bottom: 0;
  right: 0;
  z-index: 1001;
  width: 328px;
  position: absolute;
  -webkit-box-shadow: 0px 1px 1px 0px #a3a3a3;
  box-shadow: 0px 1px 1px 0px #a3a3a3;
}

.main-chat-container .single-chat-window .chat-body {
  overflow-x: hidden;
  height: 394px;
}

.main-chat-container .date-outline {
  margin-bottom: 0.9em;
}

.main-chat-container .date-outline div {
  font-size: 12px;
  text-align: center;
  border-bottom: 1px solid #edd2d4;
  position: relative;
}

.main-chat-container .date-outline div time {
  color: #a3a3a3;
  background-color: #fff;
  position: relative;
  top: 10px;
  padding: 0 10px;
}

.main-chat-container .p-relative {
  position: relative;
}

.main-chat-container .no-message {
  height: 145px;
  width: 76%;
}

.main-chat-container .no-message p,
.main-chat-container .no-message .msg-p {
  margin: 12px 0px !important;
}

.main-chat-container .height100 {
  height: 100%;
}

.main-chat-container .btn:hover {
  color: #fff;
}

.main-chat-container .footer .post-section {
  position: relative;
  background: #f1f2f4;
  min-height: 60px;
}

.main-chat-container .footer .post-section textarea {
  border: 0;
  background: #f1f2f4;
  padding-left: 10px;
  padding-right: 10px;
  resize: none;
  position: relative;
  top: -4px;
}

.main-chat-container .footer .post-section .search {
  left: 20px;
}

.main-chat-container .footer .post-section ion-icon,
.main-chat-container .footer .post-section span {
  font-size: 1.3em;
  cursor: pointer;
  color: #a3a3a3;
}

.main-chat-container .footer .post-section ion-icon:hover,
.main-chat-container .footer .post-section span:hover {
  color: #d23737;
}

.main-chat-container .footer .attachments {
  background: #fff;
}

.main-chat-container .footer .attachments ion-icon,
.main-chat-container .footer .attachments span {
  font-size: 1.3em;
  cursor: pointer;
  color: #a3a3a3;
}

.main-chat-container .footer .attachments ion-icon:hover,
.main-chat-container .footer .attachments span:hover {
  color: #d23737;
}

.main-chat-container .footer .post-button {
  background: #f1f2f4;
  border: none;
  margin-right: 10px;
  margin-left: 10px;
  height: 100%;
  cursor: pointer;
  max-width: 30px;
}

.main-chat-container .mr-10 {
  margin-right: 10px;
}

.main-chat-container .d-flex.reverse:not(.btn-primary),
.main-chat-container .display-flex.reverse:not(.btn-primary) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.main-chat-container .full-width {
  width: 100%;
}

.main-chat-container.ltr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.main-chat-container .rtl {
  direction: rtl;
}

.main-chat-container .rtl .mutliple-chats {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.main-chat-container .rtl.dcaa-shortcodes {
  bottom: 5.3em !important;
}

.main-chat-container .circle-icon:hover,
.main-chat-container .circle-icon .icon-primary-dark,
.main-chat-container .circle-icon .circle-icon-empty {
  background-color: transparent;
  border-radius: 50%;
}

.main-chat-container .sender .message,
.main-chat-container .sender .videoNote {
  background: #f1f2f4;
  color: #000;
  border-top-left-radius: 0;
}

.main-chat-container .sender .date-info-text {
  text-align: right;
}

.main-chat-container .receiver {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.main-chat-container .receiver .message,
.main-chat-container .receiver .videoNote {
  background: #d23737;
  color: #fff;
  border-top-right-radius: 0;
}

.main-chat-container .receiver.colleague .message,
.main-chat-container .receiver.colleague .videoNote {
  background: #62af39;
}

.main-chat-container .receiver .date-info-text {
  text-align: left;
}

.main-chat-container .live-chat-header,
.main-chat-container .admin-chat-header {
  border-radius: 15px 15px 0px 0px;
}

.main-chat-container .chat-window {
  position: relative;
}

.main-chat-container .justify-content-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.main-chat-container .flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-chat-container .header-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.main-chat-container .submenu {
  font-size: 0.9em;
  border-left: 6px solid #f1f2f4;
}

.main-chat-container .submenu .submenu-icon {
  display: inline-block;
  line-height: 50px !important;
  color: #000 !important;
  width: 40px;
  height: 40px;
  text-align: center;
}

.main-chat-container .submenu a {
  color: #000;
  padding: 12px 12px;
  text-decoration: none;
}

.main-chat-container .submenu:hover {
  background: #f1f2f4;
  border-left: 6px solid #d23737;
}

.main-chat-container .submenu:hover .submenu-icon {
  color: #d23737;
}

.main-chat-container .mr-05 {
  margin-right: 0.5em;
}

.main-chat-container button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.main-chat-container .text-primary {
  color: #d23737;
}

.main-chat-container .primary {
  background: #d23737;
}

.main-chat-container input {
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  border-radius: 0;
  resize: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.9em;
}

.main-chat-container textarea:focus,
.main-chat-container input:focus,
.main-chat-container button:focus,
.main-chat-container .button-primary {
  outline: none;
}

.main-chat-container .button-primary {
  background-color: #d23737;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 0.9em;
  outline: 0;
  padding: 10px;
  cursor: pointer;
  display: block;
}

.main-chat-container .text-danger {
  color: #d81100;
}

.main-chat-container .date-info-text {
  font-size: 10px;
  margin-top: 5px !important;
  color: #a3a3a3;
  padding: 0px 15px;
  margin-bottom: 0px;
}

.main-chat-container .box-padding {
  padding: 0.5em;
}

.main-chat-container .message {
  margin: 0 5px;
  padding: 1px 15px;
  font-size: 0.9em;
  border-radius: 1em;
}

.main-chat-container .message p,
.main-chat-container .message .msg-p {
  margin: 8px 0;
  max-width: 226px;
}

.main-chat-container .message p a,
.main-chat-container .message .msg-p a {
  word-break: break-all;
}

.main-chat-container .message .replied-msg {
  background-color: #fff;
  padding: 4px 13px;
  border-radius: 10px;
  border: 1px dotted #a3a3a3;
  color: #000;
  font-size: 13px;
  margin-bottom: 8px;
}

.main-chat-container time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #a3a3a3;
  margin-bottom: 0.5em;
}

.main-chat-container .avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.main-chat-container .chat-top-header {
  background: url("../../assets/images/chat/header.png");
  background-size: cover;
}

.main-chat-container .circle-icon {
  position: relative;
}

.main-chat-container .circle-icon .icon {
  font-size: 1em;
  line-height: 40px !important;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
}

.main-chat-container .header {
  padding: 0.5em;
}

.main-chat-container .header .header-title {
  text-align: left;
  color: #fff;
  margin-left: 6px;
}

.main-chat-container .header .header-title .header-label {
  font-size: 0.8em;
  max-width: 135px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.main-chat-container .header .header-title ion-icon,
.main-chat-container .header .header-title span {
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.main-chat-container .header .header-title .chat-status {
  margin-right: 6px;
  height: 7px;
  width: 7px;
  border-radius: 50%;
}

.main-chat-container .header .header-title .green {
  margin-top: 5px;
  background: #62af39;
}

.main-chat-container .dropdown-bottom-arrow {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  width: 200px;
  position: absolute;
  opacity: 1;
  line-height: 1.46667;
  z-index: 100;
  background: #fff;
  margin-left: -160px;
}

.main-chat-container .dropdown-bottom-arrow::before, .main-chat-container .dropdown-bottom-arrow::after {
  border: 10px solid transparent;
  height: 0;
  position: absolute;
  content: "";
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  bottom: -10%;
  left: 89%;
  margin-left: -10px;
}

.main-chat-container .dropdown-bottom-arrow::after {
  border-bottom-color: #fff;
}

.main-chat-container .dropdown-bottom-arrow::before {
  margin-left: -185px;
  border: 13px solid transparent;
  -webkit-filter: blur(1px);
  filter: blur(1px);
  width: 184px;
}

.main-chat-container .chat-item-audio,
.main-chat-container .chat-message,
.main-chat-container .chat-item-video {
  background: #fff;
}

.main-chat-container .cursor-pointer {
  cursor: pointer;
}

.main-chat-container img {
  vertical-align: middle;
}

.main-chat-container .small {
  font-size: 12px;
}

.main-chat-container .text-center {
  text-align: center;
}

.main-chat-container .minimized {
  display: none;
}

.main-chat-container .no-margins {
  margin: 0;
}

.main-chat-container .mt-1 {
  margin-top: 1em;
}

.main-chat-container .ml-10 {
  margin-left: 10px;
}

.main-chat-container .ml-2 {
  margin-left: 2em;
}

.main-chat-container .m-05 {
  margin: 0.5em;
}

.main-chat-container .margin-0 {
  margin: 0;
}

.main-chat-container .mt-1 {
  margin-top: 1em;
}

.main-chat-container .mt-10 {
  margin-top: 10px;
}

.main-chat-container .mb-1 {
  margin-bottom: 1em;
}

.main-chat-container .mb-5 {
  margin-bottom: 5px !important;
}

.main-chat-container .font-15 {
  font-size: 15px !important;
}

.main-chat-container h1,
.main-chat-container h2,
.main-chat-container h3,
.main-chat-container h4,
.main-chat-container h5,
.main-chat-container h6,
.main-chat-container .h1,
.main-chat-container .h2,
.main-chat-container .h3,
.main-chat-container .h4,
.main-chat-container .h5,
.main-chat-container .h6 {
  margin-bottom: 0.5rem;
  font-weight: 800;
  line-height: 1.2;
  margin-top: 0;
}

.main-chat-container h6 {
  font-size: 1.45rem;
  font-weight: 100;
  text-shadow: 0 0 #757373;
}

.main-chat-container textarea {
  overflow-y: hidden;
  height: 26px;
}

ion-slides:not(.mslide) {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: auto;
}

ion-slides:not(.mslide) ion-slide {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
}

ion-slides:not(.mslide) ion-slide .slide-zoom {
  text-align: left;
}

.hours-container .icon-wrapper {
  padding: 5px 20px;
  background-color: #f2f2f2;
  border-radius: 50px;
  text-align: center;
}

.hours-container .icon-wrapper ion-icon {
  font-size: 1.7em;
}

.hours-container .icon-wrapper.add {
  color: #4aa966;
}

.hours-container .icon-wrapper.minus {
  color: #ec322a;
}

.hours-container.white- {
  background-color: #fff;
  padding: 3px 14px;
  border-radius: 7px;
}

.hours-container.white- .icon-wrapper {
  padding: 1px 20px;
}

.hours-container #hour-input {
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  width: 40px;
  border: none;
  padding: 0px;
}

.hours-container #hour-input.wide {
  width: 48px;
}

.hours-container #hour-input.widerInput {
  width: 64px;
}

.hours-container .input-number-wrapper {
  width: calc(100% - 116px);
}

.subjectTextArea {
  position: relative;
  top: -5px;
}

.black-text {
  color: #383838;
  font-size: 16px;
}

.assigned_title {
  margin: 0px;
  margin-bottom: 4px;
  margin-top: 10px;
  font-weight: 800;
}

.p-l-0 {
  padding-left: 0px !important;
}

.graphic--kozakura {
  top: 0.6em !important;
}

.input__field--kozakura {
  margin-top: 2.7em;
  font-size: 1.5rem;
  font-weight: 400;
}

.assign-btn {
  padding: 13px 20px;
  margin-top: 15px;
  width: 100%;
  color: #fff;
  background-color: #b21f2f;
  margin-bottom: 20px;
}

.assign-btn ion-icon {
  margin-right: 5px;
}

.m-t-13 {
  margin-top: 13px !important;
}

.small-avatar-overlay {
  width: 45px;
  height: 45px;
  margin-right: -12px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
}

.small-avatar-overlay.tiny {
  width: 35px;
  height: 35px;
}

.small-avatar-overlay.no-border {
  border: none !important;
}

.small-avatar-overlay.is_leader {
  border-color: #cfa508;
}

.small-avatar-overlay.is_team_sponsor {
  border-color: #b21f2f;
}

.p-b-22 {
  padding-bottom: 22px;
}

p,
li {
  font-size: 1.6rem;
}

.left7 {
  position: relative;
  left: -7px;
}

.m-t-35 {
  margin-top: 35px !important;
}

.m-t-35.more_m {
  margin-top: 40px !important;
}

.liltop {
  position: relative;
  top: -8px;
}

.small-action {
  padding: 0;
  height: 15px;
  font-size: 14px;
  font-weight: 800;
  position: relative;
  top: -2px;
}

.smaller-h2 h2 {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

.back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

.information-block {
  border-radius: 6px;
  padding: 5px 12px;
}

.h1-title {
  color: #fff;
  font-size: 2.2rem;
  margin-bottom: 34px;
}

.label-title {
  font-size: 1.7rem;
  font-weight: 800;
  margin-bottom: 5px;
}

.label-title.m-t-20 {
  margin-top: 20px !important;
}

.label-title.m-t-5 {
  margin-top: 5px !important;
}

.description {
  color: #383838;
  margin-top: 0px;
}

.over-panel {
  position: relative;
  top: -50px;
}

.over-panel.nt-20 {
  margin-top: -21px;
}

.over-panel.nt-20.adj_original_task {
  margin-top: -55px;
}

.standalone {
  position: relative;
  left: -9px;
}

.standalone .blk {
  background-color: #f5f5f5 !important;
  border: thin solid #f2f2f2;
  border-bottom: none;
}

.standalone .blk .tick {
  font-size: 1.3em;
  color: #474747;
}

.standalone .blklabel {
  font-size: 0.9em;
  border-radius: 0px 0px 4px 4px;
  background-color: #b21f2f !important;
}

.height-25 {
  height: 25px;
}

.alert-message {
  padding: 10px 24px !important;
}

.min-width-100 {
  min-width: 100px;
}

.grayscale {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.verybigbigheadericon {
  font-size: 3.6rem;
}

.veryverybigbigheadericon {
  font-size: 4.6rem;
}

.center-img {
  margin: 0 auto;
  display: block;
}

.dcaa-color-bg {
  background-color: #c79921;
}

.dcaa-primary-color-bg {
  background-color: #b21f2f;
}

.dcaa-verylightgray-color-bg {
  background-color: #f5f5f5;
}

.dcaa-font-primary-color {
  color: #b21f2f;
}

.dcaa-font-validatePass {
  color: #4aa966;
}

.dcaa-font-validateFail {
  color: #ec322a;
}

.dcaa-font-mydcaa-gold {
  color: #c79921;
}

.dcaa-color-font {
  color: #c79921;
}

.dcaa-gray-bg {
  background-color: #dee2e6;
}

.dcaa-light-gray-bg {
  background-color: #f2f2f2;
}

.mydcaa-radius-8 {
  border-radius: 8px;
}

.white-page {
  background-color: #ffffff !important;
}

.color-gray-text {
  color: #c3c6d3;
}

.color-white-text {
  color: #fff;
}

.color-orange-text {
  color: #ea6c37;
}

.color-dark-gray-text {
  color: #494F5C;
}

.gray-hr {
  border-top: 2px solid #f2f2f2 !important;
}

.divider {
  min-height: 100%;
  min-width: 1px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.divider[class*="top-"] {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.divider[class*="center-"] {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.divider[class*="bottom-"] {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.divider[class*="-1"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(1 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-2"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(2 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-3"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(3 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-4"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(4 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-5"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(5 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-6"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(6 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-7"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(7 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-8"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(8 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-9"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(9 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-10"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(10 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-11"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(11 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-12"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(12 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-13"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(13 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-14"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(14 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-15"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(15 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-16"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(16 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-17"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(17 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-18"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(18 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-19"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(19 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-20"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(20 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-21"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(21 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-22"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(22 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-23"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(23 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-24"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(24 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-25"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(25 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-26"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(26 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-27"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(27 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-28"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(28 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-29"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(29 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-30"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(30 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-31"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(31 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-32"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(32 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-33"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(33 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-34"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(34 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-35"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(35 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-36"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(36 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-37"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(37 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-38"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(38 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-39"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(39 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-40"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(40 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-41"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(41 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-42"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(42 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-43"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(43 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-44"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(44 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-45"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(45 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-46"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(46 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-47"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(47 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-48"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(48 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-49"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(49 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-50"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(50 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-51"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(51 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-52"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(52 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-53"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(53 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-54"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(54 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-55"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(55 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-56"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(56 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-57"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(57 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-58"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(58 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-59"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(59 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-60"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(60 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-61"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(61 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-62"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(62 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-63"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(63 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-64"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(64 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-65"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(65 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-66"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(66 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-67"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(67 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-68"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(68 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-69"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(69 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-70"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(70 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-71"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(71 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-72"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(72 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-73"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(73 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-74"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(74 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-75"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(75 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-76"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(76 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-77"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(77 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-78"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(78 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-79"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(79 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-80"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(80 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-81"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(81 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-82"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(82 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-83"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(83 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-84"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(84 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-85"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(85 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-86"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(86 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-87"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(87 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-88"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(88 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-89"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(89 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-90"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(90 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-91"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(91 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-92"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(92 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-93"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(93 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-94"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(94 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-95"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(95 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-96"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(96 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-97"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(97 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-98"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(98 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-99"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(99 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="-100"] .line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(100 * 1%);
  border-right: 1px solid #c7c7c7;
}

.divider[class*="w-1"] .line {
  border-right-width: 1px;
}

.divider[class*="w-2"] .line {
  border-right-width: 2px;
}

.divider[class*="w-3"] .line {
  border-right-width: 3px;
}

.divider[class*="w-4"] .line {
  border-right-width: 4px;
}

.divider[class*="w-5"] .line {
  border-right-width: 5px;
}

.divider[class*="w-6"] .line {
  border-right-width: 6px;
}

.divider[class*="w-7"] .line {
  border-right-width: 7px;
}

.divider[class*="w-8"] .line {
  border-right-width: 8px;
}

.divider[class*="w-9"] .line {
  border-right-width: 9px;
}

.divider[class*="w-10"] .line {
  border-right-width: 10px;
}

.gray-thin-borderd {
  position: relative;
  border: thin solid #dddddd;
  border-radius: 8px;
}

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

@-webkit-keyframes backgroundAnim {
  0% {
    background-position: center top;
    background-size: 120% 120%;
  }
  100% {
    background-position: center top;
    background-size: 100% 100%;
  }
}

@keyframes backgroundAnim {
  0% {
    background-position: center top;
    background-size: 120% 120%;
  }
  100% {
    background-position: center top;
    background-size: 100% 100%;
  }
}

.notbold {
  font-weight: 100;
}

.Page-Body,
.Page-Header {
  background-color: #f7f6f9;
}

.Page-Body.Page-Body-Anim,
.Page-Header.Page-Body-Anim {
  -webkit-animation: backgroundAnim 3s ease 0s 1 normal forwards;
  animation: backgroundAnim 3s ease 0s 1 normal forwards;
}

.Page-Body .font2,
.Page-Header .font2 {
  font-size: 0.875em;
}

.Page-Body .font1,
.Page-Header .font1 {
  font-size: 0.75em;
}

.Page-Body .font3,
.Page-Header .font3 {
  font-size: 1.1em;
}

.Page-Body .font4,
.Page-Header .font4 {
  font-size: 1.125em;
}

.Page-Body .font5,
.Page-Header .font5 {
  font-size: 1.25em;
}

.Page-Body .font6,
.Page-Header .font6 {
  font-size: 1.3em;
}

.Page-Body .font7,
.Page-Header .font7 {
  font-size: 1.5em;
}

.Page-Body .font8,
.Page-Header .font8 {
  font-size: 1.3em;
}

.Page-Body .font9,
.Page-Header .font9 {
  font-size: 0.9375em;
}

.Page-Body .font11,
.Page-Header .font11 {
  font-size: 1.8em;
}

.Page-Body .font12,
.Page-Header .font12 {
  font-size: 2em;
}

.Page-Body .font18,
.Page-Header .font18 {
  font-size: 3em;
}

.Page-Body .font-normal,
.Page-Header .font-normal {
  font-size: 1.1875em;
  font-weight: 400;
}

.Page-Body .header-small,
.Page-Header .header-small {
  font-size: 1.5em;
  font-weight: 600;
}

.Page-Body .header-small.notbold,
.Page-Header .header-small.notbold {
  font-weight: 100;
}

.Page-Body .font-biggest,
.Page-Header .font-biggest {
  font-size: 1.65em;
  font-weight: 600;
}

.Page-Body .font-bigger,
.Page-Header .font-bigger {
  font-size: 1.625em;
  font-weight: 600;
}

.Page-Body .font-size-18,
.Page-Header .font-size-18 {
  font-size: 1.125em;
}

.Page-Body .font-small,
.Page-Header .font-small {
  font-size: 0.875em;
  font-weight: 400;
}

.Page-Body .list-unstyled,
.Page-Header .list-unstyled {
  padding-left: 0;
  list-style: none;
}

.Page-Body .margin-full-width,
.Page-Header .margin-full-width {
  margin-left: -20px;
  margin-right: -20px;
}

.Page-Body .italic,
.Page-Header .italic {
  font-style: italic;
}

.Page-Body .m-l-1,
.Page-Header .m-l-1 {
  margin-left: 1em !important;
}

.Page-Body .m-r-1,
.Page-Header .m-r-1 {
  margin-right: 1em !important;
}

.Page-Body hr,
.Page-Header hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.Page-Body .row-card,
.Page-Header .row-card {
  background-color: white;
  border-radius: 12px;
}

.Page-Body .color-gray-text,
.Page-Header .color-gray-text {
  color: #c3c6d3;
}

.Page-Body .color-white-text,
.Page-Header .color-white-text {
  color: #fff;
}

.Page-Body .color-dark-gray-text,
.Page-Header .color-dark-gray-text {
  color: #494F5C;
}

.Page-Body .progress-bar,
.Page-Header .progress-bar {
  width: 100%;
  padding: 1rem 0.5rem;
}

.Page-Body .progress-bar .header,
.Page-Header .progress-bar .header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.Page-Body .progress-bar .bar,
.Page-Header .progress-bar .bar {
  width: 100%;
  background-color: #f2f2f2;
  border-radius: 25px;
  height: 0.75rem;
}

.Page-Body .progress-bar .bar .value,
.Page-Header .progress-bar .bar .value {
  height: 100%;
  border-radius: 25px;
}

.Page-Body .progress-bar .bar .value .filler,
.Page-Header .progress-bar .bar .value .filler {
  height: 100%;
  border-radius: 25px;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transition: width 1.5s ease-in-out;
  transition: width 1.5s ease-in-out;
  -webkit-animation: fill 3s ease-in-out;
  animation: fill 3s ease-in-out;
}

.Page-Body .progress-bar .bar .value .filler.green,
.Page-Header .progress-bar .bar .value .filler.green {
  background-color: #82e080;
}

.Page-Body .progress-bar .bar .value .filler.blue,
.Page-Header .progress-bar .bar .value .filler.blue {
  background-color: #80a2e0;
}

.Page-Body .progress-bar .bar .value .filler.light-blue,
.Page-Header .progress-bar .bar .value .filler.light-blue {
  background-color: #6bbef9;
}

.Page-Body .progress-bar .bar .value .filler.red,
.Page-Header .progress-bar .bar .value .filler.red {
  background-color: #ec322a;
}

.Page-Body .progress-bar .bar .value .filler.pink,
.Page-Header .progress-bar .bar .value .filler.pink {
  background-color: #e080b4;
}

.Page-Body .progress-bar .bar .value .filler.purple,
.Page-Header .progress-bar .bar .value .filler.purple {
  background-color: #603cd7;
}

.Page-Body .progress-bar .bar .value .filler.magenta,
.Page-Header .progress-bar .bar .value .filler.magenta {
  background-color: #ec008c;
}

.Page-Body .progress-bar .bar .value .filler.orange,
.Page-Header .progress-bar .bar .value .filler.orange {
  background-color: #ff9f01;
}

@-webkit-keyframes fill {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes fill {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

.Page-Body .radial,
.Page-Header .radial {
  width: 18rem;
  position: relative;
  margin: 2rem;
}

.Page-Body .radial .radial_info,
.Page-Header .radial .radial_info {
  margin-top: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.Page-Body .radial .radial_info h1,
.Page-Header .radial .radial_info h1 {
  font-weight: 900;
}

.Page-Body .eservice-progress,
.Page-Header .eservice-progress {
  position: relative;
  width: 20rem;
  height: 20rem;
}

.Page-Body .eservice-progress .item1,
.Page-Header .eservice-progress .item1 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.Page-Body .eservice-progress .item2,
.Page-Header .eservice-progress .item2 {
  position: absolute;
  -webkit-transform: translate(2rem, 2rem) rotate(90deg);
  transform: translate(2rem, 2rem) rotate(90deg);
  width: 16rem;
}

.Page-Body .eservice-progress .item3,
.Page-Header .eservice-progress .item3 {
  position: absolute;
  -webkit-transform: translate(4rem, 4rem) rotate(45deg);
  transform: translate(4rem, 4rem) rotate(45deg);
  width: 12rem;
}

.Page-Body .eservice-progress .radial_info,
.Page-Header .eservice-progress .radial_info {
  margin-top: 0 !important;
  position: absolute;
  width: 20rem;
  height: 20rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.Page-Body .eservice-progress .radial_info *,
.Page-Header .eservice-progress .radial_info * {
  margin: 0 !important;
}

.Page-Body .eservice-progress .radial_info h1,
.Page-Header .eservice-progress .radial_info h1 {
  font-weight: 900;
}

.Page-Body .popover_content,
.Page-Header .popover_content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  background-color: #f7f6f9;
  padding: 1.5rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.Page-Body .my-apps-popover_wrapper::before,
.Page-Header .my-apps-popover_wrapper::before {
  content: "";
  display: block;
  position: absolute;
  margin-top: -10px;
  width: 69px;
  height: 50px;
}

.Page-Body .my-apps-popover_wrapper:hover .menu-icon,
.Page-Header .my-apps-popover_wrapper:hover .menu-icon {
  color: #ec322a;
}

.Page-Body .my-apps-popover_wrapper:hover .my-apps-popover_content,
.Page-Header .my-apps-popover_wrapper:hover .my-apps-popover_content {
  display: grid;
  grid-template-columns: repeat(3, 12rem);
  -webkit-transform: translate(0, 44px);
  transform: translate(0, 44px);
  -webkit-transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.Page-Body .my-apps-popover_wrapper .my-apps-popover_content,
.Page-Header .my-apps-popover_wrapper .my-apps-popover_content {
  z-index: 11;
  top: -14px;
  left: 6px;
  display: none;
  position: absolute;
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  padding: 0 0.7889rem;
  padding-top: 0.7889rem;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.Page-Body .my-apps-popover_wrapper .my-apps-popover_content .action-container,
.Page-Header .my-apps-popover_wrapper .my-apps-popover_content .action-container {
  min-width: 100px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.Page-Body .my-apps-popover_wrapper .my-apps-popover_content .action-container ion-icon,
.Page-Header .my-apps-popover_wrapper .my-apps-popover_content .action-container ion-icon {
  color: #a3a3a3;
}

.Page-Body .my-apps-popover_wrapper .my-apps-popover_content .action-container p,
.Page-Header .my-apps-popover_wrapper .my-apps-popover_content .action-container p {
  font-size: 0.875em;
  text-align: center;
  font-weight: 600;
  width: 88%;
  word-wrap: break-word;
  margin-top: 1rem;
}

.Page-Body .my-apps-popover_wrapper .my-apps-popover_content .action-container.half-border::before,
.Page-Header .my-apps-popover_wrapper .my-apps-popover_content .action-container.half-border::before {
  content: "";
  height: 70%;
  border-right: 2px solid #f2f2f2;
  position: absolute;
  top: 16%;
  bottom: 16%;
  right: 0;
}

.Page-Body .my-apps-popover_wrapper .my-apps-popover_content .action-container.half-border::after,
.Page-Header .my-apps-popover_wrapper .my-apps-popover_content .action-container.half-border::after {
  content: "";
  height: 70%;
  border-right: 2px solid #f5f5f5;
  position: absolute;
  top: 16%;
  bottom: 16%;
  left: 0;
}

.Page-Body .my-apps-popover_wrapper .my-apps-popover_content .action-container:hover ion-icon,
.Page-Body .my-apps-popover_wrapper .my-apps-popover_content .action-container:hover p,
.Page-Header .my-apps-popover_wrapper .my-apps-popover_content .action-container:hover ion-icon,
.Page-Header .my-apps-popover_wrapper .my-apps-popover_content .action-container:hover p {
  color: #ec322a;
}

.Page-Body .top-border::before,
.Page-Header .top-border::before {
  content: "";
  width: 80%;
  border-top: 2px solid #f2f2f2;
  position: absolute;
  top: 2rem;
  bottom: 0;
  right: 10%;
  left: 10%;
}

.Page-Body .min-height-50vh,
.Page-Header .min-height-50vh {
  min-height: 50vh;
}

.Page-Body .min-height-45rem,
.Page-Header .min-height-45rem {
  min-height: 45rem;
}

.Page-Body .height-100-p,
.Page-Header .height-100-p {
  height: 100%;
}

.Page-Body .max-height-60,
.Page-Header .max-height-60 {
  max-height: 60vh;
  overflow: auto;
}

.Page-Body .half-border::after,
.Page-Header .half-border::after {
  content: "";
  height: 70%;
  border-right: 2px solid #f5f5f5;
  position: absolute;
  top: 16%;
  bottom: 16%;
  left: 0;
}

.Page-Body .filter-group,
.Page-Header .filter-group {
  border: 1px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.2rem;
  border-radius: 8px;
  border-color: #93969a;
  color: #93969a;
  font-size: large;
}

.Page-Body .filter-group ion-icon,
.Page-Header .filter-group ion-icon {
  padding: 0.8rem;
  font-size: 1.5em;
}

.Page-Body .filter-group ion-icon.active,
.Page-Header .filter-group ion-icon.active {
  background: #c79921;
  border-radius: 0.49em;
  color: #fff;
}

.Page-Body .popover_wrapper,
.Page-Header .popover_wrapper {
  position: relative;
}

.Page-Body .popover_wrapper:hover .popover_content,
.Page-Header .popover_wrapper:hover .popover_content {
  z-index: 11;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 44px);
  transform: translate(0, 44px);
  -webkit-transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.Page-Body .popover_wrapper:hover .popover_content .weather-list,
.Page-Header .popover_wrapper:hover .popover_content .weather-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.Page-Body .popover_wrapper:hover .popover_content .weather-list .weather-item,
.Page-Header .popover_wrapper:hover .popover_content .weather-list .weather-item {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.Page-Body .popover_wrapper:hover .popover_content .weather-list .weather-item img,
.Page-Header .popover_wrapper:hover .popover_content .weather-list .weather-item img {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.Page-Body.website-profile .add-photo,
.Page-Header.website-profile .add-photo {
  padding: 5px;
  background: #a00c1c;
  position: absolute;
  bottom: 0;
  border-radius: 50%;
  color: #fff;
  z-index: 100;
}

.Page-Body.website-profile .m-t-30,
.Page-Header.website-profile .m-t-30 {
  margin-top: 30px;
}

.Page-Body.website-profile .gray-card,
.Page-Header.website-profile .gray-card {
  background: #f5f5f5;
  padding: 10px 0;
  border-radius: 10px;
}

.min-width-200px {
  min-width: 200px;
}

.svg-size {
  width: 28px;
}

.selectable:not(:disabled):hover,
.image-gray {
  cursor: pointer;
  opacity: 0.9;
}

.selectable:disabled,
.selectable.disabled:hover {
  cursor: not-allowed !important;
  opacity: 0.9;
}

input {
  outline: none;
}

.border-radius-1 {
  border-radius: 1rem;
}

.centerPage {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.centerContent {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.search-control {
  background-color: #fff;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  color: #495057;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 2rem;
}

.search-control label {
  width: 100%;
}

.search-control label .search-input {
  border: none !important;
  resize: none;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width: 100%;
}

.search-control label .search-input.italic::-webkit-input-placeholder {
  font-style: italic;
  color: #c3bdbd !important;
}

.search-control label .search-input.italic::-moz-placeholder {
  font-style: italic;
  color: #c3bdbd !important;
}

.search-control label .search-input.italic::-ms-input-placeholder {
  font-style: italic;
  color: #c3bdbd !important;
}

.search-control label .search-input.italic::placeholder {
  font-style: italic;
  color: #c3bdbd !important;
}

.search-control.global-search {
  border-radius: 30px !important;
  font-weight: 400;
  line-height: 1.5;
  font-size: large;
  font-weight: 600;
}

.search-control.sub-search {
  border-radius: 8px !important;
  font-size: 1.1875em;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.position-relative,
.prelative {
  position: relative;
}

.success {
  color: #62af39;
}

.gray-text {
  color: #8f9296;
}

.red-text {
  color: #ec322a;
}

.green-text {
  color: #048441;
}

.bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

.bordered-on-hover {
  border: thin solid transparent;
  border-radius: 8px;
}

.bordered-on-hover:hover {
  border: thin solid #dddddd;
}

.cursor,
button {
  cursor: pointer;
}

.grid {
  display: grid;
}

.bg-black {
  background: #000;
}

.bg-white {
  background: #fff;
}

.bg-green {
  background: #62af39;
}

.bg-blue {
  background: #5c80ae;
}

.bg-orange {
  background: #ea6c37;
}

.bg-purple {
  background: #6d3aa7;
}

.text-white,
.nav-menu {
  color: #fff;
}

.d-inline.beta::after {
  content: "BETA";
  color: #d23737;
  font-size: 12px;
  position: relative;
  left: -15px;
  top: -10px;
}

.text-gray {
  color: #6c757d;
}

.text-black {
  color: #000;
}

.border-radius {
  border-radius: 10px;
}

.no-whitespace {
  white-space: nowrap;
}

.white-card {
  -webkit-box-shadow: 0px 1px 1px #dcdcdc;
  box-shadow: 0px 1px 1px #dcdcdc;
}

.white-card.bordered {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border: thin solid #dddddd;
}

.white-card {
  background-color: #fff;
  padding: 20px;
  -webkit-box-shadow: 0px 1px 1px #e6e6e6;
  box-shadow: 0px 1px 1px #e6e6e6;
  border-radius: 8px;
}

.white-card.border-card {
  border: thin solid #e6e6e6;
}

.mx-custom-2 {
  margin-left: 2em !important;
  margin-right: 2em !important;
}

.single-select-alert .alert-wrapper {
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}

mydcaa-navbar .mydcaa-navbar a {
  font-size: 1.2em !important;
}

.btn-white {
  border: 1px solid #fff;
  background-color: #fff;
}

.mydcaa-button {
  border-radius: 7px !important;
}

.mydcaa-button.gray-border {
  border: 2px solid #E8E9EC;
}

.mydcaa-button.revised {
  border-radius: 25px !important;
  padding: 0px 18px !important;
}

.headerColor {
  color: #515161;
  line-height: 29px;
}

page-happiness-bazaar input,
page-gallery input,
page-mydcaa-drive input,
page-internal-service input,
mydcaa-media-center-post input,
mydcaa-my-files input {
  border-radius: 10px !important;
  border: none !important;
  width: 100%;
}

page-happiness-bazaar input:focus-visible,
page-gallery input:focus-visible,
page-mydcaa-drive input:focus-visible,
page-internal-service input:focus-visible,
mydcaa-media-center-post input:focus-visible,
mydcaa-my-files input:focus-visible {
  border: none !important;
}

page-happiness-bazaar ::-webkit-input-placeholder,
page-gallery ::-webkit-input-placeholder,
page-mydcaa-drive ::-webkit-input-placeholder,
page-internal-service ::-webkit-input-placeholder,
mydcaa-media-center-post ::-webkit-input-placeholder,
mydcaa-my-files ::-webkit-input-placeholder {
  color: #c7c7c7;
}

page-happiness-bazaar ::-moz-placeholder,
page-gallery ::-moz-placeholder,
page-mydcaa-drive ::-moz-placeholder,
page-internal-service ::-moz-placeholder,
mydcaa-media-center-post ::-moz-placeholder,
mydcaa-my-files ::-moz-placeholder {
  color: #c7c7c7;
}

page-happiness-bazaar ::-ms-input-placeholder,
page-gallery ::-ms-input-placeholder,
page-mydcaa-drive ::-ms-input-placeholder,
page-internal-service ::-ms-input-placeholder,
mydcaa-media-center-post ::-ms-input-placeholder,
mydcaa-my-files ::-ms-input-placeholder {
  color: #c7c7c7;
}

page-happiness-bazaar ::placeholder,
page-gallery ::placeholder,
page-mydcaa-drive ::placeholder,
page-internal-service ::placeholder,
mydcaa-media-center-post ::placeholder,
mydcaa-my-files ::placeholder {
  color: #c7c7c7;
}

page-happiness-bazaar .filter-group,
page-gallery .filter-group,
page-mydcaa-drive .filter-group,
page-internal-service .filter-group,
mydcaa-media-center-post .filter-group,
mydcaa-my-files .filter-group {
  border-radius: 1rem;
  background: #fff;
}

page-happiness-bazaar .filter-group img,
page-gallery .filter-group img,
page-mydcaa-drive .filter-group img,
page-internal-service .filter-group img,
mydcaa-media-center-post .filter-group img,
mydcaa-my-files .filter-group img {
  padding: 0.5em;
}

.border-gray {
  border: thin solid #b1b7c1;
}

.border-bottom {
  border-bottom: thin solid #b1b7c1;
}

.border-left-thick {
  border-left: 3px solid #bcbec4;
}

.border-right-thick {
  border-right: 3px solid #bcbec4;
}

.border-right-mydcaa {
  border-right: thin solid #bcbec4;
}

img {
  vertical-align: middle;
}

.font-size-1 {
  font-size: 1em;
}

.clear-btn {
  background: transparent;
  width: 0;
}

.clear-btn:hover {
  background: transparent !important;
  width: 0;
  opacity: 0.9;
}

.absolute-center {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}

.folder-skelton {
  height: 75%;
  width: 90%;
  margin: 1.5em 0.4em;
  border-radius: 0 23px 23px;
  background-color: #f0f1f9;
}

.folder-skelton.dashed {
  background-color: #fff;
  border: 2px dashed #d2d0d4;
}

.folder-skelton.dashed::before {
  border: 2px dashed #d2d0d4;
  border-bottom: none;
  width: 40%;
  background-color: #fff;
  height: 29px;
  position: absolute;
  top: -29px;
  left: -2px;
}

.folder-skelton.dashed ion-icon {
  color: #d2d0d4;
}

.folder-skelton.dashed:hover {
  border: 2px dashed #d23737;
}

.folder-skelton.dashed:hover::before {
  border: 2px dashed #d23737;
  border-bottom: none;
}

.folder-skelton.dashed:hover ion-icon {
  color: #d23737;
}

.folder-skelton::before {
  content: "";
  width: 38%;
  height: 23px;
  border-radius: 23px 42px 0px 0px;
  background-color: #f0f1f9;
  position: absolute;
  top: -23px;
  left: 0px;
}

.folder-skelton ion-icon {
  font-size: 6em;
}

.rename-modal input,
.request-modal input {
  padding: 0.4rem 0.7rem;
  border-radius: 2rem !important;
  border: thin solid #b2b2b2;
}

.rename-modal input::-webkit-input-placeholder,
.request-modal input::-webkit-input-placeholder {
  font-style: normal;
}

.rename-modal input::-moz-placeholder,
.request-modal input::-moz-placeholder {
  font-style: normal;
}

.rename-modal input::-ms-input-placeholder,
.request-modal input::-ms-input-placeholder {
  font-style: normal;
}

.rename-modal input::placeholder,
.request-modal input::placeholder {
  font-style: normal;
}

input.font-style-normal::-webkit-input-placeholder {
  font-style: normal;
}

input.font-style-normal::-moz-placeholder {
  font-style: normal;
}

input.font-style-normal::-ms-input-placeholder {
  font-style: normal;
}

input.font-style-normal::placeholder {
  font-style: normal;
}

.circle-width {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

/* The custom-container */
.custom-container {
  /* Hide the browser's default checkbox */
}

.custom-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.border-radius-50 {
  border-radius: 50%;
}

.checkmark-label {
  background-color: #fff;
  border: 1px solid #888888;
  cursor: pointer;
  height: 20px;
  position: absolute;
  width: 20px;
}

.checkmark-label.dcaa-color {
  background-color: #c79921;
  border: 1px solid #c79921;
}

.checkmark-label.dcaa-color:after {
  border: 3px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 3px;
  left: 3px;
  position: absolute;
  top: 5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 9px;
}

.button-icon {
  font-size: 0.8em;
}

.icon-hover ion-icon:hover {
  color: #c79921;
}

.largeicon ion-icon {
  font-size: 18px !important;
}

.pointer {
  cursor: pointer !important;
}

.tooltip {
  position: relative;
}

.tooltip::before {
  content: attr(data-tooltip);
  position: absolute;
  background-color: #383838;
  border-radius: 25px;
  text-align: center;
  color: #fff;
  display: none;
  padding: 3px 10px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  z-index: 100;
  left: 0%;
  right: 0;
  margin: auto;
  margin-left: -54%;
  bottom: -30px;
  font-size: 14px;
}

.tooltip.advance::before {
  max-width: 400px !important;
  min-width: 100px !important;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  z-index: 100 !important;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, 0);
}

.tooltip.advanced-left::before {
  max-width: 350px !important;
  min-width: 100px !important;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  z-index: 100 !important;
  left: -5px;
  bottom: unset;
  -webkit-transform: translate(-100%, -10px);
  transform: translate(-100%, -10px);
}

.tooltip.red-tooltip::before {
  background-color: #ec322a;
  color: #fff;
}

.tooltip.top::before {
  bottom: unset;
  top: 30px;
  left: -66px;
}

.tooltip.left::before {
  left: unset;
  right: 43px;
  bottom: 0;
}

.tooltip.right::before {
  left: 30px;
  margin-left: 0;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  bottom: 1px;
}

.tooltip:hover::before {
  display: block;
}

.filter-by-icon {
  font-size: 12px !important;
}

.header-text-shadow {
  text-shadow: 0px 0px 1px #515161 !important;
  font-weight: normal !important;
}

@media screen and (max-width: 400) {
  .my-page-padding {
    padding: 0 !important;
  }
}

@media screen and (min-width: 700px) {
  .my-page-padding {
    padding: 0 20px !important;
  }
  .my-apps-popover_wrapper:hover .my-apps-popover_content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .my-apps-popover_wrapper:hover .my-apps-popover_content .weather-list {
    padding: 0 1rem;
  }
}

@media screen and (max-width: 382px) {
  .automate-icon {
    margin: 0 !important;
  }
  .automate-icon .automate-icon-font {
    padding: 0 !important;
  }
  ion-badge {
    word-break: break-all;
  }
}

@media screen and (max-width: 767px) {
  .show-status {
    display: block !important;
  }
}

.show-status {
  display: none;
}

.flex-date {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.w-105 {
  width: 105px;
}

.w-62 {
  width: 62px;
}

@media screen and (max-width: 699px) {
  .flex-table.flex-table-row:nth-child(odd) .last,
  .flex-table.flex-table-row:nth-child(odd) .first {
    width: 100%;
    border-radius: 0;
  }
  .table-container {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mydcaa-navbar {
    padding: 0 1rem !important;
  }
  .drive-header {
    display: none !important;
  }
  .my-page-padding {
    padding: 0 1rem !important;
  }
  .my-apps-popover_wrapper:hover .my-apps-popover_content {
    position: fixed;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 460px;
    top: 22%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .popover_wrapper:hover .popover_content {
    position: fixed;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 95vw;
    top: 22%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
  }
  .popover_wrapper:hover .popover_content .weather-list .weather-item {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.infinite-rotation {
  -webkit-animation: rotation 1.3s linear infinite;
  animation: rotation 1.3s linear infinite;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@media screen and (min-width: 991px) {
  .profile-mid-border {
    border-left: 2px solid #f2f2f2;
    border-top: none;
  }
  .half-border.vertical::before {
    content: "";
    height: 70%;
    border-left: 2px solid #f2f2f2;
    position: absolute;
    top: 16%;
    bottom: 16%;
    left: 0;
  }
  .half-border.vertical::after {
    content: "";
    height: 70%;
    border-right: 2px solid #f2f2f2;
    position: absolute;
    top: 16%;
    bottom: 16%;
    right: 0;
  }
}

@media screen and (min-width: 1180px) {
  .max-width-25-per {
    max-width: 25%;
  }
  .max-width-50-per {
    max-width: 50%;
  }
}

@media screen and (max-width: 991px) {
  .profile-mid-border {
    border-top: 2px solid #f2f2f2;
    border-left: none;
  }
  .half-border.vertical::before {
    content: "";
    width: 70%;
    height: 0px;
    border-top: 2px solid #f2f2f2;
    position: absolute;
    left: 16% !important;
    right: 16% !important;
    bottom: unset !important;
    top: 0 !important;
  }
  .half-border.vertical::after {
    content: "";
    border-top: 0;
    height: 0px;
    width: 70% !important;
    border-top: 2px solid #f2f2f2;
    position: absolute;
    left: 16% !important;
    right: 16% !important;
    bottom: 0 !important;
    top: unset !important;
  }
}

@media only screen and (max-width: 767px) {
  .flex-align {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
}

.flex-align-side {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}

@media screen and (max-width: 991px) {
  .flex-halign-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
}

@media screen and (max-width: 991px) {
  .flex-halign-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 570px) {
  .text_wrap {
    overflow-wrap: break-word !important;
    white-space: pre-wrap !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 570px) {
  .progress {
    position: absolute;
    background-color: white;
    right: 0;
    top: 48px;
    bottom: 0;
    min-height: 330px;
    z-index: 1;
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
    contain: size style layout;
  }
}

@media only screen and (min-width: 320px) and (max-width: 570px) {
  .wrap-view {
    width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  .hide-below-768 {
    display: none !important;
  }
  .close-tab-class {
    display: none;
  }
  .open-tab-class {
    display: block;
  }
  page-mydcaa-advance-search ion-content {
    top: 155px !important;
    width: 96% !important;
  }
  page-mydcaa-advance-search ion-content {
    height: 81vh !important;
  }
}

@media screen and (min-width: 769px) {
  .hide-above-768 {
    display: none !important;
  }
}

@media screen and (max-width: 1111px) {
  .hide-below-1111 {
    display: none !important;
  }
}

@media screen and (min-width: 1111px) {
  .hide-above-1111 {
    display: none !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 570px) {
  .margin_3 {
    margin-top: 0px !important;
  }
  synergy-input ion-select.report {
    max-width: 280px !important;
  }
}

page-upcoming-events .upcoming-events-page ::ng-deep .nav-menu {
  font-weight: 600;
  color: #282828 !important;
}

page-upcoming-events .upcoming-events-page .header-small {
  font-weight: 600;
}

page-upcoming-events .header-small {
  font-size: 1.3em !important;
}

page-upcoming-events .btn-group {
  background-color: #f7f6f9;
  border: thin solid #dddddd;
  border-radius: 8px;
  height: 44px;
}

page-upcoming-events .btn-group button {
  color: #737274;
  background-color: #f7f6f9;
  margin: 0 !important;
  padding: 1rem 0.5rem !important;
  height: 100%;
}

page-upcoming-events .btn-group button:hover {
  background-color: #737274 !important;
  color: #f7f6f9;
}

page-upcoming-events .btn-group button:first-child {
  border-radius: 8px 0 0 8px;
}

page-upcoming-events .btn-group button:last-child {
  border-radius: 0 8px 8px 0;
}

page-upcoming-events .selected-date {
  color: #737274;
}

page-upcoming-events .group.group-icon.extra-group-padding {
  background-color: #007b39;
  color: #fff;
}

page-upcoming-events .static-label {
  display: none !important;
}

page-upcoming-events .calendar-container {
  border-radius: 8px;
}

page-upcoming-events .col-a {
  width: 70%;
}

page-upcoming-events .col-b {
  width: 30%;
}

page-upcoming-events .section-header {
  border-bottom: 1px solid #515161;
  color: #515161;
  font-weight: 600;
  margin-bottom: 2rem;
}

@media screen and (max-width: 1500px) {
  page-upcoming-events .col-a {
    width: 60%;
  }
  page-upcoming-events .col-b {
    width: 40%;
  }
}

@media screen and (max-width: 800px) {
  page-upcoming-events .col-a, page-upcoming-events .col-b {
    width: 100%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 570px) {
  .pad_4 {
    padding: 1.5rem !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 570px) {
  .card_padding {
    padding: 0 25px !important;
  }
  ion-slides .swiper-container {
    padding-bottom: 77px !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 570px) {
  .d-align {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
}

/**
 * angular-calendar - A calendar component for angular 4.0+ that can display events on a month, week or day view
 * @version v0.21.3
 * @author Matt Lewis
 * @link https://github.com/mattlewis92/angular-calendar#readme
 * @license MIT
 */
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}

.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}

.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}

.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}

.cal-month-view .cal-days {
  border: 1px solid #e1e1e1;
  border-bottom: 0;
}

.cal-month-view .cal-cell-top {
  min-height: 78px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.cal-month-view .cal-cell-row {
  display: -webkit-box;
  display: -ms-flexbox;
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
}

.cal-month-view .cal-cell {
  float: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}

.cal-month-view .cal-day-cell {
  min-height: 100px;
}

.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid #e1e1e1;
}

.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid #e1e1e1;
}

.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  background-color: #b94a48;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
}

.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}

.cal-month-view .cal-events {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}

.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}

.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}

.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: darkred;
}

.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}

.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}

.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: #e0e0e0 !important;
}

.cal-month-view .cal-open-day-events {
  padding: 15px;
  color: white;
  background-color: #555;
  -webkit-box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}

.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}

.cal-month-view .cal-event-title {
  color: white;
}

.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}

.cal-week-view .cal-day-headers {
  display: -webkit-box;
  display: -ms-flexbox;
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 3px;
  border: 1px solid #e1e1e1;
  margin-left: 2px;
  margin-right: 2px;
}

.cal-week-view .cal-day-headers .cal-header {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: center;
  padding: 5px;
}

.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid #e1e1e1;
}

.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}

.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}

.cal-week-view .cal-events-row {
  position: relative;
  height: 33px;
}

.cal-week-view .cal-event-container {
  display: inline-block;
  position: absolute;
}

.cal-week-view .cal-event {
  padding: 0 10px;
  font-size: 12px;
  margin-left: 2px;
  margin-right: 2px;
  height: 30px;
  line-height: 30px;
}

.cal-week-view .cal-draggable {
  cursor: move;
}

.cal-week-view .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.cal-week-view .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}

.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}

.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cal-day-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}

.cal-day-view .cal-hour-rows {
  width: 100%;
  border: solid 1px #e1e1e1;
  overflow-x: scroll;
  position: relative;
}

.cal-day-view .cal-hour:nth-child(odd) {
  background-color: #fafafa;
}

.cal-day-view mwl-calendar-day-view-hour-segment,
.cal-day-view .cal-hour-segment {
  display: block;
  height: 30px;
}

.cal-day-view .cal-hour-segment::after {
  content: '\A0';
}

.cal-day-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-day-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed #e1e1e1;
}

.cal-day-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}

.cal-day-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}

.cal-day-view .cal-hour-segment:hover,
.cal-day-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}

.cal-day-view .cal-event-container {
  position: absolute;
}

.cal-day-view .cal-event {
  border: solid 1px;
  padding: 5px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cal-day-view .cal-draggable {
  cursor: move;
}

.cal-day-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.cal-day-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cal-day-view .cal-all-day-event {
  padding: 8px;
  border: solid 1px;
}

.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}

.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.p-t-6 {
  padding-top: 6px !important;
}

.p-tb-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.top-25 {
  top: -25px;
}

.commenttext {
  margin: 0px 0px 10px 5px;
}

.box-border {
  padding: 10px;
  border: thin solid #e5e5ea;
  border-radius: 10px;
}

.back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

.back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

.h1-title {
  color: #fff;
  font-size: 2.2rem;
}

.chatTextArea {
  border: none;
  padding-top: 5px;
  font-size: 1.7rem;
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
}

.bigger_close_icon {
  font-size: 2em;
}

.close_edit_task {
  padding: 5px 0px 5px 10px;
}

.text-box-wrapper .send-icon {
  font-size: 3.2rem;
}

.text-box-wrapper ::-webkit-input-placeholder {
  color: #333333;
}

.text-box-wrapper ::-moz-placeholder {
  color: #333333;
}

.text-box-wrapper ::-ms-input-placeholder {
  color: #333333;
}

.text-box-wrapper ::placeholder {
  color: #333333;
}

.black-text {
  color: #383838;
}

.moreLeft {
  position: relative;
  left: -5px;
}

.max-height-assets {
  max-height: 250px;
  overflow-y: auto;
}

.file_upload_container {
  position: relative;
  top: 13px;
}

.file_upload_container.position-file-uploader {
  top: -2px;
}

.p-t-7 {
  padding-top: 7px;
}

.rightmore {
  position: relative;
  right: -4px;
}

.chat * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.chat {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
}

.chat .messages {
  display: block;
  overflow-x: hidden;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 3px;
}

.chat ::-webkit-scrollbar {
  width: 4px;
  height: 1px;
  -webkit-transition: all .5s;
  transition: all .5s;
  z-index: 10;
}

.chat ::-webkit-scrollbar-track {
  background-color: #fff;
}

.chat ::-webkit-scrollbar-thumb {
  background-color: #bec4c8;
  border-radius: 3px;
}

.chat .message {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  min-width: 51%;
  width: 70%;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.chat .message .send_by {
  position: relative;
  top: -8px;
  margin-left: 10px;
  z-index: 10;
}

.chat .message.me {
  float: right;
}

.chat .message.me audio-player .custom-audio-control {
  background-color: #fff !important;
}

.chat .message.me assets-list .item-md,
.chat .message.me assets-list .item-ios {
  background-color: transparent !important;
  color: #fff !important;
}

.chat .message.me assets-list .item-md p,
.chat .message.me assets-list .item-ios p {
  color: #fff !important;
}

.chat .message.me assets-list .item-inner {
  border-bottom: none !important;
}

.chat .message.them {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.chat .message.them .send_by {
  margin-right: 10px;
  margin-left: 0px;
}

.chat .message.them audio-player .custom-audio-control {
  background-color: #fff !important;
}

.chat .message.them assets-list .item-md,
.chat .message.them assets-list .item-ios {
  background-color: #f5f5f5 !important;
  color: #383838 !important;
  border-radius: 10px;
  padding: 0px 15px !important;
}

.chat .message.them assets-list .item-md p,
.chat .message.them assets-list .item-ios p {
  color: #383838 !important;
}

.chat .message.them assets-list .item-inner {
  border-bottom: none !important;
}

.chat .message.them .msg-text {
  color: #383838 !important;
}

.chat .message .smsText {
  margin: 0;
  text-align: left;
}

.chat .myMessage,
.chat .fromThem {
  max-width: 50%;
  word-wrap: break-word;
  margin-bottom: 20px;
}

.chat .myMessage,
.fromThem {
  position: relative;
  padding: 10px 20px;
  border-radius: 22px;
  clear: both;
}

.chat .myMessage {
  background: #4aa966;
  clear: both;
  border-bottom-right-radius: 20px 0px\9;
}

.chat .myMessage .msg-text {
  color: #fff;
}

.chat .myMessage:before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -2px;
  right: -8px;
  height: 19px;
  border-right: 20px solid #4aa966;
  border-bottom-left-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
  transform: translate(0, -2px);
  border-bottom-left-radius: 15px 0px\9;
  -webkit-transform: translate(-1px, -2px) \9;
  transform: translate(-1px, -2px) \9;
}

.chat .myMessage:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -2px;
  right: -42px;
  width: 12px;
  height: 20px;
  background: #fff;
  border-bottom-left-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
  transform: translate(-30px, -2px);
}

.chat .fromThem {
  background: #e5e5ea;
  color: black;
  clear: both;
  border-bottom-left-radius: 30px 0px\9;
}

.chat .fromThem:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -2px;
  left: -7px;
  height: 19px;
  border-left: 20px solid #e5e5ea;
  border-bottom-right-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
  transform: translate(0, -2px);
  border-bottom-right-radius: 15px 0px\9;
  -webkit-transform: translate(-1px, -2px) \9;
  transform: translate(-1px, -2px) \9;
}

.chat .fromThem:after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: -2px;
  left: 4px;
  width: 26px;
  height: 20px;
  background: white;
  border-bottom-right-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
  transform: translate(-30px, -2px);
}

.chat .date {
  position: absolute;
  top: 10px;
  font-size: 14px;
  white-space: nowrap;
  vertical-align: middle;
  color: #a3a3a3;
  opacity: 1;
  z-index: 4;
  font-weight: bold;
}

.chat .myMessage .date {
  right: 0;
}

.chat .fromThem .date {
  left: 0;
}

.chat .myMessage,
.chat .fromThem {
  font-size: 14px;
}

.chat .myMessage .date,
.chat .fromThem .date {
  top: -20px;
  font-size: 12px;
}

.chat .myMessage,
.chat .fromThem {
  max-width: 90%;
}

.fullheight {
  height: 100% !important;
}

page-view-inspection-history .fixedElement {
  background: #f5f5f5;
  -webkit-backdrop-filter: blur(12px) brightness(115%);
  backdrop-filter: blur(12px) brightness(115%);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  margin-bottom: 3px;
  z-index: 10;
}

page-view-inspection-history .selected img {
  border: 2px solid #e8b909;
}

page-view-inspection-history .left-txt {
  width: 28%;
}

page-view-inspection-history .right-txt {
  width: 72%;
}

page-view-inspection-history .text-black {
  color: #000;
}

page-view-inspection-history .checklist-box {
  background: #f1f2f3;
  padding: .4em .8em;
  border-radius: 10px;
}

page-view-inspection-history .selected-people {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 1rem;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-view-inspection-history .selected-people .person {
  border: 1px solid #c2c2c2;
  padding: 0 1rem;
  border-radius: 8px;
  position: relative;
}

page-view-inspection-report .selected img {
  border: 2px solid #e8b909;
}

page-view-inspection-report .checklist-title {
  width: calc(100% - 100px);
}

page-view-inspection-report .left-txt {
  width: 28%;
}

page-view-inspection-report .right-txt {
  width: 72%;
}

page-view-inspection-report .text-black {
  color: #000;
}

page-view-inspection-report .checklist-box {
  background: #f1f2f3;
  padding: .4em .8em;
  border-radius: 10px;
}

page-view-inspection-report .selected-people {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 1rem;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-view-inspection-report .selected-people .person {
  border: 1px solid #c2c2c2;
  padding: 0 1rem;
  border-radius: 8px;
  position: relative;
}

page-view-inspection-report .view-all-placeholder {
  position: absolute;
  width: 100%;
}

page-view-inspection-report .view-all {
  position: absolute;
  background-color: #fff !important;
  color: #000 !important;
  display: block;
  padding: 1rem;
  -webkit-box-shadow: 0 0 2px 1px #00000038;
  box-shadow: 0 0 2px 1px #00000038;
  border-radius: 8px;
  row-gap: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  z-index: 10;
  width: 250px;
  max-height: 140px;
  overflow-y: auto;
  max-width: 100%;
}

page-view-inspection-report .view-all .name {
  width: 183px;
}

page-inspection-report .m-t-54 {
  margin-top: 54px;
}

page-inspection-report .adjustPosition {
  top: -29px;
}

page-inspection-report .inspectionCheckbox .item-cover {
  width: 50% !important;
}

page-inspection-report .checklist-title {
  width: calc(100% - 150px);
}

page-inspection-report .inspectionCheckbox {
  position: relative;
  accent-color: #b21f2f;
}

page-inspection-report .inspectionCheckbox::before {
  content: "";
  position: absolute;
  margin-left: -10px;
  left: 0;
  top: -5px;
  width: 225px;
  height: 30px;
  cursor: pointer;
  z-index: 999;
}

page-myapps button.tooltip.left::before {
  right: 110px;
  top: 8px;
  bottom: unset;
}

page-myapps * {
  overflow: hidden !important;
}

page-myapps ion-fab {
  margin-bottom: -10px !important;
}

page-myapps .font1 {
  font-size: 1.125em;
}

page-myapps .font2 {
  font-size: 1.125em;
}

page-myapps .font3 {
  font-size: 1.125em;
}

page-myapps .font4 {
  font-size: 1.125em;
}

page-myapps .font5 {
  font-size: 1.25em;
}

page-myapps .font6 {
  font-size: 1.3em;
}

page-myapps .font7 {
  font-size: 1.5em;
}

page-myapps .shortcut-margin {
  margin-left: -5px;
  margin-right: -5px;
}

page-myapps .quicklink-img {
  height: 39px !important;
}

page-myapps .moredrop {
  width: 32px !important;
  height: 32px !important;
  font-size: 1.8em;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: thin solid #90898963;
  z-index: 1000;
}

page-myapps .moredrop.green {
  border: thin solid #4aa966;
}

page-myapps .moredrop.gold {
  background-color: #c79921;
  color: #fff;
}

page-myapps .quick-link-container {
  border-radius: 8px;
  background-color: #fff;
  min-width: 140px;
  padding: 1rem;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top right;
  background-size: 60%;
}

page-myapps .link-item-title {
  color: #000 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40%;
  line-height: 20px;
  text-align: center;
}

page-myapps .action-container {
  border-radius: 8px;
  padding: 20px 0px;
  min-width: 100px;
  border: thin dotted #cacaca;
  min-height: 143px;
}

page-myapps .action-container .app_circle {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  margin: 0 auto;
  text-align: center;
}

page-myapps .action-container .app_circle ion-icon {
  color: #ffffff;
  font-size: 2.8em;
}

page-myapps .action-container .app_circle.stats {
  background-color: #b21f2f;
}

page-myapps .action-container .app_circle.tasks {
  background-color: #ea6c37;
}

page-myapps .action-container .app_circle.social-apps {
  background-color: #5c80ae;
}

page-myapps .action-container .app_circle.strategy {
  background-color: #cfa508;
}

page-myapps .action-container img {
  margin: 0 auto;
  display: block;
  height: 50px;
}

page-myapps .action-container p {
  color: #000;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0;
}

page-myapps .menu {
  display: grid;
  grid-template-columns: repeat(3, 32%);
  gap: 1rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-myapps .menu.flat {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: 350px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  gap: .5rem;
}

page-myapps .menu.flat .action-container-flat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  width: calc(50% - 1rem);
  padding: 5px 8px;
  border: none !important;
  font-size: 1.3em;
  gap: 0.5rem;
  min-width: 190px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: auto 0;
}

page-myapps .menu.flat .action-container-flat:hover {
  background-color: #f2f2f2;
  border-radius: 3px;
}

page-myapps .menu.flat .action-container-flat .img-container {
  border-radius: 2px;
  border: thin solid #c79921;
  padding: .5rem;
  width: 28px;
  min-width: 28px;
  height: 28px;
}

page-myapps .menu.flat .action-container-flat img {
  margin: auto;
  display: block;
  width: 22px;
}

page-myapps .menu.flat .action-container-flat p {
  color: #000;
  text-align: start;
  font-weight: 400;
  margin: 0;
  padding: 0 .5rem;
}

page-myapps .quick-links-btn {
  background-color: #d5d5d5;
}

page-myapps .quick-links-btn ion-icon {
  font-size: 2.4rem;
  color: #474747;
}

page-myapps .quick-links-btn.lightmode {
  background-color: transparent;
  margin: 6px 0px 0px 0px;
}

page-myapps .quick-links-btn:hover {
  background-color: #464646;
  color: #fff;
}

page-myapps .quick-links-btn:hover ion-icon {
  color: #fff;
}

@media screen and (min-width: 700px) {
  .apps-popover .popover-content {
    width: 450px;
  }
}

@media (hover: none) and (pointer: coarse) {
  page-myapps .action-container {
    border-radius: 8px;
    min-width: 100px;
    border: thin dotted #cacaca;
  }
  page-myapps .menu {
    grid-template-columns: repeat(2, calc(50% - 0.5rem)) !important;
    overflow-y: auto !important;
  }
  page-myapps .menu:not(.flat) {
    height: 470px;
  }
  page-myapps .apps-popover .popover-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    left: 5% !important;
  }
}

@media screen and (max-width: 699px) {
  page-myapps .action-container {
    border-radius: 8px;
    min-width: 100px;
    border: thin dotted #cacaca;
  }
  page-myapps .menu {
    grid-template-columns: repeat(2, calc(50% - 0.5rem)) !important;
    overflow-y: auto !important;
  }
  .apps-popover .popover-content {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-width: 90% !important;
    min-width: 350px;
    left: 50% !important;
    -webkit-transform: translate(-50%, 0) !important;
    transform: translate(-50%, 0) !important;
  }
}

@media screen and (max-width: 460px) {
  .min-height .menu {
    min-height: 255px;
  }
}

page-acceptance .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-acceptance .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-acceptance .h1-title {
  color: #fff;
  font-size: 2.2rem;
  margin-bottom: 34px;
}

page-acceptance .over-panel {
  position: relative;
  top: -60px;
}

page-acceptance .over-panel.nt-20 {
  margin-top: -18px;
}

page-acceptance .over-panel .card-white {
  overflow: hidden;
}

page-acceptance .over-panel .card-white.no-padding {
  padding: 0px !important;
}

page-acceptance .reasonText {
  border: none;
  width: 100%;
  padding: 7px 13px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
}

page-acceptance .reasonText.invalid {
  border: thin dotted #ec322a;
}

page-acceptance .reasonText::-webkit-input-placeholder {
  font-size: 14px;
}

page-acceptance .reasonText::-moz-placeholder {
  font-size: 14px;
}

page-acceptance .reasonText::-ms-input-placeholder {
  font-size: 14px;
}

page-acceptance .reasonText::placeholder {
  font-size: 14px;
}

page-acceptance .status {
  margin-right: 15px;
  margin-left: 15px;
}

page-acceptance .status .status-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px dotted #e2e2e2;
  margin: 0 auto;
}

page-acceptance .status .status-icon ion-icon {
  font-size: 4rem;
}

page-acceptance .status.selected .status-icon {
  border: 2px dotted #b21f2f;
}

page-acceptance .status.selected .status-icon ion-icon {
  color: #b21f2f;
}

page-acceptance .status.selected .status-text {
  color: #b21f2f;
}

page-acceptance .status.selected.iAccept .status-icon {
  border-color: #048441;
}

page-acceptance .status.selected.iAccept .status-icon ion-icon {
  color: #048441;
}

page-acceptance .status.selected.iAccept .status-text {
  color: #048441;
}

page-acceptance .status .status-text {
  text-align: center;
  margin-top: 7px;
  margin-bottom: 0px;
}

@media screen and (max-width: 485px) {
  .margin-card {
    margin-top: 16px !important;
  }
}

.acceptanceStatus {
  background-color: rgba(0, 0, 0, 0.5);
}

.acceptanceStatus .modal-wrapper {
  width: 350px;
  height: 420px;
}

page-add-choice ion-input {
  padding-left: 10px;
}

page-add-happiness-bazaar ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-add-happiness-bazaar ion-select {
  padding-left: 10px !important;
}

page-add-happiness-bazaar ion-datetime {
  padding-left: 10px !important;
}

page-add-happiness-bazaar .boxshadow-none {
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-add-happiness-bazaar .primary-text {
  color: #d23737;
}

page-product-detail ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-product-detail ion-select {
  padding-left: 10px !important;
}

page-product-detail ion-datetime {
  padding-left: 10px !important;
}

page-product-detail .del-button {
  padding: 0.4em 0.8em !important;
  font-size: 1em;
  border-radius: 7px !important;
}

page-add-happiness-bazaar ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-add-happiness-bazaar ion-select {
  padding-left: 10px !important;
}

page-add-happiness-bazaar ion-datetime {
  padding-left: 10px !important;
}

page-add-happiness-bazaar .boxshadow-none {
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-add-happiness-bazaar .primary-text {
  color: #d23737;
}

page-inspection-sessions ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-inspection-sessions ion-select {
  padding-left: 10px !important;
}

page-inspection-sessions ion-datetime {
  padding-left: 10px !important;
}

page-inspection-sessions .del-button {
  padding: 0.4em 0.8em !important;
  font-size: 1em;
  border-radius: 7px !important;
}

page-product-detail ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-product-detail ion-select {
  padding-left: 10px !important;
}

page-product-detail ion-datetime {
  padding-left: 10px !important;
}

page-product-detail .del-button {
  padding: 0.4em 0.8em !important;
  font-size: 1em;
  border-radius: 7px !important;
}

page-add-question-template ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-add-question-template .fullSelection {
  width: 100%;
  max-width: 100%;
  min-height: 43px;
  padding-left: 5px !important;
}

page-add-question-template .smallSelection {
  min-width: 50%;
}

page-add-survey ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-add-survey ion-select {
  padding-left: 10px !important;
}

page-add-survey ion-datetime {
  padding-left: 10px !important;
}

.text-gold {
  color: #c79921;
}

.font6 {
  font-size: 1.3em;
}

.section.collapsed {
  display: none;
}

.section.opend {
  display: block;
}

.remove-group-margin synergy-input .group {
  margin: 0 !important;
}

.languagebox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.languagebox * {
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
}

.languagebox span {
  font-weight: bold;
  cursor: pointer;
}

mydcaa-album-editor ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

mydcaa-album-editor ion-select {
  padding-left: 10px !important;
}

mydcaa-album-editor ion-datetime {
  padding-left: 10px !important;
}

mydcaa-album-editor .boxshadow-none {
  -webkit-box-shadow: none;
  box-shadow: none;
}

mydcaa-album-editor .primary-text {
  color: #d23737;
}

mydcaa-album-editor .gallery-item-card {
  position: relative;
  width: calc(25% - 0.5rem);
}

mydcaa-album-editor .gallery-item-card p {
  top: auto;
  right: 0;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 1.1em;
  padding: 1px !important;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 1.2em;
  white-space: nowrap;
}

mydcaa-album-editor .gallery-item-card .img-hover-zoom {
  height: 100%;
  overflow: hidden;
  border-radius: 7px;
}

mydcaa-album-editor .gallery-item-card .img-hover-zoom .main-img {
  -webkit-filter: brightness(65%);
  filter: brightness(65%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

mydcaa-album-editor .gallery-item-card img {
  width: auto !important;
  height: unset !important;
  max-height: unset !important;
}

mydcaa-album-editor .gallery-item-card .video-play {
  right: 1.5rem;
  top: 1.5rem;
  height: 40px;
}

mydcaa-album-editor .gallery-item-card .img-hover-zoom:hover .main-img {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

mydcaa-album-editor .gallery-item-card .delete-Btn {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 20px;
}

mydcaa-album-editor .add-Gallery {
  position: absolute;
  bottom: -2rem;
  right: -2rem;
}

page-alertbox svg {
  width: 100px;
  display: block;
  margin: 0px auto 0;
}

page-alertbox .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}

page-alertbox .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}

page-alertbox .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}

page-alertbox .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}

page-alertbox p {
  text-align: center;
  margin: 20px 0 60px;
  font-size: 1.25em;
}

page-alertbox p.success {
  color: #73af55;
}

page-alertbox p.error {
  color: #d06079;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

page-alertbox .modal-close-icon {
  font-size: 3em;
  margin: -4px 0px 0px 4px;
  color: #868686;
}

.alertbox {
  background-color: rgba(0, 0, 0, 0.5);
}

.alertbox .modal-wrapper {
  width: 300px;
  height: 280px;
  left: 0px !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

page-animated-response-box .full-height {
  height: 100%;
}

page-animated-response-box .font7 {
  font-size: 1.5em;
}

page-animated-response-box .close-btn {
  position: absolute;
  top: 2px;
  right: 4px;
}

page-animated-response-box .statusText.green {
  color: #4aa966;
}

page-animated-response-box .statusText.red {
  color: #ec322a;
}

page-animated-response-box .statusText.red {
  color: #ec322a;
}

page-animated-response-box .statusText.red {
  color: #ec322a;
}

.alertcustombox .alert-wrapper {
  max-width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.alertcustombox .alert-wrapper .alert-button-group {
  background-color: transparent;
}

.alertcustombox.big .alert-wrapper {
  width: 388px;
}

.animatedbox {
  background-color: rgba(0, 0, 0, 0.5);
}

.animatedbox .modal-wrapper {
  max-width: 100%;
  left: 0px !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  border-radius: 8px !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.animatedbox.small .modal-wrapper {
  width: 300px;
  min-height: 300px;
}

.animatedbox.small object,
.animatedbox.small img {
  height: 200px;
}

.animatedbox.big .modal-wrapper {
  width: 450px;
  min-height: 350px;
}

.animatedbox.big object,
.animatedbox.big img {
  width: 100%;
}

mydcaa-announcement-editor .add-employee {
  height: 30px !important;
  width: 30px !important;
  background-color: #c79921;
}

mydcaa-announcement-editor .add-employee ion-icon {
  font-size: 16px !important;
}

mydcaa-announcement-editor .static-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: -12px;
  left: 15px;
  max-height: 14.5px;
  background: white;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
  color: #b21f2f;
}

mydcaa-announcement-editor ion-select {
  width: 100%;
  max-width: 100%;
  padding-left: 15px !important;
}

mydcaa-announcement-editor .absoloute-btn {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 20px;
}

mydcaa-announcement-editor .white-back {
  background-color: #fff;
}

mydcaa-announcement-editor .grayborder {
  border: thin solid #e2e2e2;
}

mydcaa-announcement-editor ion-row.padding-set.row {
  margin-right: -5px;
  margin-left: -5px;
}

mydcaa-announcement-editor ion-row.padding-set.row .group {
  margin-top: 10px;
  margin-bottom: 0;
}

mydcaa-announcement-editor .remove-margin .group {
  margin-bottom: 5px;
}

mydcaa-announcement-editor label.top_label {
  display: table;
  padding-top: 13px;
  padding-left: 13px;
}

mydcaa-announcement-editor .font3 {
  font-size: 1.1em;
}

mydcaa-announcement-editor .font5 {
  font-size: 1.25em;
}

mydcaa-announcement-editor .font6 {
  font-size: 1.3em;
}

mydcaa-announcement-editor .font7 {
  font-size: 1.5em;
}

mydcaa-announcement-editor .del-button {
  padding: 0.4em 0.8em !important;
  font-size: 1em;
  border-radius: 7px !important;
}

mydcaa-announcement-editor .share {
  border: thin solid #dddddd;
  border-radius: 8px;
}

mydcaa-announcement-editor .chip {
  border-radius: 18px;
  border: 1px solid #c79921;
  background-color: #c79921;
  color: #fff;
}

mydcaa-announcement-editor .chip.reversed {
  border: 1px solid #dddddd;
  background-color: #fff;
  color: #000;
}

mydcaa-announcement-editor .share-Btn {
  height: 3rem;
  width: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c79921;
  border-radius: 50%;
  color: #fff;
  margin: auto;
  margin-left: 0;
  margin-right: 0;
}

page-announcement-list .a-card, page-safety-report .a-card, page-aviation-environment .a-card, page-credential-document-list .a-card {
  width: calc(50% - 1rem);
}

page-answers-list-pop .list-holder {
  min-width: 300px;
}

page-appraisal h3.current_display.bigger span {
  background-color: #c79921;
  border-radius: 8px;
  color: #fff;
  padding: 1px 14px;
}

page-appraisal .small-avatar-overlay {
  width: 45px;
  height: 45px;
  margin-right: -12px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
}

page-appraisal .small-avatar-overlay.tiny {
  width: 35px;
  height: 35px;
}

page-appraisal .small-avatar-overlay.no-border {
  border: none !important;
}

page-appraisal .small-avatar-overlay.is_leader {
  border-color: #cfa508;
}

page-appraisal .small-avatar-overlay.is_team_sponsor {
  border-color: #b21f2f;
}

page-appraisal-details .meta p {
  font-size: 3em;
  font-weight: 100 !important;
}

page-appraisal-summary .main-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 9px;
  padding: 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-appraisal-summary .col-30-summary {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 30%;
  -ms-flex: 1 1 30%;
  flex: 1 1 30%;
  min-width: 250px;
  min-height: 190px;
  border-radius: 8px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-appraisal-summary .survey-dashboard-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

page-appraisal-summary .survey-dashboard-card .card-number {
  min-width: 9rem;
  min-height: 8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

page-appraisal-summary .survey-dashboard-card .card-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 2rem;
  gap: 0.5rem;
  min-width: 170px;
  background-color: #fff;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

page-appraisal-summary .survey-dashboard-card .phaseTitle {
  font-size: 1.3em;
  color: #646363;
  line-height: 27px;
  font-weight: 600;
  text-align: center;
}

page-appraisal-summary .survey-dashboard-card .phaseTitle.extra {
  font-size: 2.3rem;
}

page-appraisal-summary .planning,
page-appraisal-summary .objectiveEval,
page-appraisal-summary .compEval {
  position: relative;
}

page-appraisal-summary .planning::before, page-appraisal-summary .planning::after,
page-appraisal-summary .objectiveEval::before,
page-appraisal-summary .objectiveEval::after,
page-appraisal-summary .compEval::before,
page-appraisal-summary .compEval::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  margin-bottom: -48px;
  display: none;
}

page-appraisal-summary .planning::before,
page-appraisal-summary .objectiveEval::before,
page-appraisal-summary .compEval::before {
  width: 2px;
  height: 49px;
  background-color: #857c7c;
}

page-appraisal-summary .planning::after,
page-appraisal-summary .objectiveEval::after,
page-appraisal-summary .compEval::after {
  max-width: 20px;
  max-height: 20px;
  border-radius: 50%;
  border: thin solid #857c7c;
  margin-bottom: -40px;
  font-size: 16px;
  padding: 3px 6px 9px 6px;
  background-color: #857c7c;
  color: #fff;
}

page-appraisal-summary .planning::before {
  margin-bottom: 0;
  margin-top: 40px;
  right: -110%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

page-appraisal-summary .planning::after {
  content: "1";
  margin-bottom: 0;
  margin-top: 47px;
  right: -110%;
}

page-appraisal-summary .objectiveEval::after {
  content: "2";
}

page-appraisal-summary .compEval::after {
  content: "3";
}

page-appraisal-summary h3.current_display.bigger span {
  background-color: #c79921;
  border-radius: 8px;
  color: #fff;
  padding: 1px 14px;
}

page-appraisal-summary h3.title {
  font-size: 17px;
  padding: 10px 15px;
  margin: 15px 0px 10px 0px;
  background-color: #857c7c;
  border-radius: 14px 14px 0px 0px;
  color: #fff;
}

page-appraisal-summary .small-avatar-overlay {
  width: 45px;
  height: 45px;
  margin-right: -12px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
}

page-appraisal-summary .small-avatar-overlay.tiny {
  width: 35px;
  height: 35px;
}

page-appraisal-summary .small-avatar-overlay.no-border {
  border: none !important;
}

page-appraisal-summary .small-avatar-overlay.is_leader {
  border-color: #cfa508;
}

page-appraisal-summary .small-avatar-overlay.is_team_sponsor {
  border-color: #b21f2f;
}

page-appraisal-summary .summary-box {
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}

page-appraisal-summary .summary-box .section hr {
  margin: 21px 0px 10px 0px;
}

page-appraisal-summary .summary-box .section .phaseTitle {
  font-size: 1.3em;
  color: #646363;
  line-height: 27px;
  font-weight: 600;
}

page-appraisal-summary .summary-box .section .marginauto {
  display: block;
  margin: 0 auto;
}

page-appraisal-summary .summary-box .section .container {
  width: 100%;
  padding: 0px;
}

page-appraisal-summary .summary-box .section .container .area {
  padding: 7px 15px;
  border: thin solid #cccccc;
  margin-bottom: 10px;
  border-radius: 20px;
}

page-appraisal-summary .summary-box .section .container .area .dinlineblock {
  display: inline-block;
  font-size: 15px;
}

page-appraisal-summary .summary-box .section .container .area .infoicon {
  position: relative;
  top: 2px;
}

page-appraisal-summary .summary-box .section .container .area ion-icon {
  margin-left: 10px;
}

page-appraisal-summary .summary-box .section .container .area .badge-wrapper {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

page-appraisal-summary .summary-box .section .container .area .badge-wrapper ion-badge {
  margin-right: 5px;
  position: relative;
  top: -2px;
}

page-appraisal-summary .summary-box .section .container .area .badge-wrapper ion-icon {
  font-size: 23px;
  position: relative;
  top: 2px;
  left: -9px;
}

page-appraisal-summary .summary-box .planning-section {
  width: 500px;
  max-width: 50%;
}

page-appraisal-summary .summary-box .wide {
  width: calc(100% - 450px);
}

page-appraisal-summary .summary-box .wide .white-card {
  margin-bottom: 20px !important;
}

@media (max-width: 768px) {
  page-appraisal-summary .col-30-summary {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
  }
}

@media (min-width: 769px) {
  page-appraisal-summary .survey-dashboard-card .card-number {
    padding: 20px 35px;
  }
  page-appraisal-summary .survey-dashboard-card .card-title {
    padding: 20px 50px;
  }
}

@media (max-width: 480px) {
  page-appraisal-summary .col-30-summary {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  page-appraisal-summary .summary-box {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  page-appraisal-summary .planning-section, page-appraisal-summary .summary-box .wide {
    width: 100% !important;
    max-width: 100% !important;
  }
}

page-approval .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-approval .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-approval .h1-title {
  color: #fff;
  font-size: 2.2rem;
  margin-bottom: 34px;
}

page-approval .over-panel {
  position: relative;
  top: -60px;
}

page-approval .over-panel.nt-20 {
  margin-top: -18px;
}

page-approval .over-panel .card-white {
  overflow: hidden;
}

page-approval .over-panel .card-white.no-padding {
  padding: 0px !important;
}

page-approval .reasonText {
  border: none;
  width: 100%;
  padding: 7px 13px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
}

page-approval .reasonText.invalid {
  border: thin dotted #ec322a;
}

page-approval .reasonText::-webkit-input-placeholder {
  font-size: 14px;
}

page-approval .reasonText::-moz-placeholder {
  font-size: 14px;
}

page-approval .reasonText::-ms-input-placeholder {
  font-size: 14px;
}

page-approval .reasonText::placeholder {
  font-size: 14px;
}

page-approval .status {
  margin-right: 15px;
  margin-left: 15px;
}

page-approval .status .status-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px dotted #e2e2e2;
  margin: 0 auto;
}

page-approval .status .status-icon ion-icon {
  font-size: 4rem;
}

page-approval .status.selected .status-icon {
  border: 2px dotted #b21f2f;
}

page-approval .status.selected .status-icon ion-icon {
  color: #b21f2f;
}

page-approval .status.selected .status-text {
  color: #b21f2f;
}

page-approval .status.selected.iAccept .status-icon {
  border-color: #048441;
}

page-approval .status.selected.iAccept .status-icon ion-icon {
  color: #048441;
}

page-approval .status.selected.iAccept .status-text {
  color: #048441;
}

page-approval .status .status-text {
  text-align: center;
  margin-top: 7px;
  margin-bottom: 0px;
}

.acceptanceStatus {
  background-color: rgba(0, 0, 0, 0.5);
}

.acceptanceStatus .modal-wrapper {
  width: 350px;
  height: 420px;
}

page-approval-ticket .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-approval-ticket .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-approval-ticket .h1-title {
  color: #fff;
  font-size: 2.2rem;
  margin-bottom: 34px;
}

page-approval-ticket .over-panel {
  position: relative;
  top: -60px;
}

page-approval-ticket .over-panel.nt-20 {
  margin-top: -18px;
}

page-approval-ticket .over-panel .card-white {
  overflow: hidden;
}

page-approval-ticket .over-panel .card-white.no-padding {
  padding: 0px !important;
}

page-approval-ticket .reasonText {
  border: none;
  width: 100%;
  padding: 7px 13px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
}

page-approval-ticket .reasonText.invalid {
  border: thin dotted #ec322a;
}

page-approval-ticket .reasonText::-webkit-input-placeholder {
  font-size: 14px;
}

page-approval-ticket .reasonText::-moz-placeholder {
  font-size: 14px;
}

page-approval-ticket .reasonText::-ms-input-placeholder {
  font-size: 14px;
}

page-approval-ticket .reasonText::placeholder {
  font-size: 14px;
}

page-approval-ticket .status {
  margin-right: 15px;
  margin-left: 15px;
}

page-approval-ticket .status .status-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px dotted #e2e2e2;
  margin: 0 auto;
}

page-approval-ticket .status .status-icon ion-icon {
  font-size: 3rem;
}

page-approval-ticket .status.selected .status-icon {
  border: 2px dotted #b21f2f;
}

page-approval-ticket .status.selected .status-icon ion-icon {
  color: #b21f2f;
}

page-approval-ticket .status.selected .status-text {
  color: #b21f2f;
}

page-approval-ticket .status.selected.iAccept .status-icon {
  border-color: #048441;
}

page-approval-ticket .status.selected.iAccept .status-icon ion-icon {
  color: #048441;
}

page-approval-ticket .status.selected.iAccept .status-text {
  color: #048441;
}

page-approval-ticket .status .status-text {
  text-align: center;
  margin-top: 7px;
  margin-bottom: 0px;
}

.acceptanceStatus {
  background-color: rgba(0, 0, 0, 0.5);
}

.acceptanceStatus .modal-wrapper {
  width: 420px;
  height: 450px;
  max-width: 100%;
}

page-attachment-viewer ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-attachment-viewer ion-select {
  padding-left: 10px !important;
}

page-attachment-viewer ion-datetime {
  padding-left: 10px !important;
}

page-attachment-viewer .boxshadow-none {
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-attachment-viewer .primary-text {
  color: #d23737;
}

page-attachment-viewer .image-previewer {
  height: 100%;
  width: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
  background-color: #333333;
}

page-attachment-viewer .close-holder {
  position: relative;
}

page-attachment-viewer .close-holder .close-btn {
  position: absolute;
  right: 0.5rem;
  top: 1rem;
  z-index: 100000;
  background-color: #303030c7;
  padding: 0.5rem;
  border-radius: 50%;
}

page-attachment-viewer .scroll-content {
  overflow-y: hidden !important;
}

page-attendence-report .font2 {
  font-size: 0.875em;
}

page-attendence-report .font1 {
  font-size: 0.75em;
}

page-attendence-report .font3 {
  font-size: 1.1em;
}

page-attendence-report .font4 {
  font-size: 1.125em;
}

page-attendence-report .font5 {
  font-size: 1.25em;
}

page-attendence-report .font6 {
  font-size: 1.3em;
}

page-attendence-report .font7 {
  font-size: 1.5em;
}

page-attendence-report .font8 {
  font-size: 1.3em;
}

page-attendence-report .font9 {
  font-size: 0.9375em;
}

page-attendence-report .font10 {
  font-size: 1.3em;
}

page-attendence-report .font11 {
  font-size: 1.8em;
}

page-attendence-report .font18 {
  font-size: 3em;
}

page-attendence-report .color-gray-text {
  color: #c3c6d3;
}

page-attendence-report .color-white-text {
  color: #fff;
}

page-attendence-report .bold {
  font-weight: bold;
}

page-attendence-report .lh-2 {
  line-height: 2rem;
}

page-attendence-report .modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

page-attendence-report .modal-header .back-Btn {
  position: absolute;
  height: 100%;
  padding: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0;
}

page-attendence-report .record-list table {
  width: 100%;
}

page-attendence-report .record-list table tr td {
  text-align: center;
}

page-attendence-report .report-list {
  border-top: 2px solid #ced4da;
  padding-left: 2rem;
}

page-attendence-report .report-list .list-item {
  padding: 1rem 0;
  font-size: 1.3em;
}

page-attendence-report .report-list .list-item:not(:last-child) {
  border-bottom: 1px solid #ced4da;
}

page-attendence-report .report-list .list-item:hover {
  background-color: #f8f9fa;
}

page-attendence-report .report {
  height: 100%;
  width: 100%;
  background: #fff;
}

page-attendence-report .report .section .content {
  padding: 3rem 2rem;
  border: 1px solid #ced4da;
  border-radius: 8px;
}

page-attendence-report .report .section .content .value {
  font-weight: bold;
  line-height: 2rem;
}

page-attendence-report .report .person .person-img {
  padding: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-attendence-report .report .person .person-img img {
  width: 4rem;
  border-radius: 50%;
}

page-attendence-report .report .person:hover .person-details {
  background-color: #f8f9fa;
}

page-attendence-report .report .person .person-details {
  width: calc(100% - 6rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #ced4da;
}

.audioModal {
  background-color: rgba(0, 0, 0, 0.5);
}

.audioModal .modal-wrapper {
  width: 300px;
  height: 200px;
  left: 0px !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

@-webkit-keyframes scaler {
  from {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaler {
  from {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

page-audio-recorder .countdown {
  font-size: 4rem;
  text-align: center;
  color: #ffffff;
  height: 50px;
  font-weight: 300;
  width: 170px;
  background-color: #f53c3d;
  border-radius: 40px;
}

page-audio-recorder .countdown .valueCount {
  -webkit-animation: scaler 500ms linear infinite alternate;
  animation: scaler 500ms linear infinite alternate;
}

page-audio-recorder .biggericon2 {
  font-size: 2.7em;
}

page-audio-recorder .space-right {
  margin-right: 20px !important;
}

page-audio-recorder .microphone-background {
  background-image: url("../assets/images/microphone.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: black;
}

page-audio-recorder .footer {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  padding-top: 10px;
  background-color: black;
}

page-audio-recorder .footer .audio-controls {
  margin-bottom: 20px;
}

page-audio-recorder .footer .round-btn {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #ffffff;
}

page-audio-recorder .footer .round-btn .icon {
  font-size: 2.7rem;
}

page-audio-recorder .footer .round-btn.m-l-10 {
  margin-left: 10px;
}

page-autocomplete-search .selected {
  background: #d4d4d4;
}

page-autocomplete-search .slide-hand {
  -webkit-animation: slideMove 2s;
  animation: slideMove 2s;
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
}

@-webkit-keyframes slideMove {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px);
  }
}

@keyframes slideMove {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px);
  }
}

page-awaiting-acceptance .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-awaiting-acceptance .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-awaiting-acceptance .h1-title {
  color: #fff;
  font-size: 2.2rem;
  margin-bottom: 34px;
}

page-awaiting-acceptance .over-panel {
  position: relative;
  top: -60px;
}

page-awaiting-acceptance .over-panel.nt-20 {
  margin-top: -18px;
}

page-awaiting-acceptance .over-panel .card-white {
  overflow: hidden;
}

page-awaiting-acceptance .over-panel .card-white.no-padding {
  padding: 0px !important;
}

.awaitingStatus {
  background-color: rgba(0, 0, 0, 0.5);
}

.awaitingStatus .modal-wrapper {
  width: 350px;
  height: 250px;
}

.awaitingStatus.add2 .modal-wrapper {
  height: 300px;
}

.awaitingStatus.add3 .modal-wrapper {
  height: 350px;
}

.awaitingStatus.add4 .modal-wrapper {
  height: 400px;
}

page-change-log-viewer .pad-children > .bigger {
  padding: 7px 0px;
}

page-change-log-viewer .pad-left-right {
  padding: 0px 10px;
}

page-change-log-viewer .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

page-change-log-viewer .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

page-change-log-viewer .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

page-change-log-viewer .gray-text {
  color: #474747;
}

page-change-log-viewer .m-p-2 {
  position: relative;
  top: 2px;
}

page-chat-session-view p {
  margin-top: 3px;
  margin-bottom: 3px;
}

page-chat-session-view h4 {
  margin-top: 3px;
  margin-bottom: 0px im !important;
}

page-chat-session-view .date-customer {
  float: right;
  width: 100%;
  font-size: xx-small;
}

page-chat-session-view .date-participant {
  float: left;
  font-size: xx-small;
}

page-chat-session-view .avatar-float-left {
  float: left;
}

page-chat-session-view .avatar-float-right {
  float: right;
}

page-chat-session-view .title-float-left {
  float: left;
  padding-top: 12px;
  padding-left: 20px;
  padding-right: 15px;
  background-color: white;
  border-radius: 18px;
  margin-top: 5px;
  margin-left: -18px;
  color: #a3a3a3;
}

page-chat-session-view .title-float-right {
  float: right;
  padding-top: 12px;
  padding-right: 25px;
  padding-left: 15px;
  background-color: white;
  border-radius: 18px;
  margin-top: 5px;
  margin-right: -18px;
  color: #4aa966;
}

page-chat-session-view .chat {
  width: 100%;
  border: solid 1px #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px;
}

page-chat-session-view .chat .replied-msg {
  background-color: #fff;
  padding: 4px 13px;
  border-radius: 10px;
  border: 1px dotted #a3a3a3;
  color: #333333;
  font-size: 13px;
}

page-chat-session-view .messages {
  margin-top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-chat-session-view .message {
  border-radius: 20px;
  padding: 8px 15px;
  margin-top: 5px;
  margin-bottom: 2px;
  display: inline-block;
  min-width: -webkit-fit-content !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

page-chat-session-view .customer {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

page-chat-session-view .customer .message {
  color: white;
  margin-right: 25%;
  background-color: #a3a3a3;
  position: relative;
}

page-chat-session-view .customer .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: -7px;
  height: 20px;
  width: 20px;
  background: #a3a3a3;
  border-bottom-right-radius: 15px;
}

page-chat-session-view .customer .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: -10px;
  width: 10px;
  height: 20px;
  background: #f5f5f5;
  border-bottom-right-radius: 10px;
}

page-chat-session-view .participant {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

page-chat-session-view .participant .message {
  color: white;
  margin-left: 25%;
  background: #4aa966;
  position: relative;
}

page-chat-session-view .participant .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -8px;
  height: 20px;
  width: 20px;
  background: #4aa966;
  border-bottom-left-radius: 15px;
}

page-chat-session-view .participant .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: -10px;
  width: 10px;
  height: 20px;
  background: #f5f5f5;
  border-bottom-left-radius: 10px;
}

page-chat-sessions .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
}

page-chat-sessions .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-chat-sessions .year-carrier {
  font-size: 1.6rem !important;
}

page-chat-sessions .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-competentecy-details-info .meta p {
  font-size: 3em;
  font-weight: 100 !important;
}

page-contacts-feedback-view .p-lr {
  padding: 0px 5px;
}

page-contacts-feedback-view .ptitle {
  padding: 6px 10px 5px 29px !important;
}

page-conversation-modal .chat {
  margin-top: 10px !important;
}

page-conversation-modal .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-conversation-modal .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-conversation-modal .h1-title {
  color: #fff;
  font-size: 2.2rem;
  position: relative;
  top: -4px;
}

page-conversation-modal .chatTextArea {
  border: none;
  padding-top: 5px;
  font-size: 1.7rem;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

page-conversation-modal .text-box-wrapper .send-icon {
  font-size: 3.2rem;
}

page-conversation-modal .text-box-wrapper ::-webkit-input-placeholder {
  color: #333333;
}

page-conversation-modal .text-box-wrapper ::-moz-placeholder {
  color: #333333;
}

page-conversation-modal .text-box-wrapper ::-ms-input-placeholder {
  color: #333333;
}

page-conversation-modal .text-box-wrapper ::placeholder {
  color: #333333;
}

page-conversation-modal .black-text {
  color: #383838;
}

page-conversation-modal .moreLeft {
  position: relative;
  left: -5px;
}

page-conversation-modal .file_upload_container {
  position: relative;
  top: 13px;
}

page-conversation-modal .file_upload_container.position-file-uploader {
  top: -2px;
}

page-conversation-modal .p-t-7 {
  padding-top: 7px;
}

page-conversation-modal .rightmore {
  position: relative;
  right: -4px;
}

page-conversation-modal .m-t-b-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

page-conversation-modal .small-object-fit .object-fit {
  height: 150px !important;
  border-radius: 10px;
  overflow: hidden;
}

page-conversation-modal .small-object-fit .object-fit img:not(.icon_img),
page-conversation-modal .small-object-fit .object-fit video:not(.icon_img) {
  height: 150px !important;
}

page-conversation-modal .small-object-fit .others-div {
  height: 150px;
}

page-conversation-modal .small-object-fit .others-div img:not(.thumb-nail) {
  height: 80px !important;
}

page-conversation-modal .chat * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

page-conversation-modal .chat {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
}

page-conversation-modal .chat .messages {
  display: block;
  overflow-x: hidden;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 3px;
}

page-conversation-modal .chat ::-webkit-scrollbar {
  width: 4px;
  height: 1px;
  -webkit-transition: all .5s;
  transition: all .5s;
  z-index: 10;
}

page-conversation-modal .chat ::-webkit-scrollbar-track {
  background-color: #fff;
}

page-conversation-modal .chat ::-webkit-scrollbar-thumb {
  background-color: #bec4c8;
  border-radius: 3px;
}

page-conversation-modal .chat .message {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  min-width: 51%;
  width: 70%;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

page-conversation-modal .chat .message .send_by {
  position: relative;
  top: -8px;
  margin-left: 10px;
  z-index: 10;
}

page-conversation-modal .chat .message.me {
  float: right;
}

page-conversation-modal .chat .message.me audio-player .custom-audio-control {
  background-color: #fff !important;
}

page-conversation-modal .chat .message.me assets-list .item-md,
page-conversation-modal .chat .message.me assets-list .item-ios {
  background-color: transparent !important;
  color: #fff !important;
}

page-conversation-modal .chat .message.me assets-list .item-md p,
page-conversation-modal .chat .message.me assets-list .item-ios p {
  color: #fff !important;
}

page-conversation-modal .chat .message.me assets-list .item-inner {
  border-bottom: none !important;
}

page-conversation-modal .chat .message.them {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

page-conversation-modal .chat .message.them .send_by {
  margin-right: 10px;
  margin-left: 0px;
}

page-conversation-modal .chat .message.them audio-player .custom-audio-control {
  background-color: #fff !important;
}

page-conversation-modal .chat .message.them assets-list .item-md,
page-conversation-modal .chat .message.them assets-list .item-ios {
  background-color: #f5f5f5 !important;
  color: #383838 !important;
  border-radius: 10px;
  padding: 0px 15px !important;
}

page-conversation-modal .chat .message.them assets-list .item-md p,
page-conversation-modal .chat .message.them assets-list .item-ios p {
  color: #383838 !important;
}

page-conversation-modal .chat .message.them assets-list .item-inner {
  border-bottom: none !important;
}

page-conversation-modal .chat .message.them .msg-text {
  color: #383838 !important;
}

page-conversation-modal .chat .message .smsText {
  margin: 0;
  text-align: left;
}

page-conversation-modal .chat .myMessage,
page-conversation-modal .chat .fromThem {
  max-width: 50%;
  word-wrap: break-word;
  margin-bottom: 20px;
}

page-conversation-modal .chat .myMessage,
page-conversation-modal .fromThem {
  position: relative;
  padding: 10px 20px;
  border-radius: 22px;
  clear: both;
}

page-conversation-modal .chat .myMessage {
  background: #4aa966;
  clear: both;
  border-bottom-right-radius: 20px 0px\9;
}

page-conversation-modal .chat .myMessage .msg-text {
  color: #fff;
}

page-conversation-modal .chat .myMessage:before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -2px;
  right: -8px;
  height: 19px;
  border-right: 20px solid #4aa966;
  border-bottom-left-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
  transform: translate(0, -2px);
  border-bottom-left-radius: 15px 0px\9;
  -webkit-transform: translate(-1px, -2px) \9;
  transform: translate(-1px, -2px) \9;
}

page-conversation-modal .chat .myMessage:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -2px;
  right: -42px;
  width: 12px;
  height: 20px;
  background: #fff;
  border-bottom-left-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
  transform: translate(-30px, -2px);
}

page-conversation-modal .chat .fromThem {
  background: #e5e5ea;
  color: black;
  clear: both;
  border-bottom-left-radius: 30px 0px\9;
}

page-conversation-modal .chat .fromThem:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -2px;
  left: -7px;
  height: 19px;
  border-left: 20px solid #e5e5ea;
  border-bottom-right-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
  transform: translate(0, -2px);
  border-bottom-right-radius: 15px 0px\9;
  -webkit-transform: translate(-1px, -2px) \9;
  transform: translate(-1px, -2px) \9;
}

page-conversation-modal .chat .fromThem:after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: -2px;
  left: 4px;
  width: 26px;
  height: 20px;
  background: white;
  border-bottom-right-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
  transform: translate(-30px, -2px);
}

page-conversation-modal .chat .date {
  position: absolute;
  top: 10px;
  font-size: 14px;
  white-space: nowrap;
  vertical-align: middle;
  color: #a3a3a3;
  opacity: 1;
  z-index: 4;
  font-weight: bold;
}

page-conversation-modal .chat .myMessage .date {
  right: 0;
}

page-conversation-modal .chat .fromThem .date {
  left: 0;
}

page-conversation-modal .chat .myMessage,
page-conversation-modal .chat .fromThem {
  font-size: 14px;
}

page-conversation-modal .chat .myMessage .date,
page-conversation-modal .chat .fromThem .date {
  top: -20px;
  font-size: 12px;
}

page-conversation-modal .chat .myMessage,
page-conversation-modal .chat .fromThem {
  max-width: 90%;
}

page-copy-link ion-select {
  width: 100%;
  max-width: 100%;
  padding-left: 15px !important;
}

page-copy-link .w80 {
  width: 80%;
}

page-copy-link .input-font {
  font-size: 1.2em;
}

page-copy-link .copy-icon {
  font-size: 2em;
}

page-copy-link .absoloute-btn {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 20px;
}

page-copy-link .white-back {
  background-color: #fff;
}

page-copy-link .grayborder {
  border: thin solid #e2e2e2;
}

page-copy-link .round-back-area {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  background-color: #b21f2f;
  z-index: 40;
}

page-copy-link .round-back-area ion-icon {
  font-size: 2.8rem;
}

page-copy-link ion-title {
  color: #000;
}

page-copy-link .create-button {
  padding: 0.5em 1em !important;
  font-size: 1.8rem;
  border-radius: 7px !important;
}

page-copy-link hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

page-copy-link .shared-items {
  position: absolute;
  bottom: 0;
}

page-copy-to-drive ion-select {
  width: 100%;
  max-width: 100%;
  padding-left: 15px !important;
}

page-copy-to-drive .folder-icon {
  height: 40px;
}

page-copy-to-drive .absoloute-btn {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 20px;
}

page-copy-to-drive .white-back {
  background-color: #fff;
}

page-copy-to-drive .shared-icon {
  position: absolute;
  bottom: 6px;
  right: 2px;
}

page-copy-to-drive .grayborder {
  border: thin solid #e2e2e2;
}

page-copy-to-drive .round-back-area {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  background-color: #b21f2f;
  z-index: 40;
}

page-copy-to-drive .round-back-area ion-icon {
  font-size: 2.8rem;
}

page-copy-to-drive ion-title {
  color: #000;
}

page-copy-to-drive .add-folder-icon {
  height: 22px;
}

page-copy-to-drive .create-button {
  padding: 0.5em 1em !important;
  font-size: 1.8rem;
  border-radius: 7px !important;
}

page-copy-to-drive hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

page-copy-to-drive .shared-items {
  position: absolute;
  bottom: 18px;
  width: 100%;
}

page-copy-to-drive .copy-link-items {
  position: absolute;
  bottom: 28px;
  width: 100%;
}

page-copy-to-drive .folder,
page-copy-to-drive .filesBox {
  height: 74px;
  width: 78px;
}

page-copy-to-drive .folder {
  margin: 1.5em 0.4em;
  border-radius: 0 23px 23px;
  background-color: #f0f1f9;
}

page-copy-to-drive .folder::before {
  content: "";
  width: 53%;
  height: 30px;
  border-radius: 23px 42px 0px 0px;
  background-color: #f0f1f9;
  position: absolute;
  top: -16px;
  left: 0px;
}

page-copy-to-drive .folder:hover {
  background-color: #d23737;
  color: #fff;
  border-radius: 0 23px 23px;
}

page-copy-to-drive .folder:hover::before {
  background-color: #d23737;
  color: #fff;
}

page-copy-to-drive .folder .blue-bg {
  background: #3597f0 !important;
  color: #fff;
}

page-copy-to-drive .filesBox {
  margin: 0 0.4em;
  border-radius: 0.5em;
  background-color: #fff;
  border: 1px solid #e5e5ea;
}

page-copy-to-drive .filesBox div:not(.shared-icon) {
  width: 90%;
  height: 2px;
  background: #e5e5ea;
  margin-bottom: 10px;
}

page-copy-to-drive .filesBox .liner {
  margin-bottom: 5px !important;
}

page-copy-to-drive .filesBox span {
  color: #e5e5ea;
  font-size: 1em;
}

page-copy-to-drive .fileName {
  width: 80px !important;
}

page-copy-to-drive .fileExt {
  width: 63px !important;
}

page-copy-to-drive .text-truncate {
  width: 150px;
}

page-copy-to-drive .paths {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-copy-to-drive .paths .path:not(:first-child):before {
  content: ">";
  font-weight: 400;
}

page-copy-to-drive .paths .path:last-child {
  font-weight: 600;
}

page-create-bg-image ion-select {
  width: 100%;
  max-width: 100%;
  padding-left: 15px !important;
}

page-create-bg-image .absoloute-btn {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 20px;
}

page-create-bg-image .white-back {
  background-color: #fff;
}

page-create-bg-image .grayborder {
  border: thin solid #e2e2e2;
}

page-create-bg-image ion-row.padding-set.row {
  margin-right: -5px;
  margin-left: -5px;
}

page-create-bg-image ion-row.padding-set.row .group {
  margin-top: 10px;
  margin-bottom: 0;
}

page-create-bg-image .remove-margin .group {
  margin-bottom: 5px;
}

page-create-bg-image label.top_label {
  display: table;
  padding-top: 13px;
  padding-left: 13px;
}

page-create-drive-folder .round-back-area {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  background-color: #b21f2f;
  z-index: 40;
}

page-create-drive-folder .round-back-area ion-icon {
  font-size: 2.8rem;
}

page-create-drive-folder ion-title {
  color: #000;
}

page-create-drive-folder .create-button {
  padding: 0.5em 1em !important;
  font-size: 1.8rem;
  border-radius: 7px !important;
}

page-create-evaluation .black-text {
  color: #383838;
  font-size: 16px;
}

page-create-evaluation .assigned_title {
  margin: 0px;
  margin-bottom: 4px;
  margin-top: 10px;
  font-weight: 800;
}

page-create-evaluation .small-avatar-overlay {
  width: 45px;
  height: 45px;
  margin-right: -12px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
}

page-create-evaluation .small-avatar-overlay.tiny {
  width: 35px;
  height: 35px;
}

page-create-evaluation .small-avatar-overlay.no-border {
  border: none !important;
}

page-create-evaluation .small-avatar-overlay.is_leader {
  border-color: #cfa508;
}

page-create-evaluation .small-avatar-overlay.is_team_sponsor {
  border-color: #b21f2f;
}

page-create-evaluation .selectKPIButton {
  width: 150px;
  height: 150px;
  /* background-color: #f2f2f2; */
  padding: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  border: 3px dotted #a3a3a3;
  overflow: hidden;
}

page-create-external-user ion-select {
  width: 100%;
  max-width: 100%;
  padding-left: 15px !important;
}

page-create-external-user .absoloute-btn {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 20px;
}

page-create-external-user .white-back {
  background-color: #fff;
}

page-create-external-user .grayborder {
  border: thin solid #e2e2e2;
}

page-create-internal-sub-service ion-select {
  width: 100%;
  max-width: 100%;
  padding-left: 15px !important;
}

page-create-internal-sub-service .absoloute-btn {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 20px;
}

page-create-internal-sub-service .white-back {
  background-color: #fff;
}

page-create-internal-sub-service .grayborder {
  border: thin solid #e2e2e2;
}

page-create-internal-sub-service ion-row.padding-set.row {
  margin-right: -5px;
  margin-left: -5px;
}

page-create-internal-sub-service ion-row.padding-set.row .group {
  margin-top: 10px;
  margin-bottom: 0;
}

page-create-internal-sub-service .remove-margin .group {
  margin-bottom: 5px;
}

page-create-internal-sub-service label.top_label {
  display: table;
  padding-top: 13px;
  padding-left: 13px;
}

page-create-internal-sub-service .px-4 .group {
  margin: 10px 0;
}

page-create-operation-plan-line-up .small-avatar-overlay {
  width: 45px;
  height: 45px;
  margin-right: -12px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
}

page-create-operation-plan-line-up .small-avatar-overlay.tiny {
  width: 35px;
  height: 35px;
}

page-create-operation-plan-line-up .small-avatar-overlay.no-border {
  border: none !important;
}

page-create-operation-plan-line-up .small-avatar-overlay.is_leader {
  border-color: #cfa508;
}

page-create-operation-plan-line-up .small-avatar-overlay.is_team_sponsor {
  border-color: #b21f2f;
}

page-create-status .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-create-status .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-create-status .h1-title {
  color: #fff;
  font-size: 2.2rem;
  margin-bottom: 34px;
}

page-create-status .over-panel {
  position: relative;
  top: -60px;
}

page-create-status .over-panel.nt-20 {
  margin-top: -18px;
}

page-create-status .remarkText {
  border: none;
  width: 100%;
  padding: 7px 13px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
}

page-create-status .remarkText.invalid {
  border: thin dotted #ec322a;
}

page-create-status .remarkText::-webkit-input-placeholder {
  font-size: 14px;
}

page-create-status .remarkText::-moz-placeholder {
  font-size: 14px;
}

page-create-status .remarkText::-ms-input-placeholder {
  font-size: 14px;
}

page-create-status .remarkText::placeholder {
  font-size: 14px;
}

page-create-status .small-padding-tb {
  padding-top: 10px;
  padding-bottom: 10px;
}

page-create-status .status {
  margin-right: 15px;
  margin-left: 15px;
}

page-create-status .status .status-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px dotted #e2e2e2;
  margin: 0 auto;
}

page-create-status .status .status-icon ion-icon {
  font-size: 4rem;
}

page-create-status .status.selected .status-icon {
  border: 2px dotted #b21f2f;
}

page-create-status .status.selected .status-icon ion-icon {
  color: #b21f2f;
}

page-create-status .status.selected .status-text {
  color: #b21f2f;
}

page-create-status .status .status-text {
  text-align: center;
  margin-top: 7px;
  margin-bottom: 0px;
}

.updatestatus {
  background-color: rgba(0, 0, 0, 0.5);
}

.updatestatus .modal-wrapper {
  width: 350px;
  height: 400px;
  left: 0px !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

.updatestatus.tall_m .modal-wrapper {
  height: 550px;
}

page-create-task ion-range .range {
  padding-top: 8px !important;
}

page-create-ticket ion-select {
  width: 100%;
  max-width: 100%;
}

page-create-ticket ion-range .range {
  padding-top: 6px !important;
}

page-create-ticket .fullPage {
  height: 100%;
  width: 100%;
}

page-create-ticket .space-top {
  margin-top: 10px;
}

page-create-ticket-category ion-select {
  width: 100%;
  max-width: 100%;
  padding-left: 15px !important;
}

page-create-ticket-category .absoloute-btn {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 20px;
}

page-create-ticket-category .white-back {
  background-color: #fff;
}

page-create-ticket-category .grayborder {
  border: thin solid #e2e2e2;
}

page-createpost .save-btn-fab {
  margin-right: 110px;
}

page-createpost .mode-btn-fab {
  margin-right: 165px;
}

page-createpost .arrange-btn-fab {
  margin-right: 215px;
}

page-createpost ion-item-divider.item-ios {
  font-size: 1.4rem;
}

page-createpost .brush-btn-fab {
  margin-right: 55px;
}

page-createpost .postentry {
  width: 100%;
  min-height: 90px;
  padding-top: 10px;
  padding-bottom: 0px;
}

page-createpost .biggerinnericon button {
  text-transform: capitalize;
  font-size: 1em;
  margin-bottom: 0 !important;
}

page-createpost .biggerinnericon button:first-child {
  margin-left: -13px;
}

page-createpost .biggerinnericon button:hover {
  background-color: transparent !important;
}

page-createpost button.active {
  color: #ea6c37;
  position: relative;
}

page-createpost button.active:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #ea6c37;
  left: 5px;
  bottom: 0px;
}

page-createpost .whattodo {
  height: 90px;
}

page-createpost .whattodo ion-icon {
  font-size: 4em;
  color: #474747;
  cursor: pointer;
}

page-createpost .whattodo ion-icon:hover {
  color: #383838;
}

page-createpost .whattodo p {
  color: #474747;
  margin: 0;
  margin-top: -5px;
  font-weight: 300;
}

page-createpost .creativediv {
  width: 100%;
  min-height: calc(100% - 90px);
}

page-createpost .creativediv.full-height-slider {
  height: 100%;
}

page-createpost .creativediv:not(.full-height-slider) .creativedivslide {
  height: 72vh;
}

page-createpost .settingboxx {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: translateX(300px);
  transform: translateX(300px);
  width: 300px;
  height: 100%;
  position: absolute;
  right: 0px;
  background-color: #f5f5f5;
  z-index: 100;
  top: 0px;
  border-left: thin solid #f5f5f5;
}

page-createpost .settingboxx .close-ios {
  font-size: 4.2rem;
  margin-left: 14px;
}

page-createpost .settingboxx ion-toolbar {
  min-height: 40px;
}

page-createpost .settingboxx ion-toolbar ion-title.title-ios {
  padding-left: 16px !important;
}

page-createpost .settingboxx ion-toolbar ion-title.title-ios .toolbar-title {
  text-align: left;
  font-size: 1.7rem !important;
}

page-createpost .settingboxx .no-padding-left-item ion-item:not(.no-remove-pad) {
  padding-left: 0px !important;
}

page-createpost .settingboxx ion-item {
  padding-left: 10px !important;
}

page-createpost .settingboxx.show-SettingBox-With-Anim {
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
  -webkit-box-shadow: 2px 0px 10px #474747;
  box-shadow: 2px 0px 10px #474747;
}

page-createpost .fullselect {
  color: #b21f2f;
  padding-left: 5px !important;
  font-size: 0.9em;
}

page-createpost .colorgrid input {
  max-width: 100%;
  border: none;
  height: 25px;
}

page-createpost .colorgrid p {
  font-size: 1em;
  margin: 0;
  margin-bottom: 5px;
}

page-createpost .colorgrid p:first-child {
  padding-left: 5px;
}

page-createpost .colorgrid .color-picker {
  left: 500px !important;
  border: thin solid #ccc !important;
}

page-createpost .colorgrid ion-col .color-picker[_ngcontent-c0] .arrow-top[_ngcontent-c0] {
  left: 150px;
}

page-createpost .colorgrid ion-col:first-child .color-picker[_ngcontent-c0] .arrow-top[_ngcontent-c0] {
  left: 50px;
}

@media only screen and (max-width: 1180px) {
  page-createpost .colorgrid .color-picker {
    left: 570px !important;
  }
  page-createpost .biggerinnericon button .lbl {
    display: none;
  }
  page-createpost .biggerinnericon ion-icon {
    font-size: 1.5em !important;
    padding: 0px 7px !important;
  }
  page-createpost button.active:before {
    left: 0px;
  }
}

@media only screen and (max-width: 769px) {
  page-createpost .colorgrid .color-picker {
    left: 370px !important;
  }
  page-createpost .creativediv:not(.full-height-slider) .creativedivslide {
    height: 79vh;
  }
  .biggerinnericon button {
    padding: 0px 7px !important;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) {
  page-createpost .colorgrid .color-picker {
    left: 30px !important;
  }
  page-createpost .colorgrid .right-color-column .color-picker .arrow.arrow-top {
    left: 180px;
  }
}

page-dashboard-result ion-slide.ion-slides-start.chart-custom-style.swiper-slide.swiper-slide-active {
  width: 100% !important;
}

page-dashboard-result .title-icon {
  font-size: 2.2em;
  color: #474747;
}

page-dashboard-result .grid-padding {
  padding: 0px 12px !important;
}

page-dashboard-result .grid-padding-2 {
  padding: 0px 14px !important;
}

page-dashboard-result .amount-col-div {
  padding: 10px !important;
  padding-left: 20px !important;
}

page-dashboard-result .amount-col-div h1 {
  font-size: 3rem;
}

page-dashboard-result .totalcount {
  font-weight: 300;
  color: #cfa508;
}

page-dashboard-result .title-col {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-dashboard-result .year-col-div {
  padding: 10px !important;
  padding-right: 20px !important;
  color: #fff;
  text-align: right;
}

page-dashboard-result .other-years-dropdown {
  position: absolute;
  top: 70px;
  width: 100%;
  text-align: right;
  padding-right: 20px !important;
}

page-dashboard-result .other-years-dropdown button.years-btn {
  color: #fbe69a;
  text-align: right;
  padding: 0px 0px 10px 0px !important;
  color: #fff;
  font-size: 2.3rem;
  font-weight: 100;
}

page-dashboard-result .other-years-dropdown button.years-btn.activeYear {
  color: #fff;
  display: none;
}

page-dashboard-result .unit-before:after {
  content: attr(data-content);
  position: relative;
  font-weight: 800;
  top: -6px;
  right: -7px;
  background-color: #048441;
  text-transform: uppercase;
  font-size: 13px;
  color: #fff;
  padding: 5px 19px;
  border-radius: 22px;
}

page-dashboard-result .unit-before.hide-before:after {
  display: none;
}

page-dashboard-result .ion-slide-start.swiper-slide {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

page-dashboard-result .ion-slides-parent.slides {
  height: auto !important;
}

page-dashboard-result ion-row.row {
  margin: 0;
}

page-dashboard-result mychart {
  background-color: #fff;
}

page-databox .margin-30 {
  margin: 30px 0;
}

page-databox .notfound-db {
  width: 100%;
  height: 100px;
}

page-databox .notfound-db img {
  height: 60px;
}

page-databox .padding-1 {
  padding: 1em;
}

page-databox .folder-bg {
  background: #f0f1f9;
}

page-databox .databox-bg {
  background-size: contain;
  background-position: bottom;
  background-image: url(/assets/images/databox/databox.png);
  height: 100%;
  width: 100%;
}

page-databox .auto-size {
  width: 130px;
  height: 110px;
}

page-databox .swiper-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-databox .unset-top {
  top: unset !important;
  text-align: center;
  height: 250px;
}

page-databox .unset-top img {
  height: 120px;
}

page-databox .unset-top .message {
  font-size: 2rem;
  color: #ec322a;
  font-weight: 300;
  margin: 0px;
}

page-databox-add-to-folder ion-input {
  margin-left: 0 !important;
}

page-databox-add-to-folder .small-image,
page-databox-add-to-folder .circle-width {
  width: 31px;
  height: 31px;
}

page-databox-add-to-folder .members-icon {
  font-size: 1.6em;
}

page-databox-confirmation-alert ion-select {
  width: 100%;
  max-width: 100%;
  padding-left: 15px !important;
}

page-databox-confirmation-alert .absoloute-btn {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 20px;
}

page-databox-confirmation-alert .white-back {
  background-color: #fff;
}

page-databox-confirmation-alert .grayborder {
  border: thin solid #e2e2e2;
}

page-databox-favourites .margin-30 {
  margin: 30px 0;
}

page-databox-favourites .padding-1 {
  padding: 1em;
}

page-databox-favourites .folder-bg {
  background: #f0f1f9;
}

page-databox-favourites .file-actions {
  margin: 0 !important;
  height: auto;
  padding: 0.3em 1em !important;
  font-size: 1em;
}

page-databox-folder-details .not-found {
  text-align: center;
  height: 250px;
}

page-databox-folder-details .not-found img {
  height: 120px;
}

page-databox-folder-details .not-found .message {
  font-size: 2rem;
  color: #ec322a;
  font-weight: 300;
  margin: 0px;
}

page-databox-folder-details .not-found .db-plus-icon:hover {
  color: #fff;
}

page-databox-folder-details .not-found .db-upload {
  font-size: 0.9em;
}

page-databox-folder-details .not-found .db-plus-icon {
  font-size: 2em;
}

page-databox-folder-details .mtop-100 {
  margin-top: 100px;
}

page-databox-folder-details .emptyFolder {
  margin-top: 250px;
}

page-databox-folder-details .servicetitle {
  text-align: left;
  font-size: 1.6rem;
  margin: 0 12px;
  font-weight: 600;
}

page-databox-folder-details .smallheadericon {
  font-size: 2.6rem;
}

page-databox-folder-details .smallerheadericon {
  font-size: 2rem;
}

page-databox-folder-details .multilineSegment .segment-button {
  font-weight: 800;
  line-height: 1.6rem;
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: none;
  font-size: 1.4rem;
  height: 5rem;
}

page-databox-folder-details .not-found-updated {
  margin-top: 53px !important;
  height: 102px imp !important;
}

page-databox-folder-details .ellipsis-txt {
  width: 288px;
}

page-databox-folder-details .small-image {
  width: 30px;
  height: 30px;
}

page-databox-folder-details .add-employee {
  width: 30px;
  height: 30px;
}

page-databox-folder-details .servicetitle {
  text-align: left;
  font-size: 1.6rem;
  margin: 0 12px;
  font-weight: 600;
}

page-databox-folder-details .smallheadericon {
  font-size: 2.6rem;
}

page-databox-folder-details .smallerheadericon {
  font-size: 2rem;
}

page-databox-folder-details .multilineSegment .segment-button {
  font-weight: 800;
  line-height: 1.6rem;
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: none;
  font-size: 1.4rem;
  height: 5rem;
}

page-databox-manage-members .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

page-databox-manage-members .pad-children > .bigger {
  padding: 7px 0px;
}

page-databox-manage-members .pad-left-right {
  padding: 0px 10px;
}

page-databox-manage-members .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

page-databox-manage-members .members-icon {
  font-size: 2em;
  width: 40px;
  height: 40px;
  padding: 0.2em;
  padding: 0.2em;
}

page-databox-manage-members .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

page-databox-manage-members .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

page-databox-manage-members .gray-text {
  color: #474747;
}

page-databox-manage-members .m-p-2 {
  position: relative;
  top: 2px;
}

page-databox-manage-members .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

page-databox-manage-members .pad-children > .bigger {
  padding: 7px 0px;
}

page-databox-manage-members .pad-left-right {
  padding: 0px 10px;
}

page-databox-manage-members .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

page-databox-manage-members .members-icon {
  font-size: 2em;
  width: 40px;
  height: 40px;
  padding: 0.2em;
  padding: 0.2em;
}

page-databox-manage-members .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

page-databox-manage-members .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

page-databox-manage-members .gray-text {
  color: #474747;
}

page-databox-manage-members .m-p-2 {
  position: relative;
  top: 2px;
}

page-databox-memory-settings .storage-info {
  padding: 0;
  width: 50%;
}

page-databox-memory-settings .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

page-databox-memory-settings .pad-children > .bigger {
  padding: 7px 0px;
}

page-databox-memory-settings .pad-left-right {
  padding: 0px 10px;
}

page-databox-memory-settings .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

page-databox-memory-settings .members-icon {
  font-size: 2em;
  width: 40px;
  height: 40px;
  padding: 0.2em;
  padding: 0.2em;
}

page-databox-memory-settings .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

page-databox-memory-settings .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

page-databox-memory-settings .gray-text {
  color: #474747;
}

page-databox-memory-settings .m-p-2 {
  position: relative;
  top: 2px;
}

page-databox-recent-files .margin-30 {
  margin: 30px 0;
}

page-databox-recent-files .padding-1 {
  padding: 1em;
}

page-databox-recent-files .folder-bg {
  background: #f0f1f9;
}

page-databox-recent-files .file-actions {
  margin: 0 !important;
  height: auto;
  padding: 0.3em 1em !important;
  font-size: 1em;
}

page-databox-request-files ion-select {
  width: 100%;
  max-width: 100%;
  padding-left: 15px !important;
}

page-databox-request-files .absoloute-btn {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 20px;
}

page-databox-request-files .white-back {
  background-color: #fff;
}

page-databox-request-files .grayborder {
  border: thin solid #e2e2e2;
}

page-databox-shared-with-me .margin-30 {
  margin: 30px 0;
}

page-databox-shared-with-me .padding-1 {
  padding: 1em;
}

page-databox-shared-with-me .folder-bg {
  background: #f0f1f9;
}

page-databox-shared-with-me ion-input {
  margin-left: 0 !important;
}

page-databox-shared-with-me .file-actions {
  margin: 0 !important;
  height: auto;
  padding: 0.3em 1em !important;
  font-size: 1em;
}

page-databox-shared-with-me .folder {
  width: 150px;
  height: 125px;
}

page-databox-shared-with-me .notfound-db {
  width: 100%;
  height: 100px;
}

page-databox-shared-with-me .notfound-db img {
  height: 60px;
}

page-databox-trash .margin-30 {
  margin: 30px 0;
}

page-databox-trash .padding-1 {
  padding: 1em;
}

page-databox-trash .folder-bg {
  background: #f0f1f9;
}

page-databox-trash .circle-width,
page-databox-trash .small-image {
  width: 35px;
  height: 35px;
}

page-databox-trash .add-employee {
  background: #b6b7b6;
}

page-databox-trash .file-actions {
  margin: 0 !important;
  height: auto;
  padding: 0.3em 1em !important;
  font-size: 1em;
}

page-db-file-details ion-select {
  width: 100%;
  max-width: 100%;
}

page-db-file-details .word-break {
  word-break: break-word;
}

page-db-file-details .rename-ctrl input {
  font-size: 1.5em;
}

page-db-file-details .comments-input {
  width: 80%;
  height: 50%;
}

page-db-file-details ion-buttons {
  height: 0;
}

page-db-file-details .icon-image {
  font-size: 1.6em;
  padding: 5px;
}

page-db-file-details .primary-list ul {
  list-style-type: none;
  text-align: justify;
  position: relative;
}

page-db-file-details .primary-list ul:before {
  content: " ";
  background: #b21f2f;
  display: inline-block;
  position: absolute;
  left: 17px;
  width: 2px;
  height: 100%;
  z-index: 400;
  margin-top: 8px;
}

page-db-file-details .primary-list li:before {
  content: " ";
  background: #b21f2f;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  left: 15px;
  width: 6px;
  height: 6px;
  z-index: 400;
  margin-top: 5px;
}

page-db-file-details .primary-list p {
  padding-right: 1rem;
  padding-left: 1rem;
}

page-db-file-details .floating-image {
  position: absolute;
  left: 0;
  z-index: 999;
  width: 40px !important;
}

page-db-file-details .padding-left-1 {
  padding-left: 2.4em !important;
}

page-db-file-details .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

page-db-file-details .pad-children > .bigger {
  padding: 7px 0px;
}

page-db-file-details .pad-left-right {
  padding: 0px 10px;
}

page-db-file-details .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

page-db-file-details .members-icon {
  font-size: 2em;
  width: 40px;
  height: 40px;
  padding: 0.2em;
  padding: 0.2em;
}

page-db-file-details .bordered {
  border: thin solid #f5f5f5 !important;
}

page-db-file-details .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

page-db-file-details .gray-text {
  color: #474747;
}

page-db-file-details .m-p-2 {
  position: relative;
  top: 2px;
}

page-db-file-details .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

page-db-file-details .pad-children > .bigger {
  padding: 7px 0px;
}

page-db-file-details .pad-left-right {
  padding: 0px 10px;
}

page-db-file-details .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

page-db-file-details .members-icon {
  font-size: 2em;
  width: 40px;
  height: 40px;
  padding: 0.2em;
  padding: 0.2em;
}

page-db-file-details .bordered-gray {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

page-db-file-details .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

page-db-file-details .gray-text {
  color: #474747;
}

page-db-file-details .m-p-2 {
  position: relative;
  top: 2px;
}

page-db-file-details .refreshNOC {
  font-size: 1.7em;
}

page-db-invite-members ion-select {
  width: 100%;
  max-width: 100%;
}

page-downloads .nofile {
  text-align: center;
  margin-top: 15%;
}

page-downloads .nofile ion-icon {
  font-size: 3em;
}

page-downloads .nofile p {
  margin: 0;
}

page-downloads .forcemarginauto {
  margin: 0 auto !important;
  display: block !important;
}

page-downloads .file-icon {
  width: 50px;
}

.close-badge {
  position: absolute;
  right: 8px;
  top: 8px;
}

.close-badge ion-icon {
  font-size: 3em;
}

.progress-div-container {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  position: relative;
}

.progress-div-container .small-progress {
  width: 100px;
  height: 100px;
  z-index: 10;
  margin-top: 5px;
}

.progress-div-container .small-progress .progress-text-status {
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2.5rem;
  font-weight: 300;
}

.camera-badge {
  position: absolute;
  left: 8px;
  top: 8px;
}

.camera-badge ion-icon {
  font-size: 3em;
}

.camera-badge.labelType {
  left: 62px;
  font-size: 10px;
  margin-top: 5px;
  color: #535454;
}

.min-height-55-md {
  min-height: 55px;
}

.profile_body {
  position: relative;
}

.profile_body .avatar_img_thumbnail {
  width: 110px;
}

.user_name_h3 {
  font-size: 2.1rem;
}

.email_p,
.department_p {
  font-size: 1.6rem;
}

.task_div h3 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 2px;
}

page-dynamic-paginated-result .side_stats .radial_info {
  margin-top: -15px;
}

page-dynamic-paginated-result .main-result {
  max-width: calc(100% - 100px);
}

page-dynamic-paginated-result .main-result.fullMaxWidth {
  max-width: 100%;
}

page-eservice .bigger.bigger-padding .btn.btn-primary.tooltip {
  margin-top: 6px;
  margin-right: 13px;
  color: #535454;
}

page-eservice .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
  /* text-transform: uppercase; */
  /* letter-spacing: 1px; */
}

page-eservice .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-eservice .year-carrier {
  font-size: 1.6rem !important;
}

page-eservice .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-eservice-details .servicetitle,
se-passenger-details .servicetitle,
se-shipment-details .servicetitle,
se-landing-permits-details .servicetitle,
aircraft-details .servicetitle,
page-es-dashboard .servicetitle,
page-es-airline-associations-details .servicetitle,
es-company-details .servicetitle {
  text-align: left;
  font-size: 1.6rem;
  margin: 0 12px;
  font-weight: 600;
}

page-eservice-details .smallheadericon,
se-passenger-details .smallheadericon,
se-shipment-details .smallheadericon,
se-landing-permits-details .smallheadericon,
aircraft-details .smallheadericon,
page-es-dashboard .smallheadericon,
page-es-airline-associations-details .smallheadericon,
es-company-details .smallheadericon {
  font-size: 2.6rem;
}

page-eservice-details .smallerheadericon,
se-passenger-details .smallerheadericon,
se-shipment-details .smallerheadericon,
se-landing-permits-details .smallerheadericon,
aircraft-details .smallerheadericon,
page-es-dashboard .smallerheadericon,
page-es-airline-associations-details .smallerheadericon,
es-company-details .smallerheadericon {
  font-size: 2rem;
}

page-eservice-details .multilineSegment .segment-button,
se-passenger-details .multilineSegment .segment-button,
se-shipment-details .multilineSegment .segment-button,
se-landing-permits-details .multilineSegment .segment-button,
aircraft-details .multilineSegment .segment-button,
page-es-dashboard .multilineSegment .segment-button,
page-es-airline-associations-details .multilineSegment .segment-button,
es-company-details .multilineSegment .segment-button {
  font-weight: 800;
  line-height: 1.6rem;
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: none;
  font-size: 1.4rem;
  height: 5rem;
}

page-eservice-details ion-row.padding-set.row,
se-passenger-details ion-row.padding-set.row,
se-shipment-details ion-row.padding-set.row,
se-landing-permits-details ion-row.padding-set.row,
aircraft-details ion-row.padding-set.row,
page-es-dashboard ion-row.padding-set.row,
page-es-airline-associations-details ion-row.padding-set.row,
es-company-details ion-row.padding-set.row {
  width: 96%;
  margin: 0 auto;
}

page-evaluations .stat-result {
  position: relative;
  right: -11px;
}

page-evaluations h3.current_display.bigger span {
  background-color: #c79921;
  border-radius: 8px;
  color: #fff;
  padding: 1px 14px;
}

page-evaluations .employee-tabs-inner {
  display: table;
  width: 100%;
  padding-top: 16px;
  padding-left: 25px;
}

page-evaluations .small-avatar-overlay {
  width: 45px;
  height: 45px;
  margin-right: -12px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
}

page-evaluations .small-avatar-overlay.tiny {
  width: 35px;
  height: 35px;
}

page-evaluations .small-avatar-overlay.no-border {
  border: none !important;
}

page-evaluations .small-avatar-overlay.is_leader {
  border-color: #cfa508;
}

page-evaluations .small-avatar-overlay.is_team_sponsor {
  border-color: #b21f2f;
}

page-evaluations-published h3.current_display.bigger span {
  background-color: #c79921;
  border-radius: 8px;
  color: #fff;
  padding: 1px 14px;
}

page-evaluations-published .small-avatar-overlay {
  width: 45px;
  height: 45px;
  margin-right: -12px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
}

page-evaluations-published .small-avatar-overlay.tiny {
  width: 35px;
  height: 35px;
}

page-evaluations-published .small-avatar-overlay.no-border {
  border: none !important;
}

page-evaluations-published .small-avatar-overlay.is_leader {
  border-color: #cfa508;
}

page-evaluations-published .small-avatar-overlay.is_team_sponsor {
  border-color: #b21f2f;
}

page-evaluations-tabs .tabs-custom-style .tab-button span.tab-button-text {
  font-size: 1.3rem;
  margin-top: 0 !important;
}

page-add-happiness-bazaar ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-add-happiness-bazaar ion-select {
  padding-left: 10px !important;
}

page-add-happiness-bazaar ion-datetime {
  padding-left: 10px !important;
}

page-add-happiness-bazaar .boxshadow-none {
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-add-happiness-bazaar .primary-text {
  color: #d23737;
}

page-add-happiness-bazaar .overflow-x-auto {
  overflow-x: auto;
}

page-add-happiness-bazaar ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-add-happiness-bazaar ion-select {
  padding-left: 10px !important;
}

page-add-happiness-bazaar ion-datetime {
  padding-left: 10px !important;
}

page-add-happiness-bazaar .boxshadow-none {
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-add-happiness-bazaar .primary-text {
  color: #d23737;
}

page-favoriteindicators .min-width-icon {
  min-width: 50px !important;
}

.md page-favoriteindicators .item-inner-fix-md .item-inner {
  margin-left: 9px !important;
}

page-file-details .filter-modal .add-employee {
  border: thin solid #747b83;
}

page-file-details .filter-modal .add-employee span {
  font-size: 0.9em;
}

page-file-details .filter-modal input {
  padding: 0.6rem 1rem;
  border: thin solid #c9c9c9;
}

page-file-details .filter-modal .checkmark-label {
  border-radius: 0.25rem;
}

page-file-details .filter-modal p::before {
  content: "";
  width: 100%;
  border-bottom: thin solid #b1b7c1;
  position: absolute;
  left: 0px;
  bottom: -0.75rem;
}

page-file-details .w-100 {
  width: 100%;
}

page-file-details .show-more {
  width: 100%;
  position: absolute;
  bottom: 0;
  border: none;
  background: #fafafa;
  background: linear-gradient(182deg, #fafafa 0%, #f2f2f2 48%, #e8e8e8 91%, #e5e5e5 100%);
  z-index: 100;
}

page-file-details .content-md {
  background-color: #f8f8f8 !important;
}

page-file-details .hover-text:hover {
  color: #c79921;
}

page-file-viewer ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-file-viewer ion-select {
  padding-left: 10px !important;
}

page-file-viewer ion-datetime {
  padding-left: 10px !important;
}

page-file-viewer .boxshadow-none {
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-file-viewer .primary-text {
  color: #d23737;
}

page-file-viewer .image-previewer {
  height: 100%;
  width: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
  background-color: #333333;
}

page-file-viewer .close-holder {
  position: relative;
}

page-file-viewer .close-holder .close-btn {
  position: absolute;
  right: 0.5rem;
  top: 1rem;
  z-index: 100000;
  background-color: #303030c7;
  padding: 0.5rem;
  border-radius: 50%;
}

page-file-viewer .scroll-content {
  overflow-y: hidden !important;
}

page-gallery .btn-lr {
  position: absolute;
  z-index: 11;
  top: 40%;
  border-radius: 50% !important;
}

page-gallery .btn-lr.rightBtn {
  right: 20px;
}

page-gallery .new-asset,
page-gallery .filter-by {
  font-size: 16px !important;
  padding-right: 1.5rem !important;
}

page-gallery .border-right-red {
  border-right: 3px solid #c79921;
}

page-gallery .gallery-top-title {
  top: 14%;
  z-index: 1000;
}

page-gallery .title-label {
  padding-right: 1em;
  font-size: 1.6em;
  color: #515161;
  text-shadow: 0px 0px #515161;
}

page-gallery .right-text {
  font-size: 1.4em;
}

page-gallery ion-slides .swiper-container {
  padding-bottom: 20px !important;
}

page-gallery ion-slides .swiper-container .swiper-pagination {
  bottom: 0px !important;
}

page-gallery ion-slides .swiper-pagination-bullet {
  width: 15px;
  border-radius: 25px !important;
  height: 5px;
}

page-gallery ion-slides .swiper-pagination-bullet-active {
  background-color: #343a40;
}

@media (max-width: 795px) {
  page-gallery .swiper-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (max-width: 769px) {
  page-gallery .title-label {
    font-size: 1.4em !important;
  }
  page-gallery .right-text {
    font-size: 1.3em !important;
  }
  page-gallery .margin-minus {
    margin-top: -20px;
  }
}

page-global-comment-modal .chat {
  margin-top: 10px !important;
}

page-global-comment-modal .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-global-comment-modal .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-global-comment-modal .h1-title {
  color: #fff;
  font-size: 1.4rem;
  position: relative;
  top: -4px;
}

page-global-comment-modal .chatTextArea {
  border: none;
  padding-top: 5px;
  font-size: 1.7rem;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

page-global-comment-modal .text-box-wrapper .send-icon {
  font-size: 3.2rem;
}

page-global-comment-modal .text-box-wrapper ::-webkit-input-placeholder {
  color: #333333;
}

page-global-comment-modal .text-box-wrapper ::-moz-placeholder {
  color: #333333;
}

page-global-comment-modal .text-box-wrapper ::-ms-input-placeholder {
  color: #333333;
}

page-global-comment-modal .text-box-wrapper ::placeholder {
  color: #333333;
}

page-global-comment-modal .black-text {
  color: #383838;
}

page-global-comment-modal .moreLeft {
  position: relative;
  left: -5px;
}

page-global-comment-modal .file_upload_container {
  position: relative;
  top: 13px;
}

page-global-comment-modal .file_upload_container.position-file-uploader {
  top: -2px;
}

page-global-comment-modal .p-t-7 {
  padding-top: 7px;
}

page-global-comment-modal .rightmore {
  position: relative;
  right: -4px;
}

page-global-comment-modal .m-t-b-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

page-global-comment-modal .small-object-fit .object-fit {
  height: 150px !important;
  border-radius: 10px;
  overflow: hidden;
}

page-global-comment-modal .small-object-fit .object-fit img:not(.icon_img),
page-global-comment-modal .small-object-fit .object-fit video:not(.icon_img) {
  height: 150px !important;
}

page-global-comment-modal .small-object-fit .others-div {
  height: 150px;
}

page-global-comment-modal .small-object-fit .others-div img:not(.thumb-nail) {
  height: 80px !important;
}

page-happiness-bazaar .slide-zoom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-happiness-bazaar .swiper-slide-active .slide-zoom .card-container,
page-happiness-bazaar .swiper-slide:hover .slide-zoom .card-container {
  background: #c79921;
  color: #fff;
}

page-happiness-bazaar .swiper-slide-active .slide-zoom .card-container ion-icon,
page-happiness-bazaar .swiper-slide:hover .slide-zoom .card-container ion-icon {
  color: #fff;
}

page-happiness-bazaar .swiper-slide-active .slide-zoom .arrow-indicator img,
page-happiness-bazaar .swiper-slide:hover .slide-zoom .arrow-indicator img {
  display: block;
}

page-happiness-bazaar ion-slides .swiper-container {
  padding-bottom: 20px !important;
}

page-happiness-bazaar ion-slides .swiper-container .swiper-pagination {
  bottom: -5px !important;
}

page-happiness-bazaar ion-slides .swiper-pagination-bullet {
  width: 15px;
  border-radius: 25px !important;
  height: 5px;
}

page-happiness-bazaar ion-slides .swiper-pagination-bullet-active {
  background-color: #343a40;
}

page-happiness-bazaar .bazaar-product-detail .content {
  background: #fff;
}

page-home .new-design ion-grid.category_grid.grid {
  max-width: 600px;
}

page-home .new-design .category_wrapper {
  border: 1px solid #dfdfdf !important;
}

page-home .category_wrapper {
  height: 200px;
}

page-internal-services-airport-passes-staff-service ion-select {
  width: 100%;
  max-width: 100%;
}

page-internal-services-airport-passes-staff-service ion-row.padding-set.row {
  margin-right: -5px;
  margin-left: -5px;
}

page-internal-services-airport-passes-staff-service .padding-set .group {
  margin: 0;
  margin-bottom: 10px;
}

.extraSpace {
  margin-top: 20px;
  margin-bottom: 60px;
}

page-internal-services-applicant-information ion-select {
  width: 100%;
  max-width: 100%;
}

page-internal-services-applicant-information .heavyLabel {
  font-weight: 600;
}

page-internal-services-applicant-information .listItem {
  min-width: 200px;
}

page-internal-services-applicant-information .applicantName {
  color: #a00c1c;
  text-align: left;
  font-weight: 600;
}

page-internal-services-applicant-information .applicantDesignation {
  text-align: left;
  color: #474747;
}

page-internal-services-applicant-information .avatar-div-applicant {
  width: 80px;
  height: 80px;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
}

page-internal-services-applicant-information .avatar1-div-applicant {
  width: 50px;
  height: 50px;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
}

page-internal-services-business-card-service ion-select {
  width: 100%;
  max-width: 100%;
}

page-internal-services-dashboard .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
  /* text-transform: uppercase; */
  /* letter-spacing: 1px; */
}

page-internal-services-dashboard .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-internal-services-dashboard .year-carrier {
  font-size: 1.6rem !important;
}

page-internal-services-dashboard .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-internal-services-dashboard .center-img {
  margin: 0 auto;
  display: block;
}

page-internal-services-dcaa-id-card-service ion-select {
  width: 100%;
  max-width: 100%;
}

page-internal-services-dcaa-id-card-service ion-footer.footer {
  overflow: hidden;
}

page-internal-services-dcaa-visitors-parking-service ion-select {
  width: 100%;
  max-width: 100%;
}

page-internal-services-details .servicetitle {
  text-align: center;
  font-size: 1.6rem;
  margin: 0 12px;
  font-weight: 600;
}

page-internal-services-details .smallheadericon {
  font-size: 2.6rem;
}

page-internal-services-details .smallerheadericon {
  font-size: 2rem;
}

page-internal-services-details .multilineSegment .segment-button {
  font-weight: 800;
  line-height: 1.6rem;
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: none;
  font-size: 1.4rem;
  height: 5rem;
}

page-internal-services-details .applicantDetails {
  margin-top: 10px;
  margin-bottom: 20px;
}

page-internal-services-details .inProcess {
  color: orange;
}

page-internal-services-details .suspended {
  color: red;
}

page-internal-services-details .completed {
  color: green;
}

page-internal-services-details .closed {
  color: red;
}

page-internal-services-details .approved {
  color: green;
}

page-internal-services-facility-equipment-maintenance-service ion-select {
  width: 100%;
  max-width: 100%;
}

ion-footer.footer {
  overflow: hidden;
}

page-internal-services-general-consumables-service ion-select {
  width: 100%;
  max-width: 100%;
}

page-internal-services-health-insurance-card-add-dependent .space {
  margin-top: 80px;
}

page-internal-services-health-insurance-card-service ion-select {
  width: 100%;
  max-width: 100%;
}

page-internal-services-staff-car-parking-service ion-select {
  width: 100%;
  max-width: 100%;
}

page-internal-services-staff-car-parking-service .car-parking-radio-buttons {
  display: table;
  width: 100%;
}

page-internal-services-staff-car-parking-service .car-parking-radio-buttons ion-item {
  width: 49%;
  float: left;
  border-radius: 8px !important;
}

page-internal-services-staff-car-parking-service .car-parking-radio-buttons ion-item:nth-child(2) {
  float: right;
}

page-inquiries-dashboard .menu {
  width: 160px;
  margin: 6px 6px;
  background-color: #ffffff;
  padding: 30px 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 200px;
  min-width: 140px;
}

page-inquiries-dashboard .menu h4 {
  margin-bottom: 0px;
  color: #b21f2f;
  font-size: 1.8rem;
  margin-top: 5px;
  font-weight: 400;
}

page-inquiries-dashboard .menu img {
  height: 79px;
}

page-inquiries-dashboard .center-content {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

page-inquiries-dashboard .center-page {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  max-width: 1000px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 2000px) {
  page-inquiries-dashboard .center-page {
    -webkit-transform: translateY(-35%) !important;
    transform: translateY(-35%) !important;
  }
}

page-inquiries-dashboard .statistic-Background {
  background-image: url(../../assets/images/reportingTools/background.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
}

page-inquiries-dashboard .count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #b21f2f;
  color: #fff;
  padding: 1em;
  border-radius: 5px;
  border: none;
  width: 100%;
  text-align: center;
}

page-inquiries-dashboard .count span {
  font-size: 1.8rem;
  font-weight: 800;
}

page-inquiries-dashboard .hidden {
  cursor: not-allowed;
}

page-inquiries-dashboard .hidden h4 {
  color: #a3a3a3 !important;
}

page-inquiries-dashboard .preset-card {
  width: 350px;
  height: 220px;
}

page-inquiries-display-table #resultTable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

page-inquiries-display-table #resultTable td,
page-inquiries-display-table #resultTable th {
  border: 1px solid #ddd;
  padding: 8px;
}

page-inquiries-display-table #resultTable tr:nth-child(even) {
  background-color: #f2f2f2;
}

page-inquiries-display-table #resultTable tr:hover {
  background-color: white;
}

page-inquiries-display-table #resultTable th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #b21f2f;
  color: white;
}

page-inquiries-display-table .align {
  text-align: center;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1180px) {
  page-inquiries-display-table table {
    border: 0;
  }
  page-inquiries-display-table table caption {
    font-size: 1.3em;
  }
  page-inquiries-display-table table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  page-inquiries-display-table table th {
    display: none;
  }
  page-inquiries-display-table table tr {
    border-bottom: 3px solid #be0000;
    display: block;
    margin-bottom: 0.625em;
  }
  page-inquiries-display-table table td {
    border-bottom: 1px solid #ddd;
    display: block;
    min-height: 30px;
    font-size: 0.8em;
    text-align: right;
  }
  page-inquiries-display-table table td::before {
    /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  page-inquiries-display-table table td:last-child {
    border-bottom: 0;
  }
}

page-inquiries-display-table-object #resultTable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

page-inquiries-display-table-object #resultTable td,
page-inquiries-display-table-object #resultTable th {
  border: 1px solid #ddd;
  padding: 8px;
}

page-inquiries-display-table-object #resultTable tr:nth-child(even) {
  background-color: #f2f2f2;
}

page-inquiries-display-table-object #resultTable tr:hover {
  background-color: white;
}

page-inquiries-display-table-object #resultTable th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #b21f2f;
  color: white;
}

page-inquiries-display-table-object .align {
  text-align: center;
}

page-inquiries-display-table-object table {
  border: 0;
}

page-inquiries-display-table-object table caption {
  font-size: 1.3em;
}

page-inquiries-display-table-object table thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

page-inquiries-display-table-object table th {
  display: none;
}

page-inquiries-display-table-object table tr {
  display: block;
  margin-bottom: 0.625em;
}

page-inquiries-display-table-object table td {
  border-bottom: 1px solid #ddd;
  display: block;
  min-height: 30px;
  font-size: 0.8em;
  text-align: right;
}

page-inquiries-display-table-object table td::before {
  /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}

page-inquiries-display-table-object table td:last-child {
  border-bottom: 0;
}

page-inquiries-dynamic ion-select {
  width: 100%;
  max-width: 100%;
}

page-inquiries-dynamic .smallField {
  width: 25%;
}

page-inquiries-dynamic .buttonAdd {
  width: 100%;
  height: 50px;
}

page-inquiries-dynamic .miniField {
  width: 15%;
}

page-inquiries-dynamic .bigField {
  width: 35%;
}

page-inquiries-dynamic .dividedBigFiled {
  width: 17%;
}

page-inquiries-dynamic .value2 {
  border-left: 5px solid white;
}

page-inquiries-dynamic .cardInquiries {
  width: 100% !important;
}

page-inquiries-dynamic .grayColor {
  color: #474747;
}

page-inquiries-dynamic .resetIcon:hover {
  background-color: #cfa508;
}

page-inquiries-dynamic ion-footer.footer-md::before {
  background-image: none;
}

page-inquiries-dynamic-presets .fix-p {
  padding: 5px !important;
  background-color: transparent !important;
}

page-inquiries-dynamic-presets .fix-p p {
  margin: 0px;
  padding-left: 45px;
  font-style: italic;
  line-height: 19px;
}

page-inquiries-dynamic-presets .radio-md {
  margin: 4px 15px 10px 4px !important;
}

page-inquiries-preset-creator advancedMode {
  color: #a3a3a3;
}

page-inquiries-preset-creator advancedMode:hover {
  color: red;
}

page-inquiries-properties ion-select {
  width: 100%;
  max-width: 100%;
}

page-inquiries-select-property .fix-p {
  padding: 5px !important;
  background-color: transparent !important;
}

page-inquiries-select-property .fix-p p {
  margin: 0px;
  padding-left: 45px;
  font-style: italic;
  line-height: 19px;
}

page-inquiries-select-property .radio-md {
  margin: 4px 15px 10px 4px !important;
}

page-inquiries-select-table .item-inner {
  margin-left: 7px !important;
}

page-insights {
  font-size: 100% !important;
}

page-insights .insights-content {
  background: #f7f6f9;
}

page-insights ::ng-deep .nav-menu {
  font-weight: 600;
  color: #282828 !important;
}

page-insights [class*="bg-"] {
  position: relative;
}

page-insights [class*="bg-"]::before {
  content: "";
  width: 33%;
  height: 100%;
  background: url("../assets/images/mydcaa/icons/bubble2.svg") no-repeat;
  top: 0;
  left: 0;
  position: absolute;
}

page-insights .calender-header {
  padding: 1rem 2rem;
}

page-insights .quick-menu-item {
  width: 100%;
  height: 100%;
}

page-insights .quick-menu-item p {
  max-width: 50%;
}

page-insights .quick-menu-item .quick-link-expand {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-insights .quick-menu-item .quick-link-expand::before {
  content: "";
  background: white;
  opacity: 0.3;
  border-radius: 50%;
  position: absolute;
  width: 6rem;
  height: 6rem;
}

page-insights .quick-menu-item .quick-link-expand img {
  position: relative;
  width: 4rem;
}

page-insights .p-left-large-screen {
  padding-left: 1rem;
}

page-insights .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
  /* text-transform: uppercase; */
  /* letter-spacing: 1px; */
}

page-insights .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-insights .year-carrier {
  font-size: 1.6rem !important;
}

page-insights .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-insights .col-c {
  width: 100%;
}

page-insights .col-a {
  width: 60%;
}

page-insights .col-b {
  width: 40%;
}

page-insights .no-border {
  border: none !important;
}

@media screen and (max-width: 1399px) {
  page-insights .col-a,
  page-insights .col-b {
    width: 100%;
  }
}

page-insights .filter-group {
  height: 50px;
}

internal-service-information {
  /* Style the tab */
}

internal-service-information .servicetitle {
  text-align: left;
  font-size: 1.6rem;
  margin: 0 12px;
  font-weight: 600;
}

internal-service-information .smallheadericon {
  font-size: 2.6rem;
}

internal-service-information .smallerheadericon {
  font-size: 2rem;
}

internal-service-information .multilineSegment .segment-button {
  font-weight: 800;
  line-height: 1.6rem;
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: none;
  font-size: 1.4rem;
  height: 5rem;
}

internal-service-information ion-row.padding-set.row {
  width: 96%;
  margin: 0 auto;
}

internal-service-information .slide-zoom {
  height: 100%;
}

internal-service-information .segment-md .segment-button {
  color: #686868;
  text-shadow: 0 0 #686868;
  font-size: 1.125em !important;
  font-weight: 400;
  border: 2px solid #e9ecef;
  border-top: none;
  padding: 2.5em !important;
}

internal-service-information .segment-md .segment-button.activated,
internal-service-information .segment-md .segment-button.segment-activated {
  border: none;
  color: #000;
  font-weight: 600;
}

internal-service-information .tab {
  overflow: hidden;
  background-color: #fff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

internal-service-information .border-lr {
  border: 2px solid #e9ecef;
}

internal-service-information .tabcontent {
  background: #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

internal-service-information .tabcontent p {
  color: #8f9296;
  line-height: 1.5;
  margin: 0 2rem !important;
  padding-bottom: 1em !important;
  padding-top: 0.7em !important;
}

internal-service-information .tabcontent.active {
  display: block;
}

@media screen and (max-width: 767px) {
  internal-service-information ion-segment-button .font8 {
    font-size: small !important;
  }
  internal-service-information .tabcontent {
    font-size: small !important;
  }
  internal-service-information .tabcontent p {
    margin: 0 !important;
  }
}

internal-service-information .segment-button {
  padding: 3rem !important;
}

page-internal-services ::ng-deep .nav-menu {
  font-weight: 600;
  color: #000 !important;
}

page-internal-services .justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
}

page-internal-services .category-dd {
  font-size: large;
}

page-internal-services .btn-group {
  background-color: #f7f6f9;
  border: thin solid #dddddd;
  border-radius: 8px;
  height: 44px;
}

page-internal-services .btn-group * {
  color: #737274;
  background-color: #f7f6f9;
  margin: 0 !important;
  padding: 1rem 0.5rem !important;
  height: 100%;
}

page-internal-services .btn-group *:first-child {
  border-radius: 8px 0 0 8px;
}

page-internal-services .btn-group *:last-child {
  border-radius: 0 8px 8px 0;
}

page-internal-services .single-select-alert .alert-wrapper {
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}

page-internal-services-change-request ion-select {
  width: 100%;
  max-width: 100%;
}

page-internal-services-change-request ion-item {
  min-width: 160px;
}

page-internal-services-change-request ion-row.padding-set {
  margin-left: -5px;
  margin-right: -5px;
}

page-internal-services-change-request ion-range.risk-level-set {
  padding-top: 7px !important;
  padding-left: 17px !important;
}

page-internal-services-change-request synergy-input .group {
  margin-bottom: 0;
}

page-internal-services-change-request .add-space {
  padding-top: 10px;
}

page-internal-services-change-request ion-range .range {
  padding-top: 8px !important;
}

page-internal-services-change-request .top_label-padding {
  padding-top: 10px;
  display: table;
}

page-internal-services-change-request .m-b-10 .group {
  margin-top: 10px;
}

page-internal-services-events ion-row.padding-set {
  margin-left: -5px;
  margin-right: -5px;
}

page-internal-services-events ion-range.risk-level-set {
  padding-top: 7px !important;
  padding-left: 17px !important;
}

page-internal-services-events .padding-set synergy-input .group {
  margin-top: 0;
  margin-bottom: 10px;
}

page-internal-services-events .padding-set .item-checkbox {
  height: 20px;
  min-height: 20px;
}

page-internal-services-need-info .heavyLabel {
  font-weight: 600;
}

page-internal-services-need-info .listItem {
  min-width: 200px;
}

page-internal-services-staff-transportation ion-select {
  width: 100%;
  max-width: 100%;
}

page-kpi-detail .top-right-corner {
  position: absolute;
  top: -1rem;
  right: -1.5rem;
  gap: 0.5rem;
  padding: 0.5rem;
}

page-kpi-detail .left7 {
  position: relative;
  left: -7px;
}

page-kpi-detail .m-t-35 {
  margin-top: 35px !important;
}

page-kpi-detail .m-t-35.more_m {
  margin-top: 40px !important;
}

page-kpi-detail .liltop {
  position: relative;
  top: -8px;
}

page-kpi-detail .small-action {
  padding: 0;
  height: 15px;
  font-size: 14px;
  font-weight: 800;
  position: relative;
  top: -2px;
}

page-kpi-detail .smaller-h2 h2 {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

page-kpi-detail .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-kpi-detail .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-kpi-detail .information-block {
  border-radius: 6px;
  padding: 5px 12px;
}

page-kpi-detail .h1-title {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 34px;
}

page-kpi-detail .label-title {
  font-size: 1.7rem;
  font-weight: 800;
  margin-bottom: 5px;
}

page-kpi-detail .label-title.less-size {
  font-size: 1.5rem;
}

page-kpi-detail .label-title.m-t-20 {
  margin-top: 20px !important;
}

page-kpi-detail .label-title.m-t-5 {
  margin-top: 5px !important;
}

page-kpi-detail .description {
  color: #383838;
  margin-top: 0px;
}

page-kpi-detail .display_block {
  display: block;
}

page-kpi-detail .over-panel {
  position: relative;
  top: -50px;
}

page-kpi-detail .over-panel.nt-20 {
  margin-top: -21px;
}

page-kpi-detail .over-panel.nt-20.adj_original_task {
  margin-top: -55px;
}

page-kpi-detail .standalone {
  position: relative;
  left: -9px;
}

page-kpi-detail .standalone .blk {
  background-color: #f5f5f5 !important;
  border: thin solid #f2f2f2;
  border-bottom: none;
}

page-kpi-detail .standalone .blk .tick {
  font-size: 1.3em;
  color: #474747;
}

page-kpi-detail .standalone .blklabel {
  font-size: 0.9em;
  border-radius: 0px 0px 4px 4px;
  background-color: #b21f2f !important;
}

page-kpi-detail .small-elm-logo {
  height: 25px;
}

page-kpi-detail .performance_section,
page-kpi-detail .achievement_section {
  padding: 0px 10px;
}

page-kpi-detail .performance_section .radial_info,
page-kpi-detail .achievement_section .radial_info {
  margin-top: -40px;
}

page-kpi-detail .performance_section .radial_info h1,
page-kpi-detail .achievement_section .radial_info h1 {
  margin-top: -45px;
  font-weight: 600;
  margin-bottom: 0;
}

page-kpi-detail .performance_section .radial_info .radial_message,
page-kpi-detail .achievement_section .radial_info .radial_message {
  font-size: 13px;
  margin: 3px 0px 5px 0px;
}

page-kpi-detail .meta-info {
  border: thin solid #e4e4e4;
  padding-top: 10px;
  border-radius: 7px;
}

page-kpi-detail .number-val {
  margin: 5px 0px;
  color: #3c3c3c;
  font-weight: 600;
  font-size: 15px;
}

page-kpi-detail .achieved_target {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  margin-top: 4px !important;
}

page-kpi-detail .phase_ {
  padding: 5px;
  border-radius: 5px;
  border: thin dotted #e4e4e4;
  background-color: #f7f7f7;
  font-weight: 600;
  text-align: center;
  min-width: 70px;
}

page-kpi-detail .title-text-area {
  padding: 5px 5px 2px 5px;
  background-color: #ececec;
  color: #3a3a3a;
  border-radius: 0px 0px 5px 5px;
}

page-kpi-detail .title-text-area h2 {
  font-size: 13px;
  margin: 0px;
  font-weight: 600;
}

page-kpi-detail .title_space {
  display: inline-block;
  width: 89px;
}

page-kpi-detail .title_space.less2 {
  width: 84px;
}

page-kpi-detail .top-minus {
  position: relative;
  top: -3px;
}

page-kpi-detail .entry_percentage_radial {
  width: 60px;
  float: right;
}

page-kpi-detail .entry_percentage_radial .center-percentage {
  height: 14px;
  top: 50% !important;
  bottom: 50% !important;
}

page-kpi-detail .entry_percentage_radial .center-percentage h2 {
  font-weight: 800;
  font-size: 18px;
}

page-kpi-detail h4 {
  margin-top: 4px !important;
}

.md .segment-container {
  background-color: #f7f7f7;
}

.md .segment-container .big-bold {
  font-weight: 800 !important;
  font-size: 1.1em;
}

.md page-kpi-detail .first-section .m-t-35 {
  margin-top: 15px !important;
}

page-latest-news-content ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-latest-news-content ion-select {
  padding-left: 10px !important;
}

page-latest-news-content ion-datetime {
  padding-left: 10px !important;
}

page-latest-news-content .boxshadow-none {
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-latest-news-content .primary-text {
  color: #d23737;
}

page-latest-news-content .chip {
  border-radius: 18px;
  border: 1px solid #c79921;
  background-color: #c79921;
  color: #fff;
  max-width: 200px;
}

page-latest-news-content .chip .filename {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

page-latest-news-content .chip.reversed {
  border: 1px solid #dddddd;
  background-color: #fff;
  color: #000;
}

page-latest-news-content .info-card-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, 235px);
  gap: 1rem;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

page-latest-news-content .info-card-container .info-card {
  min-width: 235px;
  padding: 1rem;
  background-color: white;
  border-radius: 10px;
}

page-latest-news-content .info-card-container table {
  max-width: 100% !important;
}

page-list-kpi .center-4-large {
  margin: 20px auto;
  width: calc(100% - 43px);
}

page-list-kpi .current_display {
  font-size: 1.7rem;
  top: 13px;
}

page-list-kpi .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-list-kpi .icon-wrapper {
  padding: 5px 0px 0px 20px;
  border-radius: 50px;
  text-align: center;
}

page-list-kpi .icon-wrapper ion-icon {
  font-size: 1.7em;
}

page-list-kpi-add ion-select {
  width: 100%;
  max-width: 100%;
}

page-list-kpi-add-milestone ion-select {
  width: 100%;
  max-width: 100%;
}

page-list-kpi-add-sub-service ion-select {
  width: 100%;
  max-width: 100%;
}

page-list-strategy .center-4-large {
  margin: 20px auto;
  width: calc(100% - 43px);
}

page-list-strategy .current_display {
  font-size: 1.7rem;
  top: 13px;
}

page-list-strategy .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-list-subservice-initiative-link .list-result-data {
  margin-top: 25px;
}

page-login .login_gradient {
  background-image: radial-gradient(circle at bottom right, #b21f2f, #000 75%);
}

page-login .top-section {
  padding: 10px 25px;
}

page-login .top-section .signup-text {
  font-size: 2.8em;
  font-weight: 300;
  color: #fff;
  text-shadow: 1px 0px 1px #000;
  margin-top: 20px !important;
  width: 100%;
}

page-login .top-section .sign_upbody {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.5em;
  font-weight: 300;
}

page-login .body-section {
  padding: 10px 25px;
  min-height: calc(100% - 173px);
}

page-login .body-section .gradient-btn {
  font-size: 1.6rem;
  background-image: -webkit-gradient(linear, right top, left top, from(#c79921), color-stop(51%, #b21f2f), to(#c79921));
  background-image: linear-gradient(to left, #c79921 0%, #b21f2f 51%, #c79921 100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-size: 200% auto;
}

page-login .body-section .gradient-btn.activated {
  background-image: -webkit-gradient(linear, right top, left top, from(#b21f2f), color-stop(51%, #c79921), to(#b21f2f));
  background-image: linear-gradient(to left, #b21f2f 0%, #c79921 51%, #b21f2f 100%);
  background-position: right center;
}

page-login .body-section .fingerprint-click {
  margin-top: 50px;
  font-size: 4em;
  color: #fff;
}

page-login .body-section .fingerprint-click .neg-top {
  margin-top: -10px;
  font-size: 13px;
}

page-login .body-section .input_err_msg {
  color: #fff;
  text-align: right;
}

@media screen and (max-width: 768px) {
  page-login .top-section {
    margin-top: 5.5em;
  }
}

[dir="rtl"] page-login .body-section .input_err_msg {
  color: #fff;
  text-align: left;
}

.appsModal {
  background-color: rgba(0, 0, 0, 0.5);
}

.appsModal .modal-wrapper {
  width: 320px;
  height: 320px;
  border-radius: 16px;
  overflow: hidden;
}

page-mailbox .overflow {
  overflow-y: scroll;
  overflow-x: hidden;
}

page-mailbox .text-primary {
  color: #d23737;
}

page-mailbox .filter-pan {
  padding: 1rem 1.6rem !important;
  border-bottom: thin solid #dcdcdc;
}

page-mailbox .text-bold {
  text-shadow: 0px 0px 1px #282828;
}

page-mailbox .width1 {
  width: 400px !important;
  border: thin solid #dcdcdc;
  border-radius: 1.5rem;
}

page-mailbox .width1.mobile {
  width: calc(100% - 0.5rem) !important;
}

page-mailbox .width2 {
  width: calc(100% - 450px);
  max-width: calc(100% - 430px);
  border: thin solid #dcdcdc;
  border-radius: 1.5rem;
  background: #fff;
}

page-mailbox .set-height {
  max-height: calc(100vh - 199px) !important;
  min-height: calc(100vh - 199px);
}

page-mailbox .set-height.mobile {
  max-height: 100% !important;
  height: 100% !important;
}

page-mailbox .email-list {
  border-radius: 0 0 1.5rem 1.5rem;
}

page-mailbox .custom-scroller ::-webkit-scrollbar-thumb {
  background-color: #a3a3a3 !important;
  border: none !important;
  height: 2rem !important;
}

page-mailbox .custom-scroller ::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}

@media screen and (max-width: 768px) {
  page-mailbox .width1 {
    width: calc(100% - 0.5rem) !important;
  }
  page-mailbox .set-height {
    height: 100% !important;
    max-height: 100% !important;
  }
}

page-share-onedrive .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

page-share-onedrive .pad-children > .bigger {
  padding: 7px 0px;
}

page-share-onedrive .pad-left-right {
  padding: 0px 10px;
}

page-share-onedrive .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

page-share-onedrive .members-icon {
  font-size: 2em;
  width: 40px;
  height: 40px;
  padding: 0.2em;
  padding: 0.2em;
}

page-share-onedrive .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

page-share-onedrive .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

page-share-onedrive .gray-text {
  color: #474747;
}

page-share-onedrive .m-p-2 {
  position: relative;
  top: 2px;
}

page-share-onedrive ion-select {
  width: 100%;
  max-width: 100%;
  padding-left: 15px !important;
}

page-share-onedrive .absoloute-btn {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 20px;
}

page-share-onedrive .white-back {
  background-color: #fff;
}

page-share-onedrive .grayborder {
  border: thin solid #e2e2e2;
}

page-share-onedrive .round-back-area {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  background-color: #b21f2f;
  z-index: 40;
}

page-share-onedrive .round-back-area ion-icon {
  font-size: 2.8rem;
}

page-share-onedrive ion-title {
  color: #000;
}

page-share-onedrive .create-button {
  padding: 0.5em 1em !important;
  font-size: 1.8rem;
  border-radius: 7px !important;
}

page-share-onedrive hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

page-share-onedrive .shared-items {
  position: absolute;
  bottom: 18px;
  width: 100%;
}

page-share-onedrive .copy-link-items {
  position: absolute;
  bottom: 28px;
  width: 100%;
}

page-media-center ion-fab {
  margin-bottom: 50px !important;
}

page-media-center .img-news-icon {
  margin: -3px 6px 0px 0px;
}

page-media-center .media-group {
  border: none;
  padding: 0.5rem 1.25rem;
  border-radius: 25px;
  color: #c1c2c5;
  font-size: large;
  background-color: #fff;
}

page-media-center .media-group img {
  width: 26px;
  -webkit-filter: grayscale(1) contrast(0.2) brightness(1.5);
  filter: grayscale(1) contrast(0.2) brightness(1.5);
}

page-media-center .media-group img.icon-active, page-media-center .media-group img:hover {
  -webkit-filter: none !important;
  filter: none !important;
}

page-media-center .media-group ion-icon {
  padding: 0.75rem;
}

page-media-center .media-group ion-icon.icon-active {
  color: #c79921;
}

page-media-center .main-col {
  min-width: calc(50% - 1rem);
}

page-media-center .search-section {
  width: 65%;
}

page-media-center .moredrop {
  width: 32px !important;
  height: 32px !important;
  font-size: 1.8em;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: thin solid #90898963;
  z-index: 1000;
}

page-media-center .year-carrier {
  height: 100%;
  background-color: #cfa508;
  color: #fff;
  position: relative;
  right: -16px;
  font-size: 2rem;
}

page-media-center .year-carrier .other-years-div {
  position: absolute;
  top: 100%;
  right: 0px;
  background-color: #cfa508;
  width: 100%;
  z-index: 1000;
}

page-media-center .year-carrier .other-years-div .button,
page-media-center .year-carrier .other-years-div .button-inner {
  height: 30px !important;
}

page-media-center .year-carrier .active-year {
  width: 100%;
  height: 100%;
  min-height: 44px;
  white-space: nowrap;
}

page-media-center .year-carrier {
  font-size: 1.6rem !important;
}

page-media-center .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-media-center .multilineSegment .segment-button {
  font-weight: 800;
  line-height: 1.6rem;
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: none;
  font-size: 1.4rem;
  height: 5rem;
}

@media screen and (max-width: 768px) {
  page-media-center .force-word-break-mobile {
    margin-bottom: 2em;
  }
}

@media screen and (max-width: 767px) {
  .main-col {
    width: 100% !important;
  }
}

@media screen and (max-width: 1450px) {
  .search-section {
    width: 100% !important;
  }
  .header-section {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    row-gap: 1rem;
  }
}

@media only screen and (max-width: 1280) and (min-width: 992) {
  .main-col {
    width: 100% !important;
  }
}

page-media-center-info .media-center-card .image-no-border {
  height: 50px;
  width: 50px;
}

page-media-center-info .media-center-card .media-icon {
  height: auto;
  width: 30px;
}

page-media-center-info .media-center-card .dcaa-image {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

page-media-center-info .media-center-card .header-title-size {
  width: calc(100% - 50px - 2rem);
}

page-media-center-info .media-center-card .head-desc {
  font-size: 18px;
  color: #5f6165;
}

page-media-center-info .media-center-card .head-text {
  font-size: 19px;
  line-height: 27px;
  text-align: left;
}

page-media-center-info .media-center-card a {
  text-decoration: none;
}

page-media-center-info .media-center-card .eye-icon {
  font-size: 2em;
}

page-media-center-info .media-center-card .videoFrame {
  width: 100%;
  height: 40vh;
}

page-media-center-info .media-center-card .descriptionHtml {
  word-break: break-word;
}

page-media-center-info .media-center-card .descriptionHtml p,
page-media-center-info .media-center-card .descriptionHtml div {
  font-size: inherit;
}

page-media-center-info .media-center-card .descriptionHtml p {
  margin-top: 0;
}

page-media-center-info .media-center-card .descriptionHtml img {
  max-width: 34% !important;
  height: auto !important;
  border-radius: 1rem !important;
  float: left !important;
  margin: 0 15px 15px 0 !important;
}

page-media-center-info .media-center-card .descriptionHtml img.resizeImage {
  max-width: 25% !important;
}

page-media-center-info .media-center-card .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

page-media-center-info .media-center-card p {
  color: #5f6165;
  line-height: 27px;
}

a page-media-center-info .media-center-card p:not(.text-primary) {
  color: #58bbff;
  margin-right: 5px;
}

page-media-center-info .media-center-card .media-gallery img {
  border-radius: 25px;
}

page-media-center-info .media-center-card .media-center-posts {
  width: 90%;
}

page-media-center-info .media-center-card .media-center-posts input {
  background-color: #fafafa;
  width: 95%;
}

page-media-center-info .media-center-card .media-center-posts .img-icon {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 800;
  color: #acadb2;
  padding: 0 15px;
  height: 18px;
  top: 12px;
}

page-media-center-info .media-center-card .media-center-posts .img-search {
  right: 0;
}

page-media-center-info .media-center-card .media-center-posts .img-emoji {
  right: 32px;
}

page-media-center-info .media-center-card .media-center-posts .img-audio {
  right: 56px;
}

page-media-center-info .more-anchor {
  position: absolute;
  top: 0;
  right: 0;
}

page-media-center-info .comment-input {
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fafafa;
}

page-media-center-info .comment-input .actions-panel {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-media-center-info .comment-input label {
  width: 100%;
}

page-media-center-info .comment-input label .comment {
  border: none;
  border: none !important;
  outline: none !important;
}

page-media-center-info .comment-input label .comment:focus {
  border: none !important;
  outline: none !important;
}

page-media-center-info .comment-input:focus-within {
  border: 1px solid #636262;
}

page-media-editor ion-item-sliding,
page-media-editor ion-item {
  background-color: transparent !important;
  border-bottom: none !important;
}

page-media-editor .close-badge {
  position: absolute;
  font-size: 3.5rem;
  left: 8px;
  top: 20px;
  z-index: 10;
}

page-media-editor .submitBtn {
  height: 50px;
  width: 100px;
  position: absolute;
  bottom: 15px;
  right: 20px;
  z-index: 10000;
}

page-media-editor .adjust-left-right {
  background-color: #000000;
}

page-media-editor .adjust-left-right .range-ios .range-pin {
  color: #fff !important;
}

page-media-editor .full-modal-component {
  background-color: black;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

page-media-editor .full-modal-component .cropper-bg {
  background-image: none !important;
  background-color: rgba(0, 0, 0, 0.9);
}

page-media-editor .full-modal-component .top-header-section {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 1;
}

page-media-editor .full-modal-component .message-base-section {
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 100;
}

page-media-editor .message-text {
  margin-bottom: 3px !important;
}

page-media-editor .created-at {
  margin-bottom: 10px !important;
}

page-media-editor .header-h4 {
  font-weight: 800;
  font-size: 13px;
}

page-media-editor .space-left {
  margin-left: 8px !important;
}

page-media-editor .head-grid {
  margin-left: 7px !important;
}

page-media-editor .large-badge-text {
  font-size: 14px;
}

page-media-editor .min-height-header-chat {
  min-height: 60px;
}

page-media-editor .special-t-b-space {
  margin-bottom: 5px !important;
  margin-top: 10px !important;
}

page-media-editor .small-actionbtn-right {
  margin-right: 0px !important;
  margin-left: 0px !important;
  width: 40px !important;
}

page-media-editor .top-loader-spinner * {
  width: 28px;
  height: 28px;
  stroke: #444;
  fill: #222;
}

page-media-editor .transparentElm {
  opacity: 0 !important;
}

page-media-editor .small-progress {
  width: 60px;
  height: 60px;
}

page-media-editor .small-progress.invisible {
  opacity: 0;
}

page-media-editor .small-progress .progress-text-status {
  font-size: 14px;
  height: 15px;
  color: #b21f2f;
  text-align: center;
}

page-media-editor .small-progress.cropperProgressDiv {
  z-index: 1001;
  background-color: #fff;
  width: 80px;
  height: 80px;
  padding: 7px;
  border-radius: 50%;
}

page-media-editor .small-progress.cropperProgressDiv.invisible {
  display: none;
}

page-media-editor .small-progress.cropperProgressDiv .progress-text-status {
  font-size: 16px;
  height: 19px;
}

page-media-editor .media-btns {
  min-width: 80px;
}

page-media-editor .flex2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

page-media-editor .flex2 .noText {
  width: calc(100% - 83px) !important;
}

page-media-editor .chatTextArea {
  border: thin solid #a3a3a3;
  border-radius: 20px;
  width: 100%;
  padding: 8px 15px 8px 15px;
  resize: none;
  outline: none;
  height: 100%;
  height: 40px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: initial !important;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

page-media-editor .autoHeightImage img {
  height: auto !important;
}

page-media-editor .autoHeightImage img.drawing-img {
  width: auto !important;
  height: 56px !important;
  margin-left: 10px;
}

page-media-editor .mid-icon {
  font-size: 3.2rem;
}

page-media-editor .mid-icon.pad-0-15 {
  padding: 0 15px !important;
}

page-media-editor .mid-icon.round-icon {
  background-color: #474747;
  padding: 3px 11px;
  border-radius: 20px;
  margin: 0px 10px 0px 12px;
}

page-media-editor .special-t-b-space .ios .mid-icon {
  font-size: 3.4rem;
}

page-media-editor .special-t-b-space .ios .mid-icon:first-child {
  font-size: 3.8rem;
}

page-media-editor .special-t-b-space .ios .mid-icon.send-icon {
  font-size: 3.2rem;
}

page-media-editor .speech-bubble-me {
  position: relative;
  background: #fff !important;
  border-radius: 0.4em;
  padding: 15px !important;
  min-height: 60px;
}

page-media-editor .speech-bubble-me:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50px;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-left-color: #fff;
  border-right: 0;
  border-top: 0;
  margin-top: -6px;
  margin-right: -12px;
}

page-media-editor .check-point {
  height: 30px;
}

.md page-chat-box .close-badge {
  font-size: 2.8rem;
}

mydcaa-meeting-editor .locations, page-internal-services-training-workshop-service .locations {
  position: relative;
  margin: 18px 0 18px 0;
  padding: 16px;
  border: thin solid #dddddd;
  border-radius: 8px;
  width: 100%;
  gap: 2rem 2%;
}

mydcaa-meeting-editor .locations .static-label, page-internal-services-training-workshop-service .locations .static-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: -12px;
  left: 15px;
  max-height: 14.5px;
  background: white;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
  color: #b21f2f;
}

mydcaa-meeting-editor .locations .location-container, page-internal-services-training-workshop-service .locations .location-container {
  border: thin solid #a3a3a3;
  border-radius: 8px;
  padding: 5px 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 32%;
  -ms-flex: 0 32%;
  flex: 0 32%;
  color: #a3a3a3;
}

mydcaa-meeting-editor .locations .location-container.selected, mydcaa-meeting-editor .locations .location-container:hover, page-internal-services-training-workshop-service .locations .location-container.selected, page-internal-services-training-workshop-service .locations .location-container:hover {
  border-color: #ec322a;
}

mydcaa-meeting-editor .locations .location-container .location-name, page-internal-services-training-workshop-service .locations .location-container .location-name {
  color: #000;
  cursor: pointer !important;
}

mydcaa-meeting-editor .locations .location-container .ion-md-time, page-internal-services-training-workshop-service .locations .location-container .ion-md-time {
  padding: 0 0.5em;
}

mydcaa-meeting-editor .locations .location-container [class*=" ion-md-mydcaa"], page-internal-services-training-workshop-service .locations .location-container [class*=" ion-md-mydcaa"] {
  font-size: 1em;
}

@media screen and (max-width: 1580px) {
  mydcaa-meeting-editor .locations, page-internal-services-training-workshop-service .locations {
    gap: 2rem;
  }
  mydcaa-meeting-editor .locations .location-container, page-internal-services-training-workshop-service .locations .location-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(50% - 1rem);
    -ms-flex: 0 1 calc(50% - 1rem);
    flex: 0 1 calc(50% - 1rem);
  }
}

@media screen and (max-width: 580px) {
  mydcaa-meeting-editor .locations, page-internal-services-training-workshop-service .locations {
    gap: 1rem;
  }
  mydcaa-meeting-editor .locations .location-container, page-internal-services-training-workshop-service .locations .location-container {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
}

mydcaa-meeting-editor .bigger-important {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}

mydcaa-meeting-editor ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

mydcaa-meeting-editor ion-select {
  padding-left: 10px !important;
}

mydcaa-meeting-editor ion-datetime {
  padding-left: 10px !important;
}

mydcaa-meeting-editor .del-button {
  padding: 0.4em 0.8em !important;
  font-size: 1em;
  border-radius: 7px !important;
}

mydcaa-meeting-editor ion-row.padding-set.row {
  width: 98%;
  margin: 0 auto !important;
}

mydcaa-meeting-editor ion-row.padding-set.row .group {
  margin-bottom: 0;
}

mydcaa-meeting-editor ion-row.padding-set .date-input.m-b-10 {
  margin-bottom: 0;
}

mydcaa-meeting-editor .chip {
  border-radius: 18px;
  border: 1px solid #c79921;
  background-color: #c79921;
  color: #fff;
}

mydcaa-meeting-editor .chip.reversed {
  border: 1px solid #dddddd;
  background-color: #fff;
  color: #000;
}

mydcaa-meeting-editor .bordered {
  border: thin solid #dddddd;
  border-radius: 8px;
}

mydcaa-meeting-editor .bordered .synergy-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  top: -5px;
  left: 11px;
  padding-left: 2px;
  padding-right: 2px;
  max-height: 14.5px;
  font-size: 14px;
  color: #b21f2f;
  background: white;
}

mydcaa-meeting-recurrence ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

mydcaa-meeting-recurrence ion-select {
  padding-left: 10px !important;
}

mydcaa-meeting-recurrence ion-datetime {
  padding-left: 10px !important;
}

mydcaa-meeting-recurrence .del-button {
  padding: 0.4em 0.8em !important;
  font-size: 1em;
  border-radius: 7px !important;
}

mydcaa-meeting-recurrence ion-row.padding-set.row {
  width: 98%;
  margin: 0 auto !important;
}

mydcaa-meeting-recurrence ion-row.padding-set.row .group {
  margin-bottom: 0;
}

mydcaa-meeting-recurrence ion-row.padding-set .date-input.m-b-10 {
  margin-bottom: 0;
}

mydcaa-meeting-recurrence .week-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 0.5rem;
}

mydcaa-meeting-recurrence .week-container .day {
  height: 35px;
  width: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
}

mydcaa-meeting-recurrence .week-container .day.active, mydcaa-meeting-recurrence .week-container .day:hover {
  background-color: #c79921;
  color: white;
  font-weight: bold;
}

mydcaa-meeting-recurrence .bordered {
  border: thin solid #dddddd;
  border-radius: 8px;
}

mydcaa-meeting-recurrence .synergy-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  top: -5px;
  left: 11px;
  padding-left: 2px;
  padding-right: 2px;
  max-height: 14.5px;
  font-size: 14px;
  color: #b21f2f;
  background: white;
}

page-menu-grid .analysis-list .analysis-item:hover, page-menu-grid .analysis-list .analysis-item.active {
  background-color: #f5f5f5;
}

page-menu-grid .column-gap-5 {
  -webkit-column-gap: 5rem;
  -moz-column-gap: 5rem;
  column-gap: 5rem;
}

page-menu-grid table {
  border-collapse: separate;
  border-spacing: 0 1rem;
}

page-menu-grid table td {
  background-color: #f5f5f5;
  padding: .5rem 2px;
}

page-menu-grid table td:first-child {
  padding-left: 1.5rem;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

page-menu-grid table td:last-child {
  padding-right: 1.5rem;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

page-menu-grid .entry_percentage_radial {
  width: 75px;
  border-radius: 100%;
  background: white;
}

page-menu-grid .entry_percentage_radial .center-percentage {
  height: 14px;
  top: 50% !important;
  bottom: 50% !important;
}

page-menu-grid .entry_percentage_radial .center-percentage h2 {
  font-weight: 800;
  font-size: 18px;
}

page-menu-grid .col-30 {
  width: 30%;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin: auto;
  max-width: 100%;
}

page-menu-grid .survey-dashboard-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}

page-menu-grid .survey-dashboard-card .card-number {
  min-width: 9rem;
  min-height: 8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

page-menu-grid .survey-dashboard-card .card-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 2rem;
  gap: 0.5rem;
  min-width: 170px;
  background-color: #f5f5f5;
}

page-menu-grid .numbers-card {
  min-height: 8rem;
  width: 50%;
  max-width: 300px;
}

page-menu-grid .numbers-card .percentage-details {
  position: absolute;
  width: 100%;
  bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-menu-grid .numbers-card .circle-stats svg {
  max-height: 140px !important;
}

page-menu-grid .grid-flex {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-menu-grid .menu {
  width: 160px;
  margin: 6px 6px;
  background-color: #ffffff;
  padding: 30px 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 200px;
  min-width: 140px;
}

page-menu-grid .menu.allow-morespace {
  width: 160px;
  margin: 10px 10px;
  padding: 30px 20px;
  max-width: 200;
}

page-menu-grid .menu h4 {
  margin-bottom: 0px;
  color: #383838;
  font-size: 1.8rem;
  margin-top: 5px;
  font-weight: 400;
}

page-menu-grid .menu img {
  height: 79px;
}

page-menu-grid #container {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

page-menu-grid .card-large {
  min-width: 300px;
}

page-menu-grid .center-4-large {
  margin: 0 auto;
}

@media screen and (min-width: 700px) {
  page-menu-grid .centerDivSize {
    width: 600px;
    margin: auto;
  }
  page-menu-grid .center-4-large {
    height: 100%;
  }
}

@media screen and (max-height: 752px) {
  page-menu-grid .make_height_auto {
    height: auto !important;
  }
}

@media screen and (max-width: 699px) {
  page-menu-grid .centerDivSize {
    width: 100%;
  }
}

page-mini ion-select {
  width: 100%;
  max-width: 100%;
}

page-mini .invalid-feedback {
  color: red;
}

page-mini .fullPage {
  height: 100%;
  width: 100%;
}

page-mini .space-top {
  margin-top: 10px;
}

page-mom-editor ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-mom-editor ion-select {
  padding-left: 10px !important;
}

page-mom-editor ion-datetime {
  padding-left: 10px !important;
}

page-mom-editor .del-button {
  padding: 0.4em 0.8em !important;
  font-size: 1em;
  border-radius: 7px !important;
}

page-mom-editor .agenda {
  position: relative;
  padding: 3px;
  border-bottom: 1px solid #dddddd;
}

page-myassignments .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
}

page-myassignments .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-myassignments .year-carrier {
  font-size: 1.6rem !important;
}

page-myassignments .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-mydcaa-advance-search .datahide {
  display: none;
}

page-mydcaa-advance-search .datashow {
  display: block;
}

page-mydcaa-advance-search ion-header .toolbar {
  min-height: 284px;
}

page-mydcaa-advance-search ion-header .searchbar-input-container {
  max-width: 1200px !important;
  width: 95% !important;
  margin: 0 auto;
}

page-mydcaa-advance-search ion-header .display-flex.no-wrap {
  display: table;
  width: 100%;
}

page-mydcaa-advance-search .ion-md-close {
  position: absolute;
  color: #fff;
  z-index: 9999;
  right: 20px;
  font-size: 4rem;
  top: 5px;
  cursor: pointer;
}

page-mydcaa-advance-search ion-content {
  height: 75vh;
  z-index: 99;
  top: 200px;
  width: 90%;
  margin: auto;
  left: 0;
  right: 0;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

page-mydcaa-advance-search ion-content .scroll-content {
  margin-top: 0 !important;
}

page-mydcaa-advance-search ion-content .fixed-content {
  margin-top: 0px !important;
}

page-mydcaa-advance-search .very-light-gray-back {
  background-color: #f5f5f5;
  background-image: none;
}

page-mydcaa-advance-search service-status-list .service-card-panel.gridView {
  width: 100%;
}

page-mydcaa-advance-search mydcaa-tasks-card .task-card-panel.gridView {
  margin: 5px 5px;
  width: 100%;
}

page-mydcaa-advance-search ticket-card .service-card-panel.gridView {
  margin: 5px 5px;
  width: 100%;
}

page-mydcaa-advance-search ion-searchbar {
  margin-top: -68px;
}

page-mydcaa-advance-search ion-searchbar input.searchbar-input {
  padding: 12px 55px !important;
  background: #fff;
  -webkit-box-shadow: 0px 3px 6px #00000029 !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  border-radius: 27px !important;
}

page-mydcaa-advance-search ion-searchbar .searchbar-search-icon {
  top: 17px !important;
  left: 24px !important;
}

page-mydcaa-advance-search .link-item-icon {
  padding-left: 35px;
  padding-top: 15px;
}

page-mydcaa-advance-search .link-item-icon img {
  width: 24px;
  margin-top: -8px;
  margin-right: 4px;
}

page-mydcaa-advance-search .link-item-icon span {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  color: #c79921;
}

page-mydcaa-advance-search .link-item-icon ion-badge {
  margin-right: 6px;
  top: -3px;
  position: relative;
}

page-mydcaa-advance-search .notFoundMessage .absolute-center {
  bottom: auto;
  top: 90px;
}

page-mydcaa-advance-search .main-result.bigger {
  overflow-y: auto;
  height: 66vh;
  overflow-x: hidden;
}

page-mydcaa-advance-search .halfwidth {
  width: 48% !important;
  /* max-width: 100% !important; */
  min-width: 50%;
}

page-mydcaa-advance-search .full-width {
  min-width: 100%;
}

page-background-images ::ng-deep .nav-menu {
  font-weight: 600;
  color: #000 !important;
}

page-background-images .justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
}

page-background-images .category-dd {
  font-size: large;
}

page-background-images .btn-group {
  background-color: #f7f6f9;
  border: thin solid #dddddd;
  border-radius: 8px;
  height: 44px;
}

page-background-images .btn-group * {
  color: #737274;
  background-color: #f7f6f9;
  margin: 0 !important;
  padding: 1rem 0.5rem !important;
  height: 100%;
}

page-background-images .btn-group *:first-child {
  border-radius: 8px 0 0 8px;
}

page-background-images .btn-group *:last-child {
  border-radius: 0 8px 8px 0;
}

page-background-images .single-select-alert .alert-wrapper {
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}

page-mydcaa-home .max-auto {
  max-width: 100%;
}

@media screen and (min-width: 1700px) {
  page-mydcaa-home .max-setting {
    width: 1800px;
    max-width: 100%;
    margin: 0 auto;
  }
}

page-mydcaa-home .scroll-content {
  overflow: hidden !important;
}

page-mydcaa-home .full-screen-overlay {
  background: #343a40;
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 100;
}

page-mydcaa-home ion-content {
  background: #212529;
  background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

page-mydcaa-home .toolbar-background-md,
page-mydcaa-home .toolbar-background-ios {
  background: transparent !important;
}

page-mydcaa-home .home-body-content {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-mydcaa-home .home-body-content .bottom-content {
  padding-bottom: 50px !important;
}

page-mydcaa-home .main-content {
  position: absolute;
  bottom: 20%;
  width: 100vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-mydcaa-home .bg-transparant {
  background: transparent;
}

page-mydcaa-home .links-item div {
  width: 100%;
  height: 100%;
}

page-mydcaa-home .plus-icon {
  font-size: 2.2em;
}

page-mydcaa-home .quick-link-text {
  font-size: 1.4em;
  opacity: 0.9;
}

page-mydcaa-home .collapse-btn {
  position: relative;
}

page-mydcaa-home .collapse-btn::before {
  content: "";
  background: #000;
  padding: 0.5em 0.5em;
  border-radius: 50%;
  opacity: 0.23;
  position: absolute;
  width: 25px;
  height: 25px;
}

page-mydcaa-home .collapse-btn ion-icon {
  font-size: 1.5em;
}

page-mydcaa-home p {
  line-height: 1.2;
  opacity: 0.9;
}

page-mydcaa-home .quick-link-border {
  background: #fff;
  width: 60px;
  padding: 0.3em 0.5em;
  border-radius: 10px;
}

page-mydcaa-home .footer .navbar-container {
  position: relative;
}

page-mydcaa-home .footer .navbar-container::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: #000;
  opacity: 0.3;
}

@media only screen and (max-width: 1628px) {
  most-recent-activities .big-panel {
    width: calc(100% - 470px);
  }
  most-recent-activities .news-card {
    width: 470px !important;
  }
}

@media only screen and (max-width: 1400px) {
  most-recent-activities .big-panel {
    width: 100%;
  }
  most-recent-activities .news-card {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .home-body-content {
    padding-top: 6rem !important;
  }
  most-recent-activities .multilineSegment .segment-button ion-icon {
    display: none;
  }
  most-recent-activities .big-panel {
    width: 100%;
  }
  most-recent-activities .news-card {
    display: none;
  }
  most-recent-activities media-feed-card {
    width: 33.33% !important;
  }
  most-recent-activities media-feed-card:nth-child(5) {
    display: none;
  }
}

@media only screen and (max-width: 820px) {
  .home-body-content {
    padding-top: 6.5rem !important;
  }
  most-recent-activities media-feed-card {
    width: 30% !important;
  }
  most-recent-activities media-feed-card:nth-child(5), most-recent-activities media-feed-card:nth-child(4) {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .home-body-content {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
}

page-mydcaa-my-tasks .current_display {
  font-size: 1.5rem;
  margin-bottom: 7px !important;
}

page-mydcaa-my-tasks .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-mydcaa-my-tasks .year-carrier {
  font-size: 1.6rem !important;
}

page-mydcaa-my-tasks .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-mydcaa-my-tasks .center-img {
  margin: 0 auto;
  display: block;
}

page-mydcaa-mydrive input[type="file"] {
  display: none;
}

page-mydcaa-mydrive .add-new-btn {
  padding: 1em 2em !important;
}

page-mydcaa-mydrive .padding-20 {
  padding: 20px;
}

page-mydcaa-mydrive .padding-25 {
  padding-left: 52px;
  padding-right: 52px;
  padding-bottom: 25px;
}

page-mydcaa-mydrive .selectedMenu {
  text-shadow: 0px 0px 1px #c79921;
  color: #c79921;
}

page-mydcaa-mydrive .btn-container::after {
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e5e5ea;
  bottom: 0;
  position: absolute;
}

page-mydcaa-mydrive .w15 {
  width: 240px !important;
  max-height: 500px;
}

page-mydcaa-mydrive .w85 {
  width: calc(100% - 240px);
}

page-mydcaa-mydrive .action-sheet-md .action-sheet-icon {
  font-size: 1.5rem !important;
}

@media screen and (max-width: 769px) {
  page-mydcaa-mydrive .header-small {
    font-size: 1.3em !important;
  }
}

page-mydcaa-request-files ion-select {
  width: 100%;
  max-width: 100%;
  padding-left: 15px !important;
}

page-mydcaa-request-files .absoloute-btn {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 20px;
}

page-mydcaa-request-files .white-back {
  background-color: #fff;
}

page-mydcaa-request-files .grayborder {
  border: thin solid #e2e2e2;
}

page-mydcaa-request-files .round-back-area {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  background-color: #b21f2f;
  z-index: 40;
}

page-mydcaa-request-files .round-back-area ion-icon {
  font-size: 2.8rem;
}

page-mydcaa-request-files ion-title {
  color: #000;
}

page-mydcaa-request-files .create-button {
  padding: 0.5em 1em !important;
  font-size: 1.8rem;
  border-radius: 7px !important;
}

page-mydcaa-request-files hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

page-mydcaa-request-files .copy-link-items {
  position: absolute;
  bottom: 28px;
  width: 100%;
}

page-mydcaa-request-files hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  margin-left: -16px;
  margin-right: -16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

page-mydcaa-request-files .m-b-55 {
  margin-bottom: 55px;
}

page-mydcaa-request-files .placeholderText {
  position: absolute;
  bottom: -29px;
}

page-myleaderboard .year-carrier {
  font-size: 1.6rem !important;
}

page-myleaderboard .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-myleaderboard .first-place-container {
  background-color: #f5f5f5;
}

page-myleaderboard .first-place-container .avg-big-ring {
  width: 85px;
}

page-myleaderboard .first-place-container .points,
page-myleaderboard .first-place-container .rated {
  width: 100px;
  color: #fff;
}

page-myleaderboard .first-place-container .bignumber {
  font-size: 3.7rem;
}

page-myleaderboard .first-place-container .lead_icon {
  font-size: 4rem;
}

page-myleaderboard .first-place-container.gradient-back-color {
  background-image: radial-gradient(circle at bottom right, #b21f2f, #000 75%);
}

page-myleaderboard .leaderboard-title {
  margin-top: 0 !important;
}

page-myleaderboard .position {
  font-size: 2.5rem;
}

page-myleaderboard .my-points {
  font-size: 3.2rem;
  min-width: 50px;
}

page-myleaderboard .small-ring {
  width: 50px;
  height: 50px;
}

page-myleaderboard .filter {
  border-radius: 20px;
  background-color: #fff;
}

page-myleaderboard .board {
  padding-top: 7px;
  padding-bottom: 7px;
  background-color: #fff;
  border: thin solid #dadada;
}

page-myleaderboard .board .ionic-image-cache-prelative {
  top: 3px;
}

page-myleaderboard .board ion-badge {
  border-radius: 12px !important;
}

page-myleaderboard .section {
  padding: 8px 15px;
  font-size: 1.6rem;
}

page-myleaderboard .section.active {
  background-color: #c79921;
  color: #fff;
  font-weight: 600;
}

page-myreports .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
}

page-myreports .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-mytasks .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
}

page-mytasks .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-mytasks .year-carrier {
  font-size: 1.6rem !important;
}

page-mytasks .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-newsletter-subscription .g-card {
  width: calc(50% - 1rem);
}

page-notifications .thin-border-top {
  border-top: thin dotted #a3a3a3;
}

page-notifications .item {
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  border: none;
}

page-notifications .item.not-read {
  background-color: #fefbfb;
}

page-notifications .item.not-read .avatar-sender:before {
  content: "";
  position: absolute;
  right: -3px;
  bottom: 0px;
  z-index: 20;
  width: 10px;
  height: 10px;
  background-color: #4aa966;
  border-radius: 50%;
  border: 2px solid #fff;
}

page-notifications .item .biggeravatar {
  width: 45px !important;
  height: 45px !important;
}

page-notifications .item .biggeravatar img {
  width: 45px;
  height: 45px;
}

page-notifications .item .message-sent {
  border: thin dotted #cccccc;
  padding: 5px;
  padding-left: 10px;
  background-color: #f5f5f5;
  margin-top: 5px;
  border-radius: 5px;
  color: #383838;
}

page-notifications .item .notification_type_icon {
  position: absolute;
  right: 0px;
  bottom: -5px;
  width: 22px;
  height: 22px;
  font-size: 15px;
}

page-notifications .item .message-text {
  margin-bottom: 2px !important;
  font-size: 1.6rem;
  color: #333333 !important;
}

page-notifications .new .font7 {
  font-size: 1.5em;
}

page-notifications .new .font6 {
  font-size: 1.3em;
}

page-notifications .new .font5 {
  font-size: 1.25em;
}

page-notifications .new .font4 {
  font-size: 1.125em;
}

page-notifications .new .font3 {
  font-size: 1.1em;
}

page-notifications .new .font2 {
  font-size: 0.875em;
}

page-notifications .new ion-label {
  margin: 0 !important;
}

page-notifications .new .underlined {
  border-bottom: thin solid #cccccc;
}

page-notifications .new .bordered {
  border: thin solid #cccccc;
  border-radius: 8px;
}

page-notifications .new img {
  width: 30px !important;
  border-radius: 50px !important;
}

page-notifications .new .message-text {
  font-size: 1.125em;
}

sidemenu-notifications .bordered {
  border: thin solid #cccccc;
  border-radius: 8px;
}

page-operation-plan-line-up .stat-result {
  position: relative;
  right: -11px;
  top: 18px;
}

page-operation-plan-line-up h3.current_display.bigger span {
  background-color: #c79921;
  border-radius: 8px;
  color: #fff;
  padding: 1px 14px;
}

page-operation-plan-line-up h3.title {
  font-size: 17px;
  padding: 10px 15px;
  margin: 15px 0px 10px 0px;
  background-color: #857c7c;
  border-radius: 14px 14px 0px 0px;
  color: #fff;
}

page-operation-plan-line-up .small-avatar-overlay {
  width: 45px;
  height: 45px;
  margin-right: -12px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
}

page-operation-plan-line-up .small-avatar-overlay.tiny {
  width: 35px;
  height: 35px;
}

page-operation-plan-line-up .small-avatar-overlay.no-border {
  border: none !important;
}

page-operation-plan-line-up .small-avatar-overlay.is_leader {
  border-color: #cfa508;
}

page-operation-plan-line-up .small-avatar-overlay.is_team_sponsor {
  border-color: #b21f2f;
}

page-product-detail .internal-services-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: large;
  width: 100%;
}

page-product-detail .internal-services-search label {
  width: 100%;
}

page-product-detail .internal-services-search .img-search {
  color: #c7c7c7;
  margin-left: -4rem;
}

page-product-detail .bazaar-product-detail .content {
  background: #fff;
}

page-product-detail .chat-user-image {
  height: 48px;
  border: 3px solid #dee2e6;
  border-radius: 10px;
  border-bottom-right-radius: 0;
}

.profilebox {
  background-color: rgba(0, 0, 0, 0.5);
}

.profilebox .modal-wrapper {
  border-radius: 10px;
  width: 335px;
  height: 360px;
  max-height: 100%;
  left: 0px !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  overflow: hidden;
}

.profilebox.tallerbox .modal-wrapper {
  height: 460px;
}

.profilebox.taller .modal-wrapper {
  height: 370px;
}

page-mydcaa-profile .font2, page-es-company-profile-details .font2, page-appraisal-summary .font2 {
  font-size: 0.875em;
}

page-mydcaa-profile .font1, page-es-company-profile-details .font1, page-appraisal-summary .font1 {
  font-size: 0.75em;
}

page-mydcaa-profile .font3, page-es-company-profile-details .font3, page-appraisal-summary .font3 {
  font-size: 1.1em;
}

page-mydcaa-profile .font4, page-es-company-profile-details .font4, page-appraisal-summary .font4 {
  font-size: 1.125em;
}

page-mydcaa-profile .font5, page-es-company-profile-details .font5, page-appraisal-summary .font5 {
  font-size: 1.25em;
}

page-mydcaa-profile .font6, page-es-company-profile-details .font6, page-appraisal-summary .font6 {
  font-size: 1.3em;
}

page-mydcaa-profile .font7, page-es-company-profile-details .font7, page-appraisal-summary .font7 {
  font-size: 1.5em;
}

page-mydcaa-profile .font8, page-es-company-profile-details .font8, page-appraisal-summary .font8 {
  font-size: 1.3em;
}

page-mydcaa-profile .font9, page-es-company-profile-details .font9, page-appraisal-summary .font9 {
  font-size: 0.9375em;
}

page-mydcaa-profile .font11, page-es-company-profile-details .font11, page-appraisal-summary .font11 {
  font-size: 1.8em;
}

page-mydcaa-profile .font18, page-es-company-profile-details .font18, page-appraisal-summary .font18 {
  font-size: 3em;
}

page-mydcaa-profile .img-circle:hover, page-es-company-profile-details .img-circle:hover, page-appraisal-summary .img-circle:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

page-mydcaa-profile .view-btn, page-es-company-profile-details .view-btn, page-appraisal-summary .view-btn {
  background-color: #e6e6e6;
  border-radius: 14px;
  opacity: 1;
  padding: 0.5rem 2rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

page-mydcaa-profile .company-associations, page-es-company-profile-details .company-associations, page-appraisal-summary .company-associations {
  width: 220px;
}

page-mydcaa-profile .call-btn, page-es-company-profile-details .call-btn, page-appraisal-summary .call-btn {
  border-radius: 5px;
  border: none;
  background-color: #007b39;
  padding: 0.5rem 1rem;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
}

page-mydcaa-profile .bottom-right-corener, page-es-company-profile-details .bottom-right-corener, page-appraisal-summary .bottom-right-corener {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.5rem;
}

page-mydcaa-profile .underline-text, page-es-company-profile-details .underline-text, page-appraisal-summary .underline-text {
  text-decoration: underline;
}

page-mydcaa-profile .profile-header, page-es-company-profile-details .profile-header, page-appraisal-summary .profile-header {
  min-height: 160px;
  width: 100%;
  opacity: 1;
  background-color: black;
  background: -webkit-gradient(linear, left top, right top, from(black), color-stop(94%, #685012));
  background: linear-gradient(90deg, black 0%, #685012 94%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0px 3rem;
}

page-mydcaa-profile .profile-header.company-profile-img, page-es-company-profile-details .profile-header.company-profile-img, page-appraisal-summary .profile-header.company-profile-img {
  background-image: url("../assets/images/mydcaa/card-header.png");
  background-size: cover;
}

page-mydcaa-profile .profile-header *, page-es-company-profile-details .profile-header *, page-appraisal-summary .profile-header * {
  z-index: 1;
}

page-mydcaa-profile .profile-header:before, page-es-company-profile-details .profile-header:before, page-appraisal-summary .profile-header:before {
  content: "";
  background-image: url("../assets/images/mydcaa/PatternRegular.svg");
  background-size: cover;
  width: 100%;
  position: absolute;
  height: calc(100% - 40px);
  left: 0;
  top: 0;
  opacity: 0.2;
  z-index: 0;
}

page-mydcaa-profile .profile-header .profile, page-es-company-profile-details .profile-header .profile, page-appraisal-summary .profile-header .profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}

page-mydcaa-profile .profile-header .profile .user-img, page-es-company-profile-details .profile-header .profile .user-img, page-appraisal-summary .profile-header .profile .user-img {
  position: relative;
}

page-mydcaa-profile .profile-header .profile .user-img img, page-es-company-profile-details .profile-header .profile .user-img img, page-appraisal-summary .profile-header .profile .user-img img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-mydcaa-profile .profile-header .profile .profile-img, page-es-company-profile-details .profile-header .profile .profile-img, page-appraisal-summary .profile-header .profile .profile-img {
  position: relative;
}

page-mydcaa-profile .profile-header .profile .profile-img img, page-es-company-profile-details .profile-header .profile .profile-img img, page-appraisal-summary .profile-header .profile .profile-img img {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  border: 4px solid white;
  -o-object-fit: cover;
  object-fit: cover;
}

page-mydcaa-profile .profile-header .profile .profile-img .img-edit-btn, page-es-company-profile-details .profile-header .profile .profile-img .img-edit-btn, page-appraisal-summary .profile-header .profile .profile-img .img-edit-btn {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  padding: 0.5rem;
  border-radius: 50%;
  background: #c79921;
}

page-mydcaa-profile .profile-header .profile .profile-img .status-indecator, page-es-company-profile-details .profile-header .profile .profile-img .status-indecator, page-appraisal-summary .profile-header .profile .profile-img .status-indecator {
  content: "";
  height: 15px;
  width: 15px;
  border: 3px solid white;
  border-radius: 50%;
  position: absolute;
  top: 1rem;
  right: 2px;
}

page-mydcaa-profile .profile-header .profile .profile-img .status-indecator.green, page-es-company-profile-details .profile-header .profile .profile-img .status-indecator.green, page-appraisal-summary .profile-header .profile .profile-img .status-indecator.green {
  background-color: green;
}

page-mydcaa-profile .profile-header .profile .profile-img .status-indecator.red, page-es-company-profile-details .profile-header .profile .profile-img .status-indecator.red, page-appraisal-summary .profile-header .profile .profile-img .status-indecator.red {
  background-color: red;
}

page-mydcaa-profile .profile-header .profile .profile-img .status-indecator.yellow, page-es-company-profile-details .profile-header .profile .profile-img .status-indecator.yellow, page-appraisal-summary .profile-header .profile .profile-img .status-indecator.yellow {
  background-color: yellow;
}

page-mydcaa-profile .profile-header .profile .profile-info, page-es-company-profile-details .profile-header .profile .profile-info, page-appraisal-summary .profile-header .profile .profile-info {
  text-align: start;
}

page-mydcaa-profile .profile-header .profile .profile-info .title, page-es-company-profile-details .profile-header .profile .profile-info .title, page-appraisal-summary .profile-header .profile .profile-info .title {
  color: white;
}

page-mydcaa-profile .profile-header .profile .profile-info .name, page-es-company-profile-details .profile-header .profile .profile-info .name, page-appraisal-summary .profile-header .profile .profile-info .name {
  font-weight: 600;
  color: white;
}

page-mydcaa-profile .organization,
page-mydcaa-profile .delegateTo, page-es-company-profile-details .organization,
page-es-company-profile-details .delegateTo, page-appraisal-summary .organization,
page-appraisal-summary .delegateTo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

page-mydcaa-profile .organization .background-line,
page-mydcaa-profile .delegateTo .background-line, page-es-company-profile-details .organization .background-line,
page-es-company-profile-details .delegateTo .background-line, page-appraisal-summary .organization .background-line,
page-appraisal-summary .delegateTo .background-line {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  left: 0;
  z-index: -1;
}

page-mydcaa-profile .organization .background-line svg,
page-mydcaa-profile .delegateTo .background-line svg, page-es-company-profile-details .organization .background-line svg,
page-es-company-profile-details .delegateTo .background-line svg, page-appraisal-summary .organization .background-line svg,
page-appraisal-summary .delegateTo .background-line svg {
  width: 1px;
  height: 100%;
}

page-mydcaa-profile .organization .background-line svg .cls-1,
page-mydcaa-profile .delegateTo .background-line svg .cls-1, page-es-company-profile-details .organization .background-line svg .cls-1,
page-es-company-profile-details .delegateTo .background-line svg .cls-1, page-appraisal-summary .organization .background-line svg .cls-1,
page-appraisal-summary .delegateTo .background-line svg .cls-1 {
  fill: none;
  stroke: #c7c7c7;
}

page-mydcaa-profile .organization .manager,
page-mydcaa-profile .delegateTo .manager, page-es-company-profile-details .organization .manager,
page-es-company-profile-details .delegateTo .manager, page-appraisal-summary .organization .manager,
page-appraisal-summary .delegateTo .manager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}

page-mydcaa-profile .organization .manager .profiles,
page-mydcaa-profile .delegateTo .manager .profiles, page-es-company-profile-details .organization .manager .profiles,
page-es-company-profile-details .delegateTo .manager .profiles, page-appraisal-summary .organization .manager .profiles,
page-appraisal-summary .delegateTo .manager .profiles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

page-mydcaa-profile .organization .directReporter,
page-mydcaa-profile .organization .colleagues,
page-mydcaa-profile .delegateTo .directReporter,
page-mydcaa-profile .delegateTo .colleagues, page-es-company-profile-details .organization .directReporter,
page-es-company-profile-details .organization .colleagues,
page-es-company-profile-details .delegateTo .directReporter,
page-es-company-profile-details .delegateTo .colleagues, page-appraisal-summary .organization .directReporter,
page-appraisal-summary .organization .colleagues,
page-appraisal-summary .delegateTo .directReporter,
page-appraisal-summary .delegateTo .colleagues {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  width: -moz-available;
  width: fill-available;
  width: -webkit-fill-available;
}

page-mydcaa-profile .organization .directReporter .profiles,
page-mydcaa-profile .organization .colleagues .profiles,
page-mydcaa-profile .delegateTo .directReporter .profiles,
page-mydcaa-profile .delegateTo .colleagues .profiles, page-es-company-profile-details .organization .directReporter .profiles,
page-es-company-profile-details .organization .colleagues .profiles,
page-es-company-profile-details .delegateTo .directReporter .profiles,
page-es-company-profile-details .delegateTo .colleagues .profiles, page-appraisal-summary .organization .directReporter .profiles,
page-appraisal-summary .organization .colleagues .profiles,
page-appraisal-summary .delegateTo .directReporter .profiles,
page-appraisal-summary .delegateTo .colleagues .profiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, 15rem);
  width: -moz-available;
  width: fill-available;
  width: -webkit-fill-available;
  gap: 0.5rem;
  height: -webkit-fill-available;
}

page-mydcaa-profile .organization .directReporter .profiles.wide,
page-mydcaa-profile .organization .colleagues .profiles.wide,
page-mydcaa-profile .delegateTo .directReporter .profiles.wide,
page-mydcaa-profile .delegateTo .colleagues .profiles.wide, page-es-company-profile-details .organization .directReporter .profiles.wide,
page-es-company-profile-details .organization .colleagues .profiles.wide,
page-es-company-profile-details .delegateTo .directReporter .profiles.wide,
page-es-company-profile-details .delegateTo .colleagues .profiles.wide, page-appraisal-summary .organization .directReporter .profiles.wide,
page-appraisal-summary .organization .colleagues .profiles.wide,
page-appraisal-summary .delegateTo .directReporter .profiles.wide,
page-appraisal-summary .delegateTo .colleagues .profiles.wide {
  grid-template-columns: repeat(auto-fit, 30rem);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-mydcaa-profile .organization .directReporter .profiles.wide .profile,
page-mydcaa-profile .organization .colleagues .profiles.wide .profile,
page-mydcaa-profile .delegateTo .directReporter .profiles.wide .profile,
page-mydcaa-profile .delegateTo .colleagues .profiles.wide .profile, page-es-company-profile-details .organization .directReporter .profiles.wide .profile,
page-es-company-profile-details .organization .colleagues .profiles.wide .profile,
page-es-company-profile-details .delegateTo .directReporter .profiles.wide .profile,
page-es-company-profile-details .delegateTo .colleagues .profiles.wide .profile, page-appraisal-summary .organization .directReporter .profiles.wide .profile,
page-appraisal-summary .organization .colleagues .profiles.wide .profile,
page-appraisal-summary .delegateTo .directReporter .profiles.wide .profile,
page-appraisal-summary .delegateTo .colleagues .profiles.wide .profile {
  width: 30rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

page-mydcaa-profile .organization .directReporter .profiles.wide .profile .profile-details,
page-mydcaa-profile .organization .colleagues .profiles.wide .profile .profile-details,
page-mydcaa-profile .delegateTo .directReporter .profiles.wide .profile .profile-details,
page-mydcaa-profile .delegateTo .colleagues .profiles.wide .profile .profile-details, page-es-company-profile-details .organization .directReporter .profiles.wide .profile .profile-details,
page-es-company-profile-details .organization .colleagues .profiles.wide .profile .profile-details,
page-es-company-profile-details .delegateTo .directReporter .profiles.wide .profile .profile-details,
page-es-company-profile-details .delegateTo .colleagues .profiles.wide .profile .profile-details, page-appraisal-summary .organization .directReporter .profiles.wide .profile .profile-details,
page-appraisal-summary .organization .colleagues .profiles.wide .profile .profile-details,
page-appraisal-summary .delegateTo .directReporter .profiles.wide .profile .profile-details,
page-appraisal-summary .delegateTo .colleagues .profiles.wide .profile .profile-details {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

page-mydcaa-profile .organization .profiles.wide,
page-mydcaa-profile .delegateTo .profiles.wide, page-es-company-profile-details .organization .profiles.wide,
page-es-company-profile-details .delegateTo .profiles.wide, page-appraisal-summary .organization .profiles.wide,
page-appraisal-summary .delegateTo .profiles.wide {
  grid-template-columns: repeat(auto-fit, 30rem);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-mydcaa-profile .organization .profiles.wide .profile,
page-mydcaa-profile .delegateTo .profiles.wide .profile, page-es-company-profile-details .organization .profiles.wide .profile,
page-es-company-profile-details .delegateTo .profiles.wide .profile, page-appraisal-summary .organization .profiles.wide .profile,
page-appraisal-summary .delegateTo .profiles.wide .profile {
  width: 30rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

page-mydcaa-profile .organization .profiles.wide .profile .profile-details,
page-mydcaa-profile .delegateTo .profiles.wide .profile .profile-details, page-es-company-profile-details .organization .profiles.wide .profile .profile-details,
page-es-company-profile-details .delegateTo .profiles.wide .profile .profile-details, page-appraisal-summary .organization .profiles.wide .profile .profile-details,
page-appraisal-summary .delegateTo .profiles.wide .profile .profile-details {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

page-mydcaa-profile .organization .profile,
page-mydcaa-profile .delegateTo .profile, page-es-company-profile-details .organization .profile,
page-es-company-profile-details .delegateTo .profile, page-appraisal-summary .organization .profile,
page-appraisal-summary .delegateTo .profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1rem;
  width: 15rem;
  height: 100%;
  -webkit-transition: -webkit-transform 100ms linear;
  transition: -webkit-transform 100ms linear;
  transition: transform 100ms linear;
  transition: transform 100ms linear, -webkit-transform 100ms linear;
}

page-mydcaa-profile .organization .profile:hover,
page-mydcaa-profile .delegateTo .profile:hover, page-es-company-profile-details .organization .profile:hover,
page-es-company-profile-details .delegateTo .profile:hover, page-appraisal-summary .organization .profile:hover,
page-appraisal-summary .delegateTo .profile:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

page-mydcaa-profile .organization .profile .profile-image,
page-mydcaa-profile .delegateTo .profile .profile-image, page-es-company-profile-details .organization .profile .profile-image,
page-es-company-profile-details .delegateTo .profile .profile-image, page-appraisal-summary .organization .profile .profile-image,
page-appraisal-summary .delegateTo .profile .profile-image {
  height: 75px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-mydcaa-profile .organization .profile .profile-image img,
page-mydcaa-profile .delegateTo .profile .profile-image img, page-es-company-profile-details .organization .profile .profile-image img,
page-es-company-profile-details .delegateTo .profile .profile-image img, page-appraisal-summary .organization .profile .profile-image img,
page-appraisal-summary .delegateTo .profile .profile-image img {
  height: 60px;
  width: 60px;
  min-width: 60px;
  border: 1px solid #c7c7c7;
}

page-mydcaa-profile .organization .profile .profile-details.alignleft,
page-mydcaa-profile .delegateTo .profile .profile-details.alignleft, page-es-company-profile-details .organization .profile .profile-details.alignleft,
page-es-company-profile-details .delegateTo .profile .profile-details.alignleft, page-appraisal-summary .organization .profile .profile-details.alignleft,
page-appraisal-summary .delegateTo .profile .profile-details.alignleft {
  text-align: left;
}

page-mydcaa-profile .organization .profile .full-height,
page-mydcaa-profile .delegateTo .profile .full-height, page-es-company-profile-details .organization .profile .full-height,
page-es-company-profile-details .delegateTo .profile .full-height, page-appraisal-summary .organization .profile .full-height,
page-appraisal-summary .delegateTo .profile .full-height {
  height: 100%;
}

page-mydcaa-profile .organization .profiles-container,
page-mydcaa-profile .delegateTo .profiles-container, page-es-company-profile-details .organization .profiles-container,
page-es-company-profile-details .delegateTo .profiles-container, page-appraisal-summary .organization .profiles-container,
page-appraisal-summary .delegateTo .profiles-container {
  border: 2px solid #c7c7c7;
  border-radius: 10px;
  padding: 2rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}

page-mydcaa-profile .emails, page-es-company-profile-details .emails, page-appraisal-summary .emails {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  border-right: 1px solid #c7c7c7;
}

page-mydcaa-profile .emails.gird, page-es-company-profile-details .emails.gird, page-appraisal-summary .emails.gird {
  display: grid;
  grid-template-columns: repeat(auto-fit, calc(50% - 0.5rem));
  gap: 1rem;
  border-right: none;
}

page-mydcaa-profile .emails .email-card:not(.noAnimate), page-es-company-profile-details .emails .email-card:not(.noAnimate), page-appraisal-summary .emails .email-card:not(.noAnimate) {
  -webkit-transition: -webkit-transform 100ms linear;
  transition: -webkit-transform 100ms linear;
  transition: transform 100ms linear;
  transition: transform 100ms linear, -webkit-transform 100ms linear;
}

page-mydcaa-profile .emails .email-card:not(.noAnimate):hover, page-es-company-profile-details .emails .email-card:not(.noAnimate):hover, page-appraisal-summary .emails .email-card:not(.noAnimate):hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

page-mydcaa-profile .emails .email-card.form-card, page-es-company-profile-details .emails .email-card.form-card, page-appraisal-summary .emails .email-card.form-card {
  border: thin solid #dadada !important;
}

page-mydcaa-profile .emails .email-card img, page-es-company-profile-details .emails .email-card img, page-appraisal-summary .emails .email-card img {
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
}

page-mydcaa-profile .email-attachments, page-es-company-profile-details .email-attachments, page-appraisal-summary .email-attachments {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}

page-mydcaa-profile .email-attachments .attachment, page-es-company-profile-details .email-attachments .attachment, page-appraisal-summary .email-attachments .attachment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  -webkit-transition: -webkit-transform 100ms linear;
  transition: -webkit-transform 100ms linear;
  transition: transform 100ms linear;
  transition: transform 100ms linear, -webkit-transform 100ms linear;
}

page-mydcaa-profile .email-attachments .attachment:hover, page-es-company-profile-details .email-attachments .attachment:hover, page-appraisal-summary .email-attachments .attachment:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

page-mydcaa-profile .email-attachments .attachment img, page-es-company-profile-details .email-attachments .attachment img, page-appraisal-summary .email-attachments .attachment img {
  height: 30px;
}

page-mydcaa-profile .memberships, page-es-company-profile-details .memberships, page-appraisal-summary .memberships {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

page-mydcaa-profile .memberships .membership-card, page-es-company-profile-details .memberships .membership-card, page-appraisal-summary .memberships .membership-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  background-color: #fff;
  width: calc(50% - 0.5rem);
  border-radius: 14px;
}

page-mydcaa-profile .memberships .membership-card .card-image img, page-es-company-profile-details .memberships .membership-card .card-image img, page-appraisal-summary .memberships .membership-card .card-image img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: thin solid #000;
}

page-mydcaa-profile .nav, page-es-company-profile-details .nav, page-appraisal-summary .nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  width: 100%;
  background-color: #fff;
}

page-mydcaa-profile .nav .item, page-es-company-profile-details .nav .item, page-appraisal-summary .nav .item {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 2px solid transparent;
  padding: 0 10px;
  font-size: 15px;
}

page-mydcaa-profile .nav .item:hover, page-mydcaa-profile .nav .item.active, page-es-company-profile-details .nav .item:hover, page-es-company-profile-details .nav .item.active, page-appraisal-summary .nav .item:hover, page-appraisal-summary .nav .item.active {
  border-bottom: 2px solid #d23737;
}

page-mydcaa-profile .content, page-es-company-profile-details .content, page-appraisal-summary .content {
  width: 100%;
  background-color: #f2f2f2;
}

page-mydcaa-profile .contact, page-es-company-profile-details .contact, page-appraisal-summary .contact {
  display: grid;
  grid-template-columns: repeat(auto-fit, 235px);
  gap: 1rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-mydcaa-profile .contact .info-card, page-es-company-profile-details .contact .info-card, page-appraisal-summary .contact .info-card {
  min-width: 235px;
  padding: 1rem;
  background-color: white;
  border-radius: 10px;
}

.companyProfileBox {
  background-color: rgba(0, 0, 0, 0.5);
}

.companyProfileBox .close-badge {
  position: absolute;
  right: 1rem;
  top: 1.5rem;
}

.companyProfileBox .modal-wrapper {
  border-radius: 10px !important;
  height: 800px;
  width: 80% !important;
  max-height: 100%;
  max-width: 100%;
  left: 0px !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  overflow: hidden;
}

.companyProfileBox.tallerbox .modal-wrapper {
  height: 460px;
}

.companyProfileBox.taller .modal-wrapper {
  height: 370px;
}

.companyProfileBox .tooltip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mydcaaprofilebox {
  background-color: rgba(0, 0, 0, 0.5);
}

.mydcaaprofilebox .close-badge {
  position: absolute;
  right: 1rem;
  top: 1.5rem;
}

.mydcaaprofilebox .modal-wrapper {
  border-radius: 10px;
  width: 800px;
  height: 800px;
  max-height: 90%;
  max-width: 90%;
  left: 0px !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  overflow: hidden;
}

.mydcaaprofilebox.tallerbox .modal-wrapper {
  height: 460px;
}

.mydcaaprofilebox.taller .modal-wrapper {
  height: 370px;
}

.mydcaaprofilebox .tooltip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-progress-radial .progress-dimension {
  width: 150px;
  height: 150px;
}

page-progress-radial .progress-dimension .progress-text-status {
  height: 40px;
  color: #fff;
  font-weight: 300;
  font-size: 3.1rem;
  text-align: center;
}

page-progress-radial circle-progress text tspan {
  font-weight: 300 !important;
}

page-propose-new-time .round-back-area {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  background-color: #b21f2f;
  z-index: 40;
}

page-propose-new-time .round-back-area ion-icon {
  font-size: 2.8rem;
}

page-propose-new-time ion-title {
  color: #000;
}

page-propose-new-time .create-button {
  padding: 0.5em 1em !important;
  font-size: 1.8rem;
  border-radius: 7px !important;
}

page-propose-new-time .col-50 {
  width: 50%;
}

page-publish-evaluation .small-avatar-overlay {
  width: 35px;
  height: 35px;
  margin-right: -12px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
}

page-publish-evaluation .small-avatar-overlay.no-border {
  border: none !important;
}

page-publish-evaluation .small-avatar-overlay.is_leader {
  border-color: #cfa508;
}

page-publish-evaluation .small-avatar-overlay.is_team_sponsor {
  border-color: #b21f2f;
}

page-publish-new-appraisal .black-text {
  color: #383838;
  font-size: 16px;
}

page-publish-new-appraisal .assigned_title {
  margin: 0px;
  margin-bottom: 4px;
  margin-top: 10px;
  font-weight: 800;
}

page-publish-new-appraisal .small-avatar-overlay {
  width: 45px;
  height: 45px;
  margin-right: -12px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
}

page-publish-new-appraisal .small-avatar-overlay.tiny {
  width: 35px;
  height: 35px;
}

page-publish-new-appraisal .small-avatar-overlay.no-border {
  border: none !important;
}

page-publish-new-appraisal .small-avatar-overlay.is_leader {
  border-color: #cfa508;
}

page-publish-new-appraisal .small-avatar-overlay.is_team_sponsor {
  border-color: #b21f2f;
}

page-publish-new-appraisal .year-and-option {
  min-height: 55px;
  height: auto;
  max-height: 150px;
}

page-publish-new-competency .black-text {
  color: #383838;
  font-size: 16px;
}

page-publish-new-competency .assigned_title {
  margin: 0px;
  margin-bottom: 4px;
  margin-top: 10px;
  font-weight: 800;
}

page-publish-new-competency .small-avatar-overlay {
  width: 45px;
  height: 45px;
  margin-right: -12px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
}

page-publish-new-competency .small-avatar-overlay.tiny {
  width: 35px;
  height: 35px;
}

page-publish-new-competency .small-avatar-overlay.no-border {
  border: none !important;
}

page-publish-new-competency .small-avatar-overlay.is_leader {
  border-color: #cfa508;
}

page-publish-new-competency .year-and-option {
  height: auto;
}

page-published-employee-competency-pg h3.current_display.bigger span {
  background-color: #c79921;
  border-radius: 8px;
  color: #fff;
  padding: 1px 14px;
}

page-published-employee-competency-pg .small-avatar-overlay {
  width: 45px;
  height: 45px;
  margin-right: -12px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
}

page-published-employee-competency-pg .small-avatar-overlay.tiny {
  width: 35px;
  height: 35px;
}

page-published-employee-competency-pg .small-avatar-overlay.no-border {
  border: none !important;
}

page-published-employee-competency-pg .small-avatar-overlay.is_leader {
  border-color: #cfa508;
}

page-published-employee-competency-pg .small-avatar-overlay.is_team_sponsor {
  border-color: #b21f2f;
}

page-published-evaluation-info .meta p {
  font-size: 3em;
  font-weight: 100 !important;
}

page-rate-modal .reasonText {
  border: none;
  width: 100%;
  padding: 7px 13px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
  background-color: transparent;
  min-height: 80px;
}

page-rate-modal .reasonText.invalid {
  border: thin dotted #ec322a;
}

page-rate-modal .reasonText::-webkit-input-placeholder {
  font-size: 14px;
}

page-rate-modal .reasonText::-moz-placeholder {
  font-size: 14px;
}

page-rate-modal .reasonText::-ms-input-placeholder {
  font-size: 14px;
}

page-rate-modal .reasonText::placeholder {
  font-size: 14px;
}

page-rate-modal .textarea-back {
  background-color: #f2f2f2;
}

.max100 {
  max-width: 100%;
}

.rating-modal .modal-wrapper {
  width: 400px;
  height: 450px;
  border-radius: 10px;
  overflow: hidden;
}

.rating-modal .modal-wrapper .position-btn-bottom {
  position: relative;
  bottom: -12px;
}

.report-preview {
  background-color: rgba(0, 0, 0, 0.5);
}

.report-preview .modal-wrapper {
  width: 350px;
  height: 350px;
  left: 0px !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  border-radius: 10px !important;
}

.report-preview.add1 .modal-wrapper {
  height: 400px;
}

.report-preview.add2 .modal-wrapper {
  height: 450px;
}

.report-preview.add3 .modal-wrapper {
  width: 100%;
  height: 100%;
}

page-reportslist ion-list.with-line, page-aviation-environment-dashboard ion-list.with-line {
  max-width: 720px;
  margin: 0 auto !important;
  width: 100%;
  display: table;
}

page-reportslist button.button.view, page-aviation-environment-dashboard button.button.view {
  display: table;
}

page-reportslist .with-line ion-item, page-aviation-environment-dashboard .with-line ion-item {
  border: 1px solid #dbdada !important;
  border-radius: 8px;
  width: 100%;
  text-align: left;
  padding: 0;
  padding-left: 8px !important;
  margin-bottom: 12px !important;
  cursor: pointer;
}

page-reportslist .with-line ion-item.item:first-child, page-aviation-environment-dashboard .with-line ion-item.item:first-child {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

page-reportslist ion-list.with-line ion-icon.arrow, page-aviation-environment-dashboard ion-list.with-line ion-icon.arrow {
  position: absolute;
  right: 28px;
  font-size: 20px;
  top: 40%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

page-reportslist .main-block, page-aviation-environment-dashboard .main-block {
  padding-top: 45px;
}

page-reportslist .with-line ion-item:hover ion-icon.arrow, page-aviation-environment-dashboard .with-line ion-item:hover ion-icon.arrow {
  right: 20px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

page-reportslist .with-line ion-thumbnail, page-aviation-environment-dashboard .with-line ion-thumbnail {
  background-color: #e9e9e9;
  width: 70px;
  padding: 10px;
  border-radius: 5px;
  position: relative;
}

page-reportslist .main-block.display-flex, page-aviation-environment-dashboard .main-block.display-flex {
  display: table;
  width: 100%;
  margin: 0 !important;
  padding-top: 10px;
}

page-reportslist .main-block.display-flex ion-item, page-aviation-environment-dashboard .main-block.display-flex ion-item {
  width: 49%;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
}

page-reportslist .main-block.display-flex ion-list.with-line, page-aviation-environment-dashboard .main-block.display-flex ion-list.with-line {
  max-width: 80%;
  margin: 0 auto !important;
  width: 100%;
  display: table;
}

page-reportslist .with-line ion-thumbnail .big-icon, page-aviation-environment-dashboard .with-line ion-thumbnail .big-icon {
  font-size: 2em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  text-align: center;
  color: #c79921;
}

page-reportslist ion-content.back-left-red-stripe.padding-set.content ion-row.row, page-aviation-environment-dashboard ion-content.back-left-red-stripe.padding-set.content ion-row.row {
  margin: 0;
}

page-reportslist .with-line span, page-aviation-environment-dashboard .with-line span {
  text-transform: uppercase;
  font-weight: 500;
}

page-reportslist .with-line ion-label, page-aviation-environment-dashboard .with-line ion-label {
  text-overflow: ellipsis;
  white-space: normal;
  padding-right: 30px;
  line-height: 21px;
}

page-reportslist .icon-wrapper.tablet-above, page-aviation-environment-dashboard .icon-wrapper.tablet-above {
  width: 50px;
  float: right;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

page-reportslist .match-column, page-aviation-environment-dashboard .match-column {
  min-height: 60px;
  height: 100%;
}

page-reportslist .small-col-width, page-aviation-environment-dashboard .small-col-width {
  max-width: 70px;
}

page-reportslist .seperator-col, page-aviation-environment-dashboard .seperator-col {
  min-height: 20px;
}

page-reportslist .border-under, page-aviation-environment-dashboard .border-under {
  border-bottom: 1px dotted #f1ced3;
}

page-reportslist h4, page-aviation-environment-dashboard h4 {
  font-size: 1.6rem;
}

page-reportslist .back-left-red-stripe:not(.lessRed), page-aviation-environment-dashboard .back-left-red-stripe:not(.lessRed) {
  background-image: linear-gradient(to right, #b21f2f 70px, #f2f2f2 40px);
}

page-reportslist ion-content.back-left-red-stripe.padding-set, page-aviation-environment-dashboard ion-content.back-left-red-stripe.padding-set {
  background-color: #f2f2f2;
  background-image: none;
}

page-reportslist .lessRed ion-col.primary-back-color, page-aviation-environment-dashboard .lessRed ion-col.primary-back-color {
  background-color: #f2f2f2;
}

page-reportslist .lessRed ion-col.primary-back-color ion-icon, page-aviation-environment-dashboard .lessRed ion-col.primary-back-color ion-icon {
  color: #d9ad08;
}

page-reportslist .lessRed .title-col h4, page-aviation-environment-dashboard .lessRed .title-col h4 {
  color: #636262 !important;
}

@media screen and (max-width: 1700px) {
  page-reportslist .main-block.display-flex ion-list.with-line, page-aviation-environment-dashboard .main-block.display-flex ion-list.with-line {
    max-width: 95%;
  }
  page-reportslist .main-block.display-flex ion-item, page-aviation-environment-dashboard .main-block.display-flex ion-item {
    width: 49%;
  }
}

@media screen and (max-width: 1625px) {
  page-reportslist .main-block.display-flex ion-item, page-aviation-environment-dashboard .main-block.display-flex ion-item {
    width: 48.5%;
  }
}

@media screen and (max-width: 1400px) {
  page-reportslist .main-block.display-flex ion-item, page-aviation-environment-dashboard .main-block.display-flex ion-item {
    width: 48%;
  }
}

@media screen and (max-width: 1300px) {
  page-reportslist .icon-wrapper.tablet-above, page-aviation-environment-dashboard .icon-wrapper.tablet-above {
    display: none;
  }
}

[dir="rtl"] page-reportslist .back-left-red-stripe:not(.lessRed) {
  background-image: linear-gradient(to left, #b21f2f 70px, #f2f2f2 40px);
}

page-contacts-feedback .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
}

page-contacts-feedback .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-contacts-feedback .year-carrier {
  font-size: 1.6rem !important;
}

page-contacts-feedback .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-create-inspection .text-primary {
  color: #b21f2f;
}

page-create-inspection .add-inspector {
  z-index: 100;
  margin-right: -12px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  position: relative;
}

page-create-inspection .view-all-placeholder {
  position: absolute;
  width: 100%;
}

page-create-inspection .view-all {
  position: absolute;
  background-color: #fff !important;
  color: #000 !important;
  display: block;
  padding: 1rem;
  -webkit-box-shadow: 0 0 2px 1px #00000038;
  box-shadow: 0 0 2px 1px #00000038;
  border-radius: 8px;
  row-gap: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  z-index: 10;
  width: 250px;
  max-height: 140px;
  overflow-y: auto;
  max-width: 100%;
  right: 10%;
}

page-create-inspection .view-all .name {
  width: 200px;
}

page-create-inspection .font12 {
  font-size: 1.2em;
}

page-es-airline-associations-details .exception-button {
  width: 50%;
  margin: auto !important;
  margin-top: 15px !important;
  border-radius: 5px !important;
}

page-es-company-profile-details .exception-button {
  width: 50%;
  margin: auto !important;
  margin-top: 15px !important;
  border-radius: 5px !important;
}

page-es-company-profile-details .datahide {
  display: none;
}

page-es-company-profile-details .headerExtra {
  min-height: auto;
  color: #fff;
  border-radius: 1rem;
}

page-es-company-profile-details .activeBadge {
  padding: 0 0.5rem;
  border-radius: 2rem;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

page-es-company-profile-details .activeBadge.active {
  color: #fff;
  border: 1px solid #fff;
}

page-es-company-profile-details .activeBadge.activeGray {
  color: #8f9296;
  border: 1px solid #8f9296;
}

page-es-company-profile-details .activeBadge.deepGreen {
  color: #008E74;
  border: 1px solid #008E74;
}

page-es-company-profile-details .activeBadge.red {
  color: #b21f2f;
  border: 1px solid #b21f2f;
}

page-es-company-profile-details .activeBadge.whiteRed {
  color: #b21f2f;
  border: 1px solid #fff;
}

page-es-company-profile-details .activeBadge span {
  font-size: 1.1rem;
}

page-es-company-profile-details .deepGreen {
  color: #008E74;
}

page-es-company-profile-details .sub-font-size {
  font-size: 2rem !important;
}

page-es-company-profile-details .datashow {
  display: block;
}

page-es-company-profile-details .header-icons .tooltip {
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

page-es-company-profile-details .header-icons .tooltip.Call-Btn {
  background: #4aa966;
}

page-es-company-profile-details .multilineSegment {
  background: transparent;
  border-radius: 0px;
  height: 68px;
  z-index: 14;
}

page-es-company-profile-details .multilineSegment ion-segment-button {
  background: #fff !important;
  padding: 10px !important;
  border-radius: 5px !important;
  height: 7rem !important;
}

page-es-company-profile-details .multilineSegment ion-segment-button ion-icon {
  color: #8f9296 !important;
}

page-es-company-profile-details .multilineSegment ion-segment-button.segment-activated {
  border-bottom: 2px solid #c79921;
  border-radius: 0px;
  border-color: #c79921 !important;
  position: relative;
}

page-es-company-profile-details .multilineSegment ion-segment-button.segment-activated::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 28px;
  height: 8px;
  background: #c79921;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  border-radius: 0;
  opacity: 1;
  z-index: 10;
}

page-es-company-profile-details .notch {
  height: 11px;
  position: absolute;
  bottom: -1px;
  background: #000;
  width: 100%;
  z-index: 12;
}

page-es-company-profile-details ion-header .toolbar {
  min-height: 284px;
}

page-es-company-profile-details ion-header .searchbar-input-container {
  max-width: 1200px !important;
  width: 95% !important;
  margin: 0 auto;
}

page-es-company-profile-details ion-header .display-flex.no-wrap {
  display: table;
  width: 100%;
}

page-es-company-profile-details .ion-md-close {
  position: absolute;
  color: #fff;
  z-index: 9999;
  right: 20px;
  font-size: 4rem;
  top: 5px;
  cursor: pointer;
}

page-es-company-profile-details .new-ion-content {
  border-radius: 0 !important;
  top: 160px !important;
}

page-es-company-profile-details .greenBorder {
  border: 3px solid #008E74;
}

page-es-company-profile-details .icon-container {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  padding: 10px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-es-company-profile-details .icon-container.deepGreen {
  background-color: #008e7424;
}

page-es-company-profile-details .icon-container.gold {
  background-color: #c799213b;
}

page-es-company-profile-details .icon-container.deepGreenBg {
  background-color: #008E74;
  color: #fff;
}

page-es-company-profile-details .icon-container.primaryCircle {
  background-color: #b21f2f3b;
  color: #d23737;
}

page-es-company-profile-details .icon-container.primaryCircle {
  background-color: #b21f2f3b;
  color: #d23737;
}

page-es-company-profile-details .icon-container.whiteYellow {
  background-color: #fff;
  color: #c79921;
  -webkit-box-shadow: 0px 1px 1px #e6e6e6;
  box-shadow: 0px 1px 1px #e6e6e6;
  border-radius: 50%;
  -webkit-transition: all .35s;
  transition: all .35s;
}

page-es-company-profile-details .icon-container.whiteBg {
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 1px #e6e6e6;
  box-shadow: 0px 1px 1px #e6e6e6;
}

page-es-company-profile-details .border-top {
  border-top: thin solid #b1b7c129;
}

page-es-company-profile-details .InspectionContent {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

page-es-company-profile-details .InspectionContent.show-content {
  display: block;
  opacity: 1;
}

page-es-company-profile-details .vioBadge {
  padding: 0 0.5rem;
  border-radius: 2rem;
  -webkit-transition: left 0.3s ease, opacity 0.3s ease;
  transition: left 0.3s ease, opacity 0.3s ease;
  -webkit-box-shadow: 0px 1px 1px #e6e6e6;
  box-shadow: 0px 1px 1px #e6e6e6;
  opacity: 0;
  visibility: hidden;
  position: relative;
}

page-es-company-profile-details .vioBadge.selected {
  background: #b21f2f !important;
  color: #fff !important;
}

page-es-company-profile-details .vioBadge.violation {
  color: #b21f2f;
  background: #fff;
  left: 113px;
}

page-es-company-profile-details .vioBadge.report {
  color: #c79921;
  background: #fff;
  left: -23px;
}

page-es-company-profile-details .vioBadge.selectedReports {
  background: #c79921;
  color: #fff;
}

page-es-company-profile-details .vioBadge.show-vio-badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  visibility: visible;
  left: 110px;
}

page-es-company-profile-details .vioBadge.show-report-badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  visibility: visible;
  left: -10px;
}

page-es-company-profile-details .vioIconLeft {
  left: -11px !important;
}

page-es-company-profile-details .reportIcon {
  position: relative;
  left: -19px;
}

page-es-company-profile-details .vioIcon {
  position: relative;
  left: 97px;
}

page-es-company-profile-details .progress-container {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: gray;
  overflow: hidden;
}

page-es-company-profile-details .progress {
  position: absolute;
  width: 100%;
  height: 100%;
  background: conic-gradient(green 0% 25%, gray 25% 100%);
}

page-es-company-profile-details .rotateAnimate {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

page-es-company-profile-details .fit-content {
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

page-es-company-profile-details .text-deepGreen {
  color: #008E74;
}

page-es-company-profile-details .text-blue {
  color: #5c80ae;
}

page-es-company-profile-details .items-font {
  font-size: 1.6rem;
}

page-es-company-profile-details .ml-space {
  margin-left: 40px !important;
}

page-es-company-profile-details .extra-shadow {
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

page-es-company-profile-details .label-spacing {
  line-height: 14px;
}

page-es-company-profile-details .serviceTitle {
  width: 400px;
}

page-es-company-profile-details .bg-falcon {
  background-image: url(../assets/images/alert/falcon.svg) !important;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
}

page-es-company-profile-details .counter {
  border: thin solid #008E74;
  border-radius: 50%;
  font-size: 1.6rem;
  color: #008E74;
  font-weight: bold;
  background: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.5rem;
  min-width: 35px;
  min-height: 35px;
  line-height: 1;
  white-space: nowrap;
}

page-es-company-profile-details .counter.yellow {
  border: thin solid #c79921;
  color: #c79921;
}

page-es-company-profile-details .profile-content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 78%;
  -ms-flex: 0 0 78%;
  flex: 0 0 78%;
  margin-top: -1px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

page-es-company-profile-details .prof-scroll-content {
  overflow-x: hidden;
  /* Allows horizontal scrolling */
  overflow-y: auto;
  /* Hides vertical overflow */
  height: 600px;
  /* Set height for the container */
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

page-es-company-profile-details .profile-menu {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  /* Fixed width for the left div */
  background-color: #fff;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 0;
  padding: 0;
}

page-es-company-profile-details .profile-menu div {
  color: #000;
}

page-es-company-profile-details .profile-menu div.active {
  background: -webkit-gradient(linear, left top, right top, from(#fcfcfc), to(#d9d8d8));
  background: linear-gradient(to right, #fcfcfc, #d9d8d8);
  color: #c79921;
}

page-es-company-profile-details .prof-card-padding {
  padding: 18px 44px;
}

page-es-company-profile-details .user-pro-image img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-es-company-profile-details .associate-image {
  position: relative;
}

page-es-company-profile-details .associate-image img {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  border: 4px solid white;
  -o-object-fit: cover;
  object-fit: cover;
}

page-es-company-profile-details ion-content {
  height: 75vh;
  z-index: 99;
  top: 200px;
  width: 90%;
  margin: auto;
  left: 0;
  right: 0;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

page-es-company-profile-details ion-content .scroll-content {
  margin-top: 0 !important;
}

page-es-company-profile-details ion-content .fixed-content {
  margin-top: 0px !important;
}

page-es-company-profile-details .very-light-gray-back {
  background-color: #f5f5f5;
  background-image: none;
}

page-es-company-profile-details service-status-list .service-card-panel.gridView {
  width: 100%;
}

page-es-company-profile-details mydcaa-tasks-card .task-card-panel.gridView {
  margin: 5px 5px;
  width: 100%;
}

page-es-company-profile-details ticket-card .service-card-panel.gridView {
  margin: 5px 5px;
  width: 100%;
}

page-es-company-profile-details ion-searchbar input.searchbar-input {
  padding: 4px 49px !important;
  background: #fff;
  -webkit-box-shadow: 0px 3px 6px #00000029 !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  border-radius: 27px !important;
}

page-es-company-profile-details ion-searchbar .searchbar-search-icon {
  top: 10px !important;
  left: 24px !important;
}

page-es-company-profile-details .link-item-icon {
  padding-left: 35px;
  padding-top: 15px;
}

page-es-company-profile-details .link-item-icon img {
  width: 24px;
  margin-top: -8px;
  margin-right: 4px;
}

page-es-company-profile-details .link-item-icon span {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  color: #c79921;
}

page-es-company-profile-details .link-item-icon ion-badge {
  margin-right: 6px;
  top: -3px;
  position: relative;
}

page-es-company-profile-details .notFoundMessage .absolute-center {
  bottom: auto;
  top: 90px;
}

page-es-company-profile-details .main-result.bigger {
  overflow-y: auto;
  height: 66vh;
  overflow-x: hidden;
}

page-es-company-profile-details .halfwidth {
  width: 48% !important;
  /* max-width: 100% !important; */
  min-width: 50%;
}

page-es-company-profile-details .full-width {
  min-width: 100%;
}

page-es-application-details .exception-button {
  width: 50%;
  margin: auto !important;
  margin-top: 15px !important;
  border-radius: 5px !important;
}

page-es-dashboard .count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #b21f2f;
  color: #fff;
  padding: 1em;
  border-radius: 5px;
  border: none;
  width: 100%;
  text-align: center;
}

page-es-dashboard .count span {
  font-size: 1.8rem;
  font-weight: 800;
}

@media screen and (max-width: 414px) {
  page-es-dashboard .width90mobile {
    min-width: 100% !important;
  }
  page-es-dashboard .width30mobile {
    max-width: 30% !important;
  }
}

page-es-dashboard .bigger.bigger-padding .btn.btn-primary.tooltip {
  margin-top: 6px;
  margin-right: 13px;
  color: #535454;
}

page-es-dashboard .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
}

page-es-dashboard .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-es-dashboard .year-carrier {
  font-size: 1.6rem !important;
}

page-es-dashboard .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-es-dashboard .year-carrier {
  font-size: 1.6rem !important;
}

page-es-dashboard .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-es-dashboard .percentage-update {
  width: 100px;
}

page-es-dashboard .radial_info {
  margin-top: -30px;
}

page-es-dashboard .radial_info h1 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
}

page-es-dashboard .radial_info .radial_message {
  font-size: 13px;
  margin: 3px 0px 5px 0px;
}

page-es-dashboard .center-page {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

page-es-inspections .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
}

page-es-inspections .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-es-inspections .year-carrier {
  font-size: 1.6rem !important;
}

page-es-inspections .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-es-inspections .center-img {
  margin: 0 auto;
  display: block;
}

page-es-service-approval .approved-bg {
  background: #048441;
}

page-es-service-approval .rejected-bg {
  background: #b21f2f;
}

page-es-service-approval .need-info-bg {
  background: #e8b909;
}

page-es-service-approval .withdraw-bg {
  background: #ea6c37;
}

page-es-service-approval .gray-bg {
  background: #e2e2e2;
}

page-exception-companies .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

page-exception-companies .pad-children > .bigger {
  padding: 7px 0px;
}

page-exception-companies .pad-left-right {
  padding: 0px 10px;
}

page-exception-companies .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

page-exception-companies .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

page-exception-companies .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

page-exception-companies .gray-text {
  color: #474747;
}

page-exception-companies .m-p-2 {
  position: relative;
  top: 2px;
}

page-exception-companies .vip-icon {
  margin-right: 15px !important;
  position: absolute !important;
  right: 0 !important;
}

page-exception-companies .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
}

page-exception-companies .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-exception-companies .year-carrier {
  font-size: 1.6rem !important;
}

page-exception-companies .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-settings .topHeader {
  position: absolute;
  top: 0;
  z-index: 10;
}

page-settings .topHeader .close-icon {
  font-size: 3em;
}

page-settings .avatar-container {
  width: 100%;
  height: 140px;
  background-color: #b21f2f;
  -webkit-clip-path: polygon(50% 0%, 100% 1%, 100% 43%, 100% 93%, 68% 100%, 32% 100%, 0 94%, 0 0, 17% 0);
  clip-path: polygon(50% 0%, 100% 1%, 100% 43%, 100% 93%, 68% 100%, 32% 100%, 0 94%, 0 0, 17% 0);
}

page-settings .avatar-container .mid-avatar {
  width: 100px;
  height: 100px;
}

page-settings .avatar-container .mid-avatar img {
  border: thick solid white;
}

page-settings .list-md .item-md.list-header {
  margin-bottom: 0px !important;
  border-bottom: thin solid #a3a3a3;
}

page-settings .list-md .item-md > .item-inner {
  border-bottom: none !important;
  margin-left: 12px !important;
}

.ios page-settings .m-t-20-force {
  margin-top: 20px !important;
}

page-propose-new-time .round-back-area {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  background-color: #b21f2f;
  z-index: 40;
}

page-propose-new-time .round-back-area ion-icon {
  font-size: 2.8rem;
}

page-propose-new-time ion-title {
  color: #000;
}

page-propose-new-time .create-button {
  padding: 0.5em 1em !important;
  font-size: 1.8rem;
  border-radius: 7px !important;
}

page-propose-new-time .col-50 {
  width: 50%;
}

page-share-onedrive ion-select {
  width: 100%;
  max-width: 100%;
  padding-left: 15px !important;
}

page-share-onedrive .absoloute-btn {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 20px;
}

page-share-onedrive .white-back {
  background-color: #fff;
}

page-share-onedrive .share {
  border: thin solid #dddddd;
  border-radius: 8px;
}

page-share-onedrive .chip {
  border-radius: 18px;
  border: 1px solid #c79921;
  background-color: #c79921;
  color: #fff;
}

page-share-onedrive .chip.reversed {
  border: 1px solid #dddddd;
  background-color: #fff;
  color: #000;
}

page-share-onedrive .share-Btn {
  height: 3rem;
  width: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c79921;
  border-radius: 50%;
  color: #fff;
  margin: auto;
  margin-left: 0;
  margin-right: 0;
}

page-share-onedrive .grayborder {
  border: thin solid #e2e2e2;
}

page-share-onedrive .round-back-area {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  background-color: #b21f2f;
  z-index: 40;
}

page-share-onedrive .round-back-area ion-icon {
  font-size: 2.8rem;
}

page-share-onedrive ion-title {
  color: #000;
}

page-share-onedrive .create-button {
  padding: 0.5em 1em !important;
  font-size: 1.8rem;
  border-radius: 7px !important;
}

page-share-onedrive hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

page-share-onedrive .shared-items {
  position: absolute;
  bottom: 18px;
  width: 100%;
}

page-share-onedrive .copy-link-items {
  position: absolute;
  bottom: 28px;
  width: 100%;
}

page-survey-share .hover-item:hover {
  background-color: #e2e2e2;
}

page-shortcut-editor .rearrange {
  margin: 0;
  padding: 0 20px;
  font-style: italic;
}

page-shortcut-editor .quick-links {
  width: 100%;
}

page-shortcut-editor .quick-links .quick-links-header {
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  padding: 0.5rem;
}

page-shortcut-editor .quick-links .quick-links-header span {
  white-space: nowrap;
  margin: 0;
}

page-shortcut-editor .quick-links .quick-links-header hr {
  width: -webkit-fill-available;
  background-color: #8f9296;
}

page-shortcut-editor .quick-links .quick-links-docker {
  padding: 1rem;
}

page-shortcut-editor .quick-links .quick-links-docker .links {
  margin-top: 2rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  row-gap: 2rem;
  width: 100%;
}

page-shortcut-editor .quick-links .quick-links-docker .links .link-item {
  border-radius: 8px;
  background-color: #fff;
  height: 140px;
  width: 125px;
  padding: 1rem;
  background-image: url("../assets/images/mydcaa/semicircle.svg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top right;
  background-size: 60%;
  border: 1px solid #e2e2e2;
  position: relative;
}

@media screen and (max-width: 400px) {
  page-shortcut-editor .quick-links .quick-links-docker .links .link-item {
    width: calc(50% - 15px);
  }
}

page-shortcut-editor .quick-links .quick-links-docker .links .link-item.add {
  background: #0000003b;
  border-radius: 8px;
  -webkit-backdrop-filter: blur(12px) brightness(115%);
  backdrop-filter: blur(12px) brightness(115%);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-shortcut-editor .quick-links .quick-links-docker .links .link-item.add .link-item-icon img {
  height: 50%;
  margin: auto;
}

page-shortcut-editor .quick-links .quick-links-docker .links .link-item .check-mark {
  position: absolute;
  top: -0.75rem;
  right: -0.75rem;
  font-size: x-large;
  background: #fff;
  border-radius: 50%;
}

page-shortcut-editor .quick-links .quick-links-docker .links .link-item .link-item-icon {
  height: 55%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-shortcut-editor .quick-links .quick-links-docker .links .link-item .link-item-icon img {
  height: 43px;
  margin: 0 auto;
}

page-shortcut-editor .quick-links .quick-links-docker .links .link-item .link-item-title {
  font-size: 1.5rem;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40%;
  line-height: 20px;
  text-align: center;
}

page-shortcut-editor .shadow {
  box-shadow: 0px 0px 10px -4px #000000bf;
  -webkit-box-shadow: 0px 0px 10px -4px #000000bf;
  -moz-box-shadow: 0px 0px 10px -4px #000000bf;
}

page-shortcut-editor .blur-background {
  background: #0000003b;
  -webkit-backdrop-filter: blur(12px) brightness(115%);
  backdrop-filter: blur(12px) brightness(115%);
}

page-show-youtube-comments .chat-user-image {
  height: 48px;
  border: 3px solid #dee2e6;
  border-radius: 10px;
  border-bottom-right-radius: 0;
}

page-show-youtube-comments .img-icon {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 800;
  color: #acadb2;
  padding: 0 15px;
  height: 18px;
  top: 12px;
}

page-show-youtube-comments .font1 {
  font-size: 1.063rem;
}

page-show-youtube-comments .img-search {
  right: 0;
}

page-show-youtube-comments .img-emoji {
  right: 32px;
}

page-show-youtube-comments .img-audio {
  right: 56px;
}

page-show-youtube-comments input {
  background-color: #fafafa;
  width: 95%;
  font-size: 16px;
  padding: 0.375rem 6rem 0.25rem 1rem;
}

page-show-youtube-comments .user-image {
  height: 40px;
  border-radius: 50%;
}

page-show-youtube-comments .file-attachment {
  font-size: 1.8rem;
}

page-show-youtube-comments .gap-between {
  row-gap: 2rem;
}

page-show-youtube-comments .base-font {
  font-size: 18px;
}

page-show-youtube-comments .base-small-font {
  font-size: 13x;
}

page-show-youtube-comments .base-larg-font {
  font-size: 20px;
}

page-show-youtube-comments .base-larger-font {
  font-size: 19px;
}

page-snitchesget-stitches .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
  /* text-transform: uppercase; */
  /* letter-spacing: 1px; */
}

page-snitchesget-stitches .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-snitchesget-stitches .year-carrier {
  font-size: 1.6rem !important;
}

page-snitchesget-stitches .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-statisticsdashboard ion-row.padding-set.row ion-col.small-padding.col {
  padding: 5px !important;
}

page-statisticsdashboard .category_wrapper button {
  padding: 10px !important;
}

page-statisticsdashboard .category_wrapper .value-text {
  font-size: 2.1rem;
}

page-statisticsdashboard .category_wrapper .small-p {
  font-weight: 500;
}

page-statisticsdashboard .small-padding {
  padding: 1px !important;
}

page-statisticsdashboard .btn-wrapper {
  margin-bottom: 60px;
  position: relative;
}

page-statisticsdashboard .btn-wrapper:not(:last-child):after {
  content: "";
  position: absolute;
  height: 40px;
  bottom: -50px;
  width: 1px;
  background-color: #e8b909;
  left: 50%;
}

page-statisticsdashboard .btn-wrapper:not(:last-child):before {
  content: "";
  position: absolute;
  width: 8px;
  bottom: -35px;
  height: 8px;
  border-radius: 50%;
  border: thin solid #e8b909;
  background-color: #fff;
  left: calc(50% - 5px);
  z-index: 2;
}

page-statisticsdashboard .btn-wrapper:first-child {
  margin-top: 20px;
}

page-statisticsdashboard .fixed-side {
  position: fixed;
  width: 66px;
}

page-statisticsdashboard .date-button {
  font-size: 2.1rem;
  font-weight: 100;
  color: #474747;
}

page-statisticsdashboard .date-button.activeYear {
  font-weight: 600;
}

page-strategy-chart .text-center {
  text-align: center;
}

page-strategy-detail .profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1rem;
  width: 15rem;
  height: 100%;
  -webkit-transition: -webkit-transform 100ms linear;
  transition: -webkit-transform 100ms linear;
  transition: transform 100ms linear;
  transition: transform 100ms linear, -webkit-transform 100ms linear;
  position: relative;
}

page-strategy-detail .profile:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

page-strategy-detail .profile .btn.btn-primary.tooltip.left {
  position: absolute;
  right: 0;
  top: 0;
}

page-strategy-detail .profile .btn.btn-primary.tooltip.left::before {
  right: 20px;
}

page-strategy-detail .profile .profile-image {
  height: 75px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-strategy-detail .profile .profile-image img {
  height: 60px;
  width: 60px;
  min-width: 60px;
  border: 1px solid #c7c7c7;
}

page-strategy-detail .profile .profile-details.alignleft {
  text-align: left;
}

page-strategy-detail .profile .full-height {
  height: 100%;
}

page-strategy-detail .left7 {
  position: relative;
  left: -7px;
}

page-strategy-detail .top-right-corner {
  position: absolute;
  top: -1rem;
  right: -1.5rem;
  gap: 0.5rem;
  padding: 0.5rem;
}

page-strategy-detail .m-t-35 {
  margin-top: 35px !important;
}

page-strategy-detail .m-t-35.more_m {
  margin-top: 40px !important;
}

page-strategy-detail .liltop {
  position: relative;
  top: -8px;
}

page-strategy-detail .small-action {
  padding: 0;
  height: 15px;
  font-size: 14px;
  font-weight: 800;
  position: relative;
  top: -2px;
}

page-strategy-detail .smaller-h2 h2 {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

page-strategy-detail .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-strategy-detail .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-strategy-detail .information-block {
  border: thin solid #f2f2f2;
  border-left: 2px solid #b21f2f;
  border-radius: 6px;
  padding: 5px 12px;
}

page-strategy-detail .h1-title {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 34px;
}

page-strategy-detail .label-title {
  font-size: 1.7rem;
  font-weight: 800;
  margin-bottom: 5px;
}

page-strategy-detail .label-title.m-t-20 {
  margin-top: 20px !important;
}

page-strategy-detail .label-title.m-t-5 {
  margin-top: 5px !important;
}

page-strategy-detail .description {
  color: #383838;
  margin-top: 0px;
}

page-strategy-detail .over-panel {
  position: relative;
  top: -50px;
}

page-strategy-detail .over-panel.nt-20 {
  margin-top: -21px;
}

page-strategy-detail .over-panel.nt-20.adj_original_task {
  margin-top: -55px;
}

page-strategy-detail .standalone {
  position: relative;
  left: -9px;
}

page-strategy-detail .standalone .blk {
  background-color: #f5f5f5 !important;
  border: thin solid #f2f2f2;
  border-bottom: none;
}

page-strategy-detail .standalone .blk .tick {
  font-size: 1.3em;
  color: #474747;
}

page-strategy-detail .standalone .blklabel {
  font-size: 0.9em;
  border-radius: 0px 0px 4px 4px;
  background-color: #b21f2f !important;
}

page-strategy-detail .small-elm-logo {
  height: 25px;
}

page-strategy-detail .performance_section,
page-strategy-detail .achievement_section {
  padding: 0px 10px;
}

page-strategy-detail .performance_section .radial_info,
page-strategy-detail .achievement_section .radial_info {
  margin-top: -40px;
}

page-strategy-detail .performance_section .radial_info h1,
page-strategy-detail .achievement_section .radial_info h1 {
  margin-top: -45px;
  font-weight: 600;
  margin-bottom: 0;
}

page-strategy-detail .performance_section .radial_info .radial_message,
page-strategy-detail .achievement_section .radial_info .radial_message {
  font-size: 13px;
  margin: 3px 0px 5px 0px;
}

page-strategy-detail .p-title-update {
  min-width: 300px;
}

page-strategy-detail .next-buttons {
  text-align: right;
  margin-top: 2px;
}

page-strategy-detail .next-buttons .left-icon {
  margin-right: 10px;
}

.md .segment-container {
  background-color: #f7f7f7;
}

.md .segment-container .big-bold {
  font-weight: 800 !important;
  font-size: 1.1em;
}

.md page-strategy-detail .first-section .m-t-35 {
  margin-top: 15px !important;
}

page-strategy-kpichart .text-center {
  text-align: center;
}

page-survey-answer-templates .col-gap {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

page-survey-answer-templates .a-card {
  width: calc(50% - 10px);
}

page-survey-dashboard .question-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-survey-dashboard .question-list .question-section {
  padding-left: 2rem;
  position: relative;
}

page-survey-dashboard .question-list .question-section .question-container:before {
  content: '⬤';
  position: absolute;
  font-size: 12px;
  top: 15px;
  left: -4px;
  color: #b21f2f;
}

page-survey-dashboard .question-list .question-section:not(:last-child) .question-container:after {
  content: '';
  height: 100%;
  position: absolute;
  top: 25px;
  left: 0px;
  border-left: 2px solid #b21f2f;
}

page-survey-dashboard .swiper-container.swiper-container-horizontal {
  margin-bottom: -30px !important;
  padding-bottom: 35px;
}

page-survey-dashboard .submitor {
  width: 100%;
  padding: 15px 10px !important;
  border: 1px solid #dddddd;
}

page-survey-dashboard .col-big {
  width: calc(60% - 1rem);
}

page-survey-dashboard .col-gap {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

page-survey-dashboard .q-card {
  width: calc(50% - 10px);
}

page-survey-dashboard .col-small {
  width: calc(40% - 1rem);
}

page-survey-dashboard .chip {
  border-radius: 18px;
  border: 1px solid #c79921;
  background-color: #c79921;
  color: #fff;
}

page-survey-dashboard .chip.reversed {
  border: 1px solid #dddddd;
  background-color: #fff;
  color: #000;
}

page-survey-dashboard .share-Btn {
  height: 3rem;
  width: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c79921;
  border-radius: 50%;
  color: #fff;
  margin: auto;
  margin-left: 0;
  margin-right: 0;
}

page-survey-dashboard .col-25 {
  width: 25%;
}

page-survey-dashboard .col-30 {
  width: 30%;
}

page-survey-dashboard .survey-dashboard-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}

page-survey-dashboard .survey-dashboard-card .card-number {
  min-width: 10rem;
  min-height: 8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

page-survey-dashboard .survey-dashboard-card .card-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 2rem;
  gap: 0.5rem;
}

page-survey-dashboard .numbers-card {
  min-height: 8rem;
  width: 50%;
  max-width: 300px;
}

page-survey-dashboard .numbers-card .percentage-details {
  position: absolute;
  width: 100%;
  bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-survey-dashboard .numbers-card .circle-stats svg {
  max-height: 140px !important;
}

page-survey-dashboard .user-image {
  height: 34px;
  border-radius: 50%;
}

page-survey-dashboard .submitors table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

page-survey-dashboard .submitors table td,
page-survey-dashboard .submitors table th {
  border: none;
  padding: 8px;
}

page-survey-dashboard .submitors table tr:nth-child(even) {
  background-color: #f2f2f2;
}

page-survey-dashboard .submitors table tr:hover {
  background-color: white;
}

page-survey-dashboard .submitors table th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #b21f2f;
  color: white;
}

page-survey-dashboard .submitors .align {
  text-align: center;
}

page-survey-groups .g-card {
  width: calc(50% - 1rem);
}

page-survey-leaderboard .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
}

page-survey-leaderboard .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-survey-leaderboard .year-carrier {
  font-size: 1.6rem !important;
}

page-survey-leaderboard .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-survey-list .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
}

page-survey-list .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-survey-list .year-carrier {
  font-size: 1.6rem !important;
}

page-survey-list .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-survey-list .center-img {
  margin: 0 auto;
  display: block;
}

page-survey-main .p-r-20 {
  padding-right: 20px;
}

page-survey-main .p-l-20 {
  padding-left: 20px;
}

page-survey-main .m-neg-t-10 {
  margin-top: -10px;
}

page-survey-main .coverall {
  width: 100%;
  height: 100%;
  background-image: url("../assets/images/whistleblower/webbg.png");
  background-size: cover;
}

page-survey-main .coverall.no-height {
  height: auto;
}

page-survey-main .coverall img.surveySLA {
  width: 200px;
}

page-survey-main .coverall .fullheight {
  height: 100% !important;
}

page-survey-main .coverall .higher {
  min-height: 160px;
  max-width: 400px;
}

@media screen and (max-width: 414px) {
  page-survey-main .coverall {
    background-image: url("../assets/images/whistleblower/webbgphone.png");
  }
  page-survey-main .coverall img.whistlesvg,
  page-survey-main .coverall .mslide {
    height: 100px;
  }
}

page-survey-main .coverall .vertical-center {
  text-align: center;
  height: 100%;
}

page-survey-main .coverall .maxWidth500 {
  max-width: 500px;
}

page-survey-main .coverall .h5space {
  margin-top: 8px;
  border-top: thin dotted #ffffff47;
  padding-top: 20px;
}

page-survey-question-templates .col-gap {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

page-survey-question-templates .q-card {
  width: calc(50% - 10px);
}

page-survey-stats .multilineSegment .segment-button {
  font-weight: 800;
  line-height: 1.6rem;
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: none;
  font-size: 1.4rem;
  height: 5rem;
}

page-synergy-users-search .selected .title {
  color: #4aa966;
}

page-synergy-users-search .badge-position {
  position: absolute;
  right: 5px;
}

page-task-details .fix-p {
  padding: 8px 16px 0px 16px !important;
}

page-task-details .left7 {
  position: relative;
  left: -7px;
}

page-task-details .m-t-35 {
  margin-top: 35px !important;
}

page-task-details .m-t-35.more_m {
  margin-top: 40px !important;
}

page-task-details .liltop {
  position: relative;
  top: -8px;
}

page-task-details .small-action {
  padding: 0;
  height: 15px;
  font-size: 14px;
  font-weight: 800;
  position: relative;
  top: -2px;
}

page-task-details .smaller-h2 h2 {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

page-task-details .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-task-details .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-task-details .information-block {
  border-radius: 6px;
  padding: 5px 12px;
}

page-task-details .h1-title {
  color: #fff;
  font-size: 2.2rem;
  margin-bottom: 34px;
}

page-task-details .label-title {
  font-size: 1.7rem;
  font-weight: 800;
  margin-bottom: 5px;
}

page-task-details .label-title.m-t-20 {
  margin-top: 20px !important;
}

page-task-details .label-title.m-t-5 {
  margin-top: 5px !important;
}

page-task-details .description {
  color: #383838;
  margin-top: 0px;
}

page-task-details .over-panel {
  position: relative;
  top: -50px;
}

page-task-details .over-panel.nt-20 {
  margin-top: -21px;
}

page-task-details .over-panel.nt-20.adj_original_task {
  margin-top: -55px;
}

page-task-details .standalone {
  position: relative;
  left: -9px;
}

page-task-details .standalone .blk {
  background-color: #f5f5f5 !important;
  border: thin solid #f2f2f2;
  border-bottom: none;
}

page-task-details .standalone .blk .tick {
  font-size: 1.3em;
  color: #474747;
}

page-task-details .standalone .blklabel {
  font-size: 0.9em;
  border-radius: 0px 0px 4px 4px;
  background-color: #b21f2f !important;
}

page-task-reports .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-task-reports .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-task-reports .h1-title {
  color: #fff;
  font-size: 2.2rem;
}

page-task-reports .chatTextArea {
  border: none;
  padding-top: 5px;
  font-size: 1.7rem;
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
}

page-task-reports .bigger_close_icon {
  font-size: 2em;
}

page-task-reports .close_edit_task {
  padding: 5px 0px 5px 10px;
}

page-task-reports .text-box-wrapper .send-icon {
  font-size: 3.2rem;
}

page-task-reports .text-box-wrapper ::-webkit-input-placeholder {
  color: #333333;
}

page-task-reports .text-box-wrapper ::-moz-placeholder {
  color: #333333;
}

page-task-reports .text-box-wrapper ::-ms-input-placeholder {
  color: #333333;
}

page-task-reports .text-box-wrapper ::placeholder {
  color: #333333;
}

page-task-reports .black-text {
  color: #383838;
}

page-task-reports .moreLeft {
  position: relative;
  left: -5px;
}

page-task-reports .max-height-assets {
  max-height: 250px;
  overflow-y: auto;
}

page-task-reports .file_upload_container {
  position: relative;
  top: 13px;
}

page-task-reports .file_upload_container.position-file-uploader {
  top: -2px;
}

page-task-reports .p-t-7 {
  padding-top: 7px;
}

page-task-reports .rightmore {
  position: relative;
  right: -4px;
}

page-tasks-dashboard .emp-list-set .page-content.bigger, page-aviation-environment-dashboard .emp-list-set .page-content.bigger {
  margin-left: 22px;
  width: 94%;
}

page-tasks-dashboard .dashboard-hash, page-aviation-environment-dashboard .dashboard-hash {
  border-radius: 0px 0px 15px 15px;
  margin-bottom: 10px;
}

page-tasks-dashboard .year-carrier, page-aviation-environment-dashboard .year-carrier {
  height: 37px !important;
  top: -4px !important;
}

page-tasks-dashboard .assigned_title, page-aviation-environment-dashboard .assigned_title {
  margin: 0px;
  margin-bottom: 4px;
  margin-top: 10px;
  font-weight: 800;
}

page-tasks-dashboard .small-avatar-overlay, page-aviation-environment-dashboard .small-avatar-overlay {
  width: 45px;
  height: 45px;
  margin-right: -12px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
}

page-tasks-dashboard .small-avatar-overlay.tiny, page-aviation-environment-dashboard .small-avatar-overlay.tiny {
  width: 35px;
  height: 35px;
}

page-tasks-dashboard .small-avatar-overlay.no-border, page-aviation-environment-dashboard .small-avatar-overlay.no-border {
  border: none !important;
}

page-tasks-dashboard .small-avatar-overlay.is_leader, page-aviation-environment-dashboard .small-avatar-overlay.is_leader {
  border-color: #cfa508;
}

page-tasks-dashboard .small-avatar-overlay.is_team_sponsor, page-aviation-environment-dashboard .small-avatar-overlay.is_team_sponsor {
  border-color: #b21f2f;
}

page-ticket-category .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
}

page-ticket-category .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-ticket-category .year-carrier {
  font-size: 1.6rem !important;
}

page-ticket-category .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-ticket-category .center-img {
  margin: 0 auto;
  display: block;
}

page-ticket-list .current_display {
  font-size: 1.5rem;
  margin-bottom: 7px !important;
}

page-ticket-list .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-ticket-list .year-carrier {
  font-size: 1.6rem !important;
}

page-ticket-list .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-ticket-list-stats .tooltip:hover::before {
  display: block;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-left: -20px;
}

page-ticket-list-stats .count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #b21f2f;
  color: #fff;
  padding: 1em;
  border-radius: 5px;
  border: none;
  width: 100%;
  text-align: center;
}

page-ticket-list-stats .count span {
  font-size: 1.8rem;
  font-weight: 800;
}

page-ticket-list-stats .current_display {
  font-size: 1.7rem;
  margin-bottom: 0px !important;
}

page-ticket-list-stats .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-ticket-list-stats .year-carrier {
  font-size: 1.6rem !important;
}

page-ticket-list-stats .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-ticket-list-stats .percentage-update {
  width: 100px;
}

page-ticket-list-stats .radial_info {
  margin-top: -30px;
}

page-ticket-list-stats .radial_info h1 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
}

page-ticket-list-stats .radial_info .radial_message {
  font-size: 13px;
  margin: 3px 0px 5px 0px;
}

page-ticket-list-stats .center-page {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

page-ticket-list-stats .catIcon {
  width: 60px;
  height: 60px;
}

page-ticket-list-stats .catIcon img {
  width: 100%;
  height: 100%;
}

page-ticket-list-stats-details .count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #b21f2f;
  color: #fff;
  padding: 1em;
  border-radius: 5px;
  border: none;
  width: 100%;
  text-align: center;
}

page-ticket-list-stats-details .count span {
  font-size: 1.8rem;
  font-weight: 800;
}

page-ticket-list-stats-details .current_display {
  font-size: 1.7rem;
  margin-bottom: 0px !important;
}

page-ticket-list-stats-details .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-ticket-list-stats-details .radial_info {
  margin-top: -45px;
}

page-ticket-list-stats-details .radial_info h1 {
  font-weight: 600;
  margin-bottom: 0;
}

page-ticket-list-stats-details .radial_info .radial_message {
  font-size: 15px;
  margin: 3px 0px 5px 0px;
}

page-ticket-list-stats-details .percentage-update {
  min-width: 100px;
}

page-ticket-list-stats-details .fab-md {
  background-color: #a3a3a3 !important;
}

page-ticket-list-stats-details button {
  background-color: #a3a3a3;
}

page-ticket-view .ptitle {
  padding: 7px 10px 0px 29px;
  margin-bottom: -14px;
  font-size: 17px;
}

page-ticket-view .refreshNOC {
  font-size: 2em;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

page-ticket-view .max-text {
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

page-ticket-view .plr-9 {
  padding: 0px 9px;
}

page-ticket-view .blue {
  color: #5c80ae !important;
}

page-ticket-view .green {
  color: #4aa966 !important;
}

page-ticket-view .red {
  color: #ec322a !important;
}

page-ticket-view .yellow {
  color: #c79921 !important;
}

page-ticket-view .text-md-folderBorder {
  min-width: 140px;
  max-width: 140px;
}

page-ticket-view .padchecklist {
  padding: 0px 10px 10px 10px;
}

page-ticket-view .padchecklist .titleh3 {
  color: #c79921;
  margin: 0px 0px 10px 0px;
  font-size: 18px;
  font-weight: 600;
}

page-upcoming-events .upcoming-events-page ::ng-deep .nav-menu {
  font-weight: 600;
  color: #282828 !important;
}

page-upcoming-events .upcoming-events-page .header-small {
  font-weight: 600;
}

page-upcoming-events .header-small {
  font-size: 1.3em !important;
}

page-upcoming-events .btn-group {
  background-color: #f7f6f9;
  border: thin solid #dddddd;
  border-radius: 8px;
  height: 44px;
}

page-upcoming-events .btn-group button {
  color: #737274;
  background-color: #f7f6f9;
  margin: 0 !important;
  padding: 1rem 0.5rem !important;
  height: 100%;
}

page-upcoming-events .btn-group button:hover {
  background-color: #737274 !important;
  color: #f7f6f9;
}

page-upcoming-events .btn-group button:first-child {
  border-radius: 8px 0 0 8px;
}

page-upcoming-events .btn-group button:last-child {
  border-radius: 0 8px 8px 0;
}

page-upcoming-events .selected-date {
  color: #737274;
}

page-upcoming-events .group.group-icon.extra-group-padding {
  background-color: #007b39;
  color: #fff;
}

page-upcoming-events .static-label {
  display: none !important;
}

page-upcoming-events .calendar-container {
  border-radius: 8px;
}

page-upcoming-events .col-a {
  width: 70%;
}

page-upcoming-events .col-b {
  width: 30%;
  height: 650px;
}

page-upcoming-events .col-b .overflow-y {
  overflow-y: auto;
  height: 100%;
}

page-upcoming-events .section-header {
  border-bottom: 1px solid #515161;
  color: #515161;
  font-weight: 600;
  margin-bottom: 2rem;
}

page-upcoming-events .section-header.no-border {
  border: none !important;
}

@media screen and (max-width: 1500px) {
  page-upcoming-events .col-a {
    width: 60%;
  }
  page-upcoming-events .col-b {
    width: 40%;
  }
}

@media screen and (max-width: 800px) {
  page-upcoming-events .col-a,
  page-upcoming-events .col-b {
    width: 100%;
  }
}

page-update-inspection-status .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-update-inspection-status .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-update-inspection-status .h1-title {
  color: #fff;
  font-size: 2.2rem;
  margin-bottom: 34px;
}

page-update-inspection-status .over-panel {
  position: relative;
  top: -60px;
}

page-update-inspection-status .over-panel.nt-20 {
  margin-top: -18px;
}

page-update-inspection-status .remarkText {
  border: none;
  width: 100%;
  padding: 7px 13px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
}

page-update-inspection-status .remarkText.invalid {
  border: thin dotted #ec322a;
}

page-update-inspection-status .remarkText::-webkit-input-placeholder {
  font-size: 14px;
}

page-update-inspection-status .remarkText::-moz-placeholder {
  font-size: 14px;
}

page-update-inspection-status .remarkText::-ms-input-placeholder {
  font-size: 14px;
}

page-update-inspection-status .remarkText::placeholder {
  font-size: 14px;
}

page-update-inspection-status .small-padding-tb {
  padding-top: 10px;
  padding-bottom: 10px;
}

page-update-inspection-status .status {
  margin-right: 15px;
  margin-left: 15px;
}

page-update-inspection-status .status.status-mr {
  margin-right: 8px;
  margin-left: 8px;
}

page-update-inspection-status .status .status-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px dotted #e2e2e2;
  margin: 0 auto;
}

page-update-inspection-status .status .status-icon ion-icon {
  font-size: 3rem;
}

page-update-inspection-status .status.selected .status-icon {
  border: 2px dotted #b21f2f;
}

page-update-inspection-status .status.selected .status-icon ion-icon {
  color: #b21f2f;
}

page-update-inspection-status .status.selected .status-text {
  color: #b21f2f;
}

page-update-inspection-status .status .status-text {
  text-align: center;
  margin-top: 7px;
  margin-bottom: 0px;
}

page-update-inspection-status .status .status-text.status-font {
  font-size: 1em;
}

.updatestatus {
  background-color: rgba(0, 0, 0, 0.5);
}

.updatestatus .modal-wrapper {
  width: 350px;
  height: 400px;
  left: 0px !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

.updatestatus.tall_m .modal-wrapper {
  height: 550px;
}

page-inspection-details .inspectionType::before {
  content: "✓";
  color: #c79921;
}

page-inspection-details .refreshNOC {
  font-size: 2em;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

page-inspection-details .approvalCheck {
  padding: 0 0.5rem;
  border-radius: 8px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

page-inspection-details .approvalCheck.notapproved {
  color: #eb1a1a;
  border: 1px solid #eb1a1a;
}

page-inspection-details .approvalCheck.approved {
  color: #4aa966;
  border: 1px solid #4aa966;
}

page-inspection-details .approvalCheck span {
  font-size: 1.1rem;
}

page-inspection-details .followup {
  background: #fff;
  color: #c79921 !important;
  border: 1px solid #c79921;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

page-inspection-details .information-block {
  border-radius: 6px;
  padding: 5px 12px;
}

page-inspection-details .nav-btn {
  height: 36px;
  width: 36px;
}

page-inspection-details .nav-btn ion-icon {
  margin: auto;
}

page-inspection-details .nav-btn.add-btn {
  border-radius: 50%;
  background-color: #f45667;
  color: #fff;
}

page-inspection-details .nav-btn.active ion-icon {
  border-bottom: 1px solid #c79921;
}

page-inspection-details .nav-btn.active.gold-on-active {
  color: #c79921;
}

page-inspection-details .first {
  width: 20rem;
}

page-inspection-details .checklist-box {
  background: #f2f2f2;
  padding: .4em .8em;
  border-radius: 10px;
}

page-inspection-details .bottom-n15 {
  margin-bottom: -15px;
}

page-inspection-details .wrapper {
  width: 24rem;
  height: 100%;
}

page-inspection-details .wrapper .card-container {
  border-radius: 10px;
  border: thin solid #dadada;
  background: #fff;
  height: 100%;
  position: relative;
  color: #51565c;
  cursor: pointer;
  width: 100%;
  -webkit-transition: -webkit-transform 100ms linear;
  transition: -webkit-transform 100ms linear;
  transition: transform 100ms linear;
  transition: transform 100ms linear, -webkit-transform 100ms linear;
}

page-inspection-details .wrapper .card-container.border {
  border: thin solid #f2f2f2;
  border-bottom: 3px solid #b21f2f;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-inspection-details .wrapper .card-container .semicircle {
  text-shadow: 0px 0px 1px #282828;
}

page-inspection-details .wrapper .card-container .semicircle ion-icon {
  font-size: 1.6em;
  padding: 0;
  z-index: 10000;
}

page-inspection-details .wrapper .card-container .semicircle .sharedIcon {
  font-size: 1em;
}

page-update-status .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-update-status .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-update-status .h1-title {
  color: #fff;
  font-size: 2.2rem;
  margin-bottom: 34px;
}

page-update-status .over-panel {
  position: relative;
  top: -60px;
}

page-update-status .over-panel.nt-20 {
  margin-top: -18px;
}

page-update-status .remarkText {
  border: none;
  width: 100%;
  padding: 7px 13px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
}

page-update-status .remarkText.invalid {
  border: thin dotted #ec322a;
}

page-update-status .remarkText::-webkit-input-placeholder {
  font-size: 14px;
}

page-update-status .remarkText::-moz-placeholder {
  font-size: 14px;
}

page-update-status .remarkText::-ms-input-placeholder {
  font-size: 14px;
}

page-update-status .remarkText::placeholder {
  font-size: 14px;
}

page-update-status .small-padding-tb {
  padding-top: 10px;
  padding-bottom: 10px;
}

page-update-status .status {
  margin-right: 15px;
  margin-left: 15px;
}

page-update-status .status .status-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px dotted #e2e2e2;
  margin: 0 auto;
}

page-update-status .status .status-icon ion-icon {
  font-size: 4rem;
}

page-update-status .status.selected .status-icon {
  border: 2px dotted #b21f2f;
}

page-update-status .status.selected .status-icon ion-icon {
  color: #b21f2f;
}

page-update-status .status.selected .status-text {
  color: #b21f2f;
}

page-update-status .status .status-text {
  text-align: center;
  margin-top: 7px;
  margin-bottom: 0px;
}

.updatestatus {
  background-color: rgba(0, 0, 0, 0.5);
}

.updatestatus .modal-wrapper {
  width: 350px;
  height: 400px;
  left: 0px !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

.updatestatus.tall_m .modal-wrapper {
  height: 550px;
}

page-version-history ion-select {
  width: 100%;
  max-width: 100%;
}

page-version-history .word-break {
  word-break: break-word;
}

page-version-history .rename-ctrl input {
  font-size: 1.5em;
}

page-version-history .comments-input {
  width: 80%;
  height: 50%;
}

page-version-history ion-buttons {
  height: 0;
}

page-version-history .icon-image {
  font-size: 1.6em;
  padding: 5px;
}

page-version-history .primary-list ul {
  list-style-type: none;
  text-align: justify;
  position: relative;
}

page-version-history .primary-list ul:before {
  content: " ";
  background: #b21f2f;
  display: inline-block;
  position: absolute;
  left: 20px;
  width: 2px;
  height: 100%;
  z-index: 400;
  margin-top: 8px;
}

page-version-history .primary-list li:before {
  content: " ";
  background: #b21f2f;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  left: 18px;
  width: 6px;
  height: 6px;
  z-index: 400;
  margin-top: 5px;
}

page-version-history .primary-list p {
  padding-right: 1rem;
  padding-left: 1rem;
}

page-version-history .floating-image {
  position: absolute;
  left: 0;
  z-index: 999;
  width: 40px !important;
}

page-version-history .padding-left-1 {
  padding-left: 2.4em !important;
}

page-version-history .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

page-version-history .pad-children > .bigger {
  padding: 7px 0px;
}

page-version-history .pad-left-right {
  padding: 0px 10px;
}

page-version-history .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

page-version-history .members-icon {
  font-size: 2em;
  width: 40px;
  height: 40px;
  padding: 0.2em;
  padding: 0.2em;
}

page-version-history .bordered {
  border: thin solid #f5f5f5 !important;
}

page-version-history .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

page-version-history .gray-text {
  color: #474747;
}

page-version-history .m-p-2 {
  position: relative;
  top: 2px;
}

page-version-history .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

page-version-history .pad-children > .bigger {
  padding: 7px 0px;
}

page-version-history .pad-left-right {
  padding: 0px 10px;
}

page-version-history .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

page-version-history .members-icon {
  font-size: 2em;
  width: 40px;
  height: 40px;
  padding: 0.2em;
  padding: 0.2em;
}

page-version-history .bordered-gray {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

page-version-history .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

page-version-history .gray-text {
  color: #474747;
}

page-version-history .m-p-2 {
  position: relative;
  top: 2px;
}

page-version-history .refreshNOC {
  font-size: 1.7em;
}

page-video-fullscreen .video {
  width: 100%;
  height: 100%;
}

page-video-recorder-rtc .video,
page-video-recorder-rtc .canvas {
  width: 100%;
  height: 100%;
}

page-video-recorder-rtc .photo {
  height: 100%;
  margin: 0 auto;
  display: block;
}

@keyframes scaler {
  from {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

page-video-recorder-rtc {
  width: 100%;
}

page-video-recorder-rtc .mic {
  margin-left: 50px;
  height: 40px;
  border-radius: 50%;
}

page-video-recorder-rtc .mic ion-icon {
  font-size: 1.8em;
}

page-video-recorder-rtc .mic .rec-text {
  font-weight: 800;
  font-size: 2rem;
  color: #ffffff;
  margin: 4px 5px 0px 8px;
}

page-video-recorder-rtc .mic.fab-like {
  position: relative;
  top: -13px;
  background-color: #ffffff;
  width: 60px;
  height: 60px;
  border: none;
  -webkit-box-shadow: 0px 1px 1px #cccccc;
  box-shadow: 0px 1px 1px #cccccc;
}

page-video-recorder-rtc .countdown {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  text-align: center;
  font-size: 1.7rem;
}

page-video-recorder-rtc .inlineRecorderdiv {
  padding-top: 10px;
  padding-bottom: 10px;
}

page-video-recorder-rtc .inlineRecorderdiv.isRecording {
  background-color: #f2f2f2;
}

page-video-recorder-rtc .inlineRecorderdiv.fab-like:not(.isRecording) {
  height: 0px !important;
}

page-video-recorder-rtc .inlineRecorderdiv.isRecording {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

page-video-recorder-rtc .inlineRecorderdiv.isRecording ion-icon {
  font-size: 2.1em;
}

page-video-recorder-rtc .inlineRecorderdiv.isRecording > .actionSection {
  width: 100%;
}

page-video-recorder-rtc .inlineRecorderdiv.isRecording .valueCount {
  -webkit-animation: scaler 500ms linear infinite alternate;
  animation: scaler 500ms linear infinite alternate;
  font-size: 2.8rem;
}

page-video-recorder-rtc .inlineRecorderdiv.isSending {
  -webkit-animation: scaler 500ms linear infinite alternate;
  animation: scaler 500ms linear infinite alternate;
  font-size: 2.8rem;
}

page-view-gallery-details .max-500px {
  max-width: 500px;
}

page-view-gallery-details .scroll-content {
  background: #313131d9;
}

page-view-gallery-details .popup-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
  visibility: visible;
}

page-view-gallery-details .font-biggest {
  font-size: 1.65em;
  font-weight: 600;
}

page-view-gallery-details .gallery-counter {
  letter-spacing: 7px;
  font-size: 1.375em;
}

page-view-gallery-details .gallery-share {
  font-size: 1.5em;
}

page-view-gallery-details .close-gallery {
  font-size: 2em;
}

page-view-gallery-details p {
  line-height: 1.5;
}

page-view-gallery-details .text-white {
  color: #fff;
}

page-view-gallery-details .font-size-4 {
  font-size: 4em;
}

page-view-gallery-details .gallery-popup {
  width: 70vw;
  height: auto;
  z-index: 1001;
  overflow: hidden;
  top: 5em !important;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
}

page-view-gallery-details .gallery-popup h1 {
  font-size: 1.8em;
}

page-view-gallery-details .gallery-popup .videoFrame {
  width: 100%;
  height: 60vh;
}

page-view-gallery-details .gallery-popup .gallery-popup-inner {
  background-color: #fff;
  border-radius: 1.2rem;
}

page-view-gallery-details .gallery-popup .gallery-popup-inner .play-button {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 3em;
}

page-view-gallery-details .gallery-popup .gallery-popup-inner .image-gallery .big-product-image {
  width: 100%;
  -webkit-transition: -webkit-filter 500ms, -webkit-transform 500ms;
  transition: -webkit-filter 500ms, -webkit-transform 500ms;
  transition: filter 500ms, transform 500ms;
  transition: filter 500ms, transform 500ms, -webkit-filter 500ms, -webkit-transform 500ms;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-view-gallery-details .gallery-popup .gallery-popup-inner .image-gallery .thumbnail-image {
  border: 3px solid #dee2e6;
  background: #fff;
  padding: 0.1rem;
  border-radius: 1rem;
  margin: 0.5rem;
  cursor: pointer;
}

page-view-gallery-details .gallery-popup .gallery-popup-inner .image-gallery .thumbnail-image.selected, page-view-gallery-details .gallery-popup .gallery-popup-inner .image-gallery .thumbnail-image:hover {
  border: 3px solid #d23737;
}

page-view-gallery-details .gallery-popup .gallery-popup-inner .image-gallery .thumbnail-image .img-small {
  border-radius: 1rem;
  height: auto;
  width: 100px;
  -webkit-transition: -webkit-filter 500ms, -webkit-transform 500ms;
  transition: -webkit-filter 500ms, -webkit-transform 500ms;
  transition: filter 500ms, transform 500ms;
  transition: filter 500ms, transform 500ms, -webkit-filter 500ms, -webkit-transform 500ms;
}

page-view-gallery-details .ql-align-right,
page-view-gallery-details .ql-direction-rtl {
  direction: rtl;
}

page-view-gallery-details .description-box {
  text-align: justify;
}

@media screen and (max-width: 769px) {
  page-view-gallery-details .gallery-popup {
    width: 95vw;
    margin-top: -40px !important;
  }
}

page-view-google-map .round-back-area {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  background-color: #b21f2f;
  z-index: 40;
}

page-view-google-map .round-back-area ion-icon {
  font-size: 2.8rem;
}

page-view-google-map .agm-map-container-inner {
  height: 100% !important;
}

page-violation-details .information-block {
  border-radius: 6px;
  padding: 5px 12px;
}

page-violation-details .refreshNOC {
  font-size: 2em;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

page-violation-list .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
  /* text-transform: uppercase; */
  /* letter-spacing: 1px; */
}

page-violation-list .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-violation-list .year-carrier {
  font-size: 1.6rem !important;
}

page-violation-list .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-violation-list .center-img {
  margin: 0 auto;
  display: block;
}

page-violation-template-list .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
  /* text-transform: uppercase; */
  /* letter-spacing: 1px; */
}

page-violation-template-list .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-violation-template-list .year-carrier {
  font-size: 1.6rem !important;
}

page-violation-template-list .year-carrier .button-md {
  text-transform: capitalize !important;
}

page-violation-template-list .center-img {
  margin: 0 auto;
  display: block;
}

page-welcome .happiness-img {
  width: 10rem;
}

page-welcome .content-page {
  background: url("../assets/images/mydcaa/Welcome-Background.png") no-repeat;
  background-size: cover;
}

page-welcome .top-section {
  padding: 10px 25px;
}

page-welcome .body-section {
  padding: 10px 25px;
  z-index: 1111;
  height: auto;
  margin: 0 auto;
  position: relative;
  min-height: calc(100% - 173px);
}

page-welcome .welcome-animation {
  position: absolute;
  bottom: 0;
  z-index: 111;
  height: auto;
  margin: 0 auto;
}

.welcome .modal-wrapper {
  width: 700px;
  height: 500px;
  max-width: 100%;
  max-height: 100%;
  border-radius: 30px !important;
  left: 0px !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

.welcome.tall_m .modal-wrapper {
  height: 550px;
}

@media screen and (max-width: 600px) {
  .welcome .modal-wrapper {
    width: 95% !important;
    height: 95% !important;
  }
}

page-whistle-blower-details .left7 {
  position: relative;
  left: -7px;
}

page-whistle-blower-details .m-t-35 {
  margin-top: 35px !important;
}

page-whistle-blower-details .m-t-35.more_m {
  margin-top: 40px !important;
}

page-whistle-blower-details .liltop {
  position: relative;
  top: -8px;
}

page-whistle-blower-details .small-action {
  padding: 0;
  height: 15px;
  font-size: 14px;
  font-weight: 800;
  position: relative;
  top: -2px;
}

page-whistle-blower-details .smaller-h2 h2 {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

page-whistle-blower-details .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-whistle-blower-details .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-whistle-blower-details .information-block {
  border-radius: 6px;
  padding: 5px 12px;
}

page-whistle-blower-details .h1-title {
  color: #fff;
  font-size: 2.2rem;
  margin-bottom: 34px;
}

page-whistle-blower-details .label-title {
  font-size: 1.7rem;
  font-weight: 800;
  margin-bottom: 5px;
}

page-whistle-blower-details .label-title.m-t-20 {
  margin-top: 20px !important;
}

page-whistle-blower-details .label-title.m-t-5 {
  margin-top: 5px !important;
}

page-whistle-blower-details .description {
  color: #383838;
  margin-top: 0px;
}

page-whistle-blower-details .over-panel {
  position: relative;
  top: -50px;
}

page-whistle-blower-details .over-panel.nt-20 {
  margin-top: -21px;
}

page-whistle-blower-details .over-panel.nt-20.adj_original_task {
  margin-top: -55px;
}

page-whistle-blower-details .standalone {
  position: relative;
  left: -9px;
}

page-whistle-blower-details .standalone .blk {
  background-color: #f5f5f5 !important;
  border: thin solid #f2f2f2;
  border-bottom: none;
}

page-whistle-blower-details .standalone .blk .tick {
  font-size: 1.3em;
  color: #474747;
}

page-whistle-blower-details .standalone .blklabel {
  font-size: 0.9em;
  border-radius: 0px 0px 4px 4px;
  background-color: #b21f2f !important;
}

page-whistleblower .coverall {
  width: 100%;
  height: 100%;
  background-image: url("../assets/images/whistleblower/webbg.png");
  background-size: cover;
}

page-whistleblower .coverall img.whistlesvg,
page-whistleblower .coverall .mslide {
  height: 120px;
}

page-whistleblower .coverall .fullheight {
  height: 100% !important;
}

page-whistleblower .coverall .higher {
  min-height: 160px;
  max-width: 400px;
}

@media screen and (max-width: 414px) {
  page-whistleblower .coverall {
    background-image: url("../assets/images/whistleblower/webbgphone.png");
  }
  page-whistleblower .coverall img.whistlesvg,
  page-whistleblower .coverall .mslide {
    height: 100px;
  }
}

page-whistleblower .tareacolor {
  background-color: #f8f8f8;
}

page-whistleblower .space {
  margin: 18px 0px 30px 0px;
  background-color: rgba(0, 0, 0, 0.15);
}

page-whistleblower .title {
  font-size: 2rem;
}

page-whistleblower .title.title-margin {
  margin: 30px 0px 0px 0px;
}

page-whistleblower .grayborder {
  border: thin solid #636262;
  min-height: 200px;
}

page-whistleblower .no-wrap .label {
  white-space: initial !important;
}

page-dashboard-drilldown .radial_info .radial_message {
  font-size: 13px !important;
  margin: 3px 0px 5px 0px;
}

page-dashboard-drilldown .radial_info h1,
page-dashboard-drilldown .radial_info2 h1 {
  font-size: 2rem !important;
}

page-dashboard-drilldown .radial_info2 {
  margin-top: -19px;
}

page-dashboard-drilldown .white-card {
  padding-top: 0 !important;
}

@media screen and (max-width: 414px) {
  page-dashboard-drilldown .width50mobile {
    min-width: 50% !important;
  }
  page-dashboard-drilldown .mobile-width {
    max-width: 33% !important;
  }
}

page-dashboard-drilldown .count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #b21f2f;
  color: #fff;
  padding: 1em;
  border-radius: 5px;
  border: none;
  width: 100%;
  text-align: center;
}

page-dashboard-drilldown .count span {
  font-size: 1.8rem;
  font-weight: 800;
}

page-dashboard-drilldown .current_display {
  font-size: 1.7rem;
  margin-bottom: 0px !important;
}

page-dashboard-drilldown .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

page-dashboard-drilldown .radial_info {
  margin-top: -45px;
}

page-dashboard-drilldown .radial_info h1 {
  font-weight: 600;
  margin-bottom: 0;
}

page-dashboard-drilldown .radial_info .radial_message {
  font-size: 15px;
  margin: 3px 0px 5px 0px;
}

page-dashboard-drilldown .percentage-update {
  min-width: 100px;
}

page-dashboard-drilldown .fab-md {
  background-color: #a3a3a3 !important;
  float: right;
}

page-dashboard-drilldown button {
  background-color: #a3a3a3;
}

page-dashboard-drilldown .bottom::before {
  margin-left: 0 !important;
  left: 77px !important;
  bottom: 0;
}

page-dashboard-drilldown .change-view.tooltip {
  display: table;
}

page-es-rules-details .multiline {
  white-space: initial;
  text-align: left;
  line-height: 20px;
  margin-bottom: 5px;
  font-size: initial;
  font-weight: 100;
}

page-es-rules-details .shiftup {
  position: relative;
  top: -8px;
}

page-es-rules-details input {
  position: relative;
  padding: 0.8em;
  width: 100%;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  color: #000;
  font-weight: 400;
  -webkit-appearance: none;
}

page-es-rules-details .input-unit {
  position: absolute;
  right: 30px;
  bottom: 0;
  z-index: 1;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 800;
  color: #a3a3a3;
}

page-es-rules-details .searchbar-search-icon {
  z-index: 10;
}

page-es-rules-details .searchbar-md-cancel {
  z-index: 10;
}

page-followup-inspection-modal .back-area {
  padding-right: 30px;
  position: relative;
  top: -4px;
}

page-followup-inspection-modal .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

page-followup-inspection-modal .reasonText {
  border: none;
  width: 100%;
  padding: 7px 13px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
}

page-followup-inspection-modal .reasonText.invalid {
  border: thin dotted #ec322a;
}

page-followup-inspection-modal .reasonText::-webkit-input-placeholder {
  font-size: 14px;
}

page-followup-inspection-modal .reasonText::-moz-placeholder {
  font-size: 14px;
}

page-followup-inspection-modal .reasonText::-ms-input-placeholder {
  font-size: 14px;
}

page-followup-inspection-modal .reasonText::placeholder {
  font-size: 14px;
}

page-followup-inspection-modal .h1-title {
  color: #fff;
  font-size: 2.2rem;
  margin-bottom: 34px;
}

page-followup-inspection-modal .over-panel {
  position: relative;
  top: -60px;
}

page-followup-inspection-modal .over-panel.nt-20 {
  margin-top: -18px;
}

page-followup-inspection-modal .remarkText {
  border: none;
  width: 100%;
  padding: 7px 13px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
}

page-followup-inspection-modal .remarkText.invalid {
  border: thin dotted #ec322a;
}

page-followup-inspection-modal .remarkText::-webkit-input-placeholder {
  font-size: 14px;
}

page-followup-inspection-modal .remarkText::-moz-placeholder {
  font-size: 14px;
}

page-followup-inspection-modal .remarkText::-ms-input-placeholder {
  font-size: 14px;
}

page-followup-inspection-modal .remarkText::placeholder {
  font-size: 14px;
}

page-followup-inspection-modal .small-padding-tb {
  padding-top: 10px;
  padding-bottom: 10px;
}

page-followup-inspection-modal .status {
  margin-right: 15px;
  margin-left: 15px;
}

page-followup-inspection-modal .status .status-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px dotted #e2e2e2;
  margin: 0 auto;
}

page-followup-inspection-modal .status .status-icon ion-icon {
  font-size: 3rem;
}

page-followup-inspection-modal .status.selected .status-icon {
  border: 2px dotted #b21f2f;
}

page-followup-inspection-modal .status.selected .status-icon ion-icon {
  color: #b21f2f;
}

page-followup-inspection-modal .status.selected .status-text {
  color: #b21f2f;
}

page-followup-inspection-modal .status .status-text {
  text-align: center;
  margin-top: 7px;
  margin-bottom: 0px;
}

.updatestatus {
  background-color: rgba(0, 0, 0, 0.5);
}

.updatestatus .modal-wrapper {
  width: 350px;
  height: 400px;
  left: 0px !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

.updatestatus.tall_m .modal-wrapper {
  height: 550px;
}

page-internal-services-staff-visa-service-add-dependent .space {
  margin-top: 80px;
}

page-internal-services-vehicle-temporarily-service .vehicle-services-footer {
  overflow: hidden;
}

.input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.input__field {
  position: relative !important;
  z-index: 5 !important;
  display: block;
  float: right;
  padding: 0.8em;
  width: 60%;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  color: #aaa;
  font-weight: 400;
  -webkit-appearance: none;
  /* for box shadows to show on iOS */
}

.input__field:focus {
  outline: none;
}

.input__label {
  display: inline-block;
  float: right;
  padding: 0 1em;
  width: 40%;
  color: #ffffff;
  font-weight: 400;
  font-size: 70.25%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input__label-content {
  position: relative;
  display: block;
  padding: 1.6em 0;
  width: 100%;
}

.graphic {
  position: absolute;
  top: 0;
  left: 0;
  fill: none;
}

.icon:not(ion-icon) {
  color: #ddd;
  font-size: 150%;
}

/* Kozakura */
.input--kozakura {
  overflow: hidden;
  padding-bottom: 1em;
}

.input__field--kozakura {
  padding: 0.25em 0.8em;
  margin-top: 1.9em;
  width: 100%;
  background: transparent;
  color: #535454;
  font-size: 1.2em;
  opacity: 0;
}

.input__field--kozakura.revised {
  overflow: auto !important;
  height: auto !important;
}

.input__label--kozakura {
  width: 100%;
  text-align: left;
  position: absolute;
  top: -6px;
  pointer-events: none;
  overflow: hidden;
  padding: 0 0.25em;
  -webkit-transform: translate3d(1em, 3rem, 0);
  transform: translate3d(1em, 3rem, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  font-size: 1.6rem;
}

.input__label-content--kozakura {
  color: #bf5823;
  padding: 0.4em 0 0.25em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.input__label-content--kozakura.dark {
  color: #535454;
  font-weight: 600;
}

.input__label-content--kozakura:after {
  content: attr(data-content);
  position: absolute;
  font-weight: 800;
  top: 101%;
  left: -4px;
  height: 100%;
  width: 100%;
  color: #fff;
  padding: 0.25em 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.35rem;
}

.input__label-content--kozakura.dark:after {
  color: #535454;
}

.graphic--kozakura {
  fill: #f5dfd1;
  pointer-events: none;
  top: 1em;
  bottom: 0px;
  height: 4.5em;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.7s, fill 0.7s;
  -webkit-transition: fill 0.7s, -webkit-transform 0.7s;
  transition: fill 0.7s, -webkit-transform 0.7s;
  transition: transform 0.7s, fill 0.7s;
  transition: transform 0.7s, fill 0.7s, -webkit-transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
  transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
}

.graphic--kozakura.dark {
  fill: #f5f5f5;
}

.graphic--kozakura.dark.textarea {
  height: 7.4em;
}

.extra-t-ontoggle {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.input--filled.extra-t-ontoggle {
  margin-top: 10px;
}

.input__field--kozakura:focus,
.input--filled .input__field--kozakura {
  -webkit-transition: opacity 0s 0.35s;
  transition: opacity 0s 0.35s;
  opacity: 1;
}

.input__field--kozakura:focus + .input__label--kozakura,
.input--filled .input__label--kozakura {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.input__field--kozakura:focus + .input__label--kozakura .input__label-content--kozakura,
.input--filled .input__label-content--kozakura {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.input__field--kozakura:focus ~ .graphic--kozakura,
.input--filled .graphic--kozakura {
  fill: #f7f7f7;
  -webkit-transform: translate3d(-66.6%, 0, 0);
  transform: translate3d(-66.6%, 0, 0);
}

.date-input .date-box {
  background-color: #f5f5f5;
  height: 50px;
  margin-top: 8px;
}

.date-input .date-box .datetime-text {
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  color: #535454 !important;
}

.date-input .date-box ion-item {
  background: none !important;
  padding: 0 !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select-input .select-box {
  background-color: #f5f5f5;
  height: 50px;
  margin-top: 8px;
}

.select-input .select-box .select-icon {
  opacity: 0;
}

.select-input .select-box ion-item {
  background: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.priority-wrapper {
  background-color: #f5f5f5;
}

label.top_label:before {
  content: attr(data-content);
  font-weight: 800;
  width: 100%;
  color: #535454;
  padding: 0.25em 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.35rem;
}

label.top_label.invalid:before {
  color: #ec322a;
  font-weight: 800;
}

textarea.invalid::-webkit-input-placeholder {
  font-style: italic;
}

textarea.invalid::-moz-placeholder {
  font-style: italic;
}

textarea.invalid::-ms-input-placeholder {
  font-style: italic;
}

textarea.invalid::placeholder {
  font-style: italic;
}

.assets-wrapper,
.priority-wrapper {
  background-color: #f5f5f5;
  margin-top: 10px;
}

.assets-wrapper ion-item,
.priority-wrapper ion-item {
  background-color: #f5f5f5;
}

.assets-section,
.priority-section {
  margin-top: 15px;
}

/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 */
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

.pad-little {
  padding: 5px 10px;
}

.hours-container.white- {
  background-color: #fff;
  padding: 7px 14px;
  border-radius: 7px;
}

.hours-container .icon-wrapper {
  padding: 5px 20px;
  background-color: #f2f2f2;
  border-radius: 50px;
  text-align: center;
}

.hours-container .icon-wrapper ion-icon {
  font-size: 1.7em;
}

.hours-container .icon-wrapper.add {
  color: #4aa966;
}

.hours-container .icon-wrapper.minus {
  color: #ec322a;
}

.hours-container #hour-input {
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  width: 40px;
  border: none;
  padding: 0px;
}

.hours-container #hour-input.wide {
  width: 48px;
}

.hours-container #hour-input.widerInput {
  width: 64px;
}

.hours-container .input-number-wrapper {
  width: calc(100% - 116px);
}

.hours-container .input-number-wrapper .hour-label {
  position: relative;
  left: -9px;
  font-size: 1.7rem;
}

appraisal-list .m-t-neg-7 {
  margin-top: -7px;
}

assets-list .no-border-item-inner .item-inner {
  border-bottom: none !important;
}

assets-list .file-location-break {
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

assets-list .object-fit {
  height: 250px;
  overflow: hidden;
}

assets-list .object-fit img:not(.icon_img),
assets-list .object-fit video:not(.icon_img) {
  -o-object-fit: cover;
  object-fit: cover;
  height: 250px;
}

@media screen and (min-width: 768px) {
  assets-list .object-fit {
    height: 350px;
  }
  assets-list .object-fit img:not(.icon_img),
  assets-list .object-fit video:not(.icon_img) {
    height: 350px;
  }
}

assets-list .object-fit .icon_img {
  height: 70px;
}

assets-list .file_action {
  padding: 0px 10px;
  border-radius: 2px;
  position: absolute;
  margin-top: -3px;
}

assets-list .file_action ion-icon {
  font-size: 2.6rem;
}

assets-list .pdf-fit {
  height: 200px;
  overflow: hidden;
}

assets-list .pdf-fit .canvasWrapper {
  width: 350px !important;
  height: auto !important;
}

assets-list .pdf-fit .canvasWrapper canvas {
  width: 350px !important;
  height: auto !important;
}

@media screen and (min-width: 768px) {
  assets-list .pdf-fit {
    height: 300px;
  }
  assets-list .pdf-fit .canvasWrapper {
    width: 450px !important;
  }
  assets-list .pdf-fit .canvasWrapper canvas {
    width: 450px !important;
  }
}

assets-list .pdf-fit ion-badge {
  margin-bottom: 10px;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  margin: auto;
  z-index: 3;
  width: 100px;
  height: 20px;
  font-size: 13px;
}

assets-list .pdf-fit .spinner-pdf {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 4;
}

assets-list .slide-zoom {
  text-align: left;
}

assets-list .swiper-pagination {
  bottom: 0px !important;
}

assets-list .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #b21f2f !important;
}

assets-list .pad30_container .swiper-container {
  padding-bottom: 30px !important;
}

assets-list .others-div {
  height: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

assets-list .others-div img:not(.thumb-nail) {
  height: 100px;
  width: auto !important;
  margin: 9px auto;
  margin-top: -10px;
  display: block;
}

assets-list .others-div .thumb-nail {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

assets-list .others-div .filename-meta {
  font-size: 1.4rem;
  color: #333333;
  font-weight: 800;
}

.adjust_action assets-list .file_action {
  margin-top: 28px !important;
}

assignments-card .icon-space-reduce ion-icon {
  padding-right: 0.2em !important;
}

assignments-card .more-icon {
  position: absolute;
  right: 0px;
  top: 6px;
  width: 40px;
}

assignments-card .more-icon ion-icon {
  font-size: 1.6em !important;
}

audio-player .custom-audio-control-big {
  width: 100%;
  min-width: 220px;
  background-color: #efefef;
  height: 200px;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  background-image: url("../assets/images/audio-visualizer.jpg");
  background-position-y: 15px;
}

audio-player .custom-audio-control-big .playStopDiv {
  height: 50px;
}

audio-player .custom-audio-control-big .playStopDiv .playStop {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #ffffff;
  margin: 0px 20px;
}

audio-player .custom-audio-control-big .playStopDiv .playStop ion-icon {
  font-size: 3rem;
}

audio-player .custom-audio-control-big .playStopDiv .playStop.failed {
  background-color: #ec322a;
}

audio-player .custom-audio-control-big .playStopDiv .vid-rewind-icon,
audio-player .custom-audio-control-big .playStopDiv .vid-volumn {
  font-size: 3rem;
  color: #ffffff;
}

audio-player .custom-audio-control-big .playStopDiv .icon-ios.vid-volumn {
  font-size: 4rem;
}

audio-player .custom-audio-control-big .topLeftDiv {
  position: absolute;
  top: 15px;
  left: 15px;
  height: 30px;
  width: 100%;
}

audio-player .custom-audio-control-big .topLeftDiv .top-left-icon {
  margin-right: 15px !important;
  font-size: 3rem !important;
}

audio-player .custom-audio-control-big .topLeftDiv .top-left-icon:not(.loopicon) {
  color: #ffffff;
}

audio-player .custom-audio-control-big .topLeftDiv .danger {
  margin-right: 15px !important;
  font-size: 3rem !important;
}

audio-player .custom-audio-control-big .topLeftDiv .close-btn-end {
  position: absolute;
  right: 30px;
  font-size: 4rem;
  top: -7px;
  color: #ffffff;
}

audio-player .custom-audio-control-big .audio-progress-div-big {
  position: absolute;
  z-index: 1000000;
  bottom: -10px;
  width: 100%;
}

audio-player .custom-audio-control-big .audio-progress-div-big ion-item {
  background-color: transparent !important;
  padding: 0 0px !important;
}

audio-player .custom-audio-control-big .audio-progress-div-big ion-item .timer-duration {
  font-size: 1.2rem !important;
  color: #ffffff;
}

audio-player .custom-audio-control-big .audio-progress-div-big ion-item .item-inner {
  border: none !important;
}

audio-player .custom-audio-control {
  width: 100%;
  background-color: #efefef;
  height: 35px;
  border-radius: 26px;
}

audio-player .custom-audio-control .playStop {
  height: 35px;
  width: 45px;
  border-radius: 26px 0px 0px 26px;
  background-color: #b21f2f;
}

audio-player .custom-audio-control .playStop ion-icon {
  color: #ffffff;
  margin-left: 5px;
}

audio-player .custom-audio-control .playStop.failed {
  background-color: #ec322a;
}

audio-player .custom-audio-control.noRoundedDesign {
  border-radius: 0px;
}

audio-player .custom-audio-control.noRoundedDesign .playStop {
  border-radius: 0;
}

audio-player .custom-audio-control.noRoundedDesign .playStop ion-icon {
  margin-left: 0px;
}

audio-player .custom-audio-control .aud-progress-div {
  width: 100%;
}

audio-player .custom-audio-control .aud-progress-div ion-item {
  background-color: transparent !important;
  padding: 0 0px !important;
}

audio-player .custom-audio-control .aud-progress-div ion-item .timer-duration {
  font-size: 1.2rem !important;
  color: #b21f2f;
}

audio-player .custom-audio-control .aud-progress-div ion-item .item-inner {
  border: none !important;
}

audio-player .custom-audio-control .m-r-15 {
  margin-right: 15px;
}

audio-player .custom-audio-control .m-r-10 {
  margin-right: 10px;
}

audio-player audio::-internal-media-controls-download-button {
  display: none;
}

audio-player audio::-webkit-media-controls-enclosure {
  overflow: hidden;
}

audio-player audio::-webkit-media-controls-panel {
  width: calc(100% + 30px);
  /* Adjust as needed */
}

autocomplete-search ion-badge {
  font-size: 1.3rem;
  padding: 0.3em 1.5em !important;
}

calendar-widget .calendar {
  margin: 0 auto !important;
  min-height: 60px;
  width: 100%;
  max-width: 65px;
  background-color: #fff;
  border-radius: 5px;
  border: thin solid #a3a3a3;
  text-align: center;
  overflow: hidden;
}

calendar-widget .calendar > .month {
  background-color: #ea6c37;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  border-radius: 3px 3px 0px 0px;
  padding: 2px 0px;
}

calendar-widget .calendar > .day {
  color: #383838;
  margin: 3px 0px;
  font-weight: 900;
  font-size: 18px;
}

calendar-widget .calendar > .year {
  font-size: 12px;
  border-radius: 0px 0px 3px 3px;
  color: #ea6c37;
  font-weight: 900;
  padding: 2px 0px;
}

calendar-widget .time {
  margin-top: 10px;
}

calendar-widget .time ion-badge {
  font-size: 11px !important;
}

@-webkit-keyframes shine {
  to {
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
  }
}

@keyframes shine {
  to {
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
  }
}

@-webkit-keyframes backgrounddimmer {
  to {
    background-color: #f2f2f2;
  }
}

@keyframes backgrounddimmer {
  to {
    background-color: #f2f2f2;
  }
}

@-webkit-keyframes backgrounddimmer2 {
  to {
    background-color: #fff;
  }
}

@keyframes backgrounddimmer2 {
  to {
    background-color: #fff;
  }
}

chart-shimmer .chart-list {
  height: 264px;
  width: 271px;
  border-left: thin dotted #e2e2e2;
  border-bottom: thin dotted #e2e2e2;
  margin: 40px 20px;
}

chart-shimmer .chart-list .column-bar {
  width: 20px;
  margin: 0px 6px;
  background-color: #e2e2e2;
  -webkit-animation: backgrounddimmer 1s ease 0s infinite alternate;
  animation: backgrounddimmer 1s ease 0s infinite alternate;
}

chart-shimmer .chart-list .column-bar.tall {
  height: 250px;
}

chart-shimmer .chart-list .column-bar.medium {
  height: 200px;
}

chart-shimmer .chart-list .column-bar.short {
  height: 150px;
}

chart-shimmer .chart-list .column-bar.very-short {
  height: 50px;
}

*:focus {
  outline: 0;
}

.video-chat-body {
  width: 60%;
  height: 95%;
  border: none;
  border-radius: 15px;
  z-index: 1001;
  background-color: #474747;
  background-image: url("../../assets/images/chat/5.jpg");
  overflow: hidden;
  position: fixed;
}

@media screen and (max-width: 1025px) {
  .video-chat-body {
    width: 100%;
    height: 100%;
    border-radius: 0px;
  }
}

.video-chat-body.fullscreen {
  width: 90%;
  height: 90%;
}

.video-chat-body.showPanelVideo {
  display: block;
}

.page-bottom-buttons {
  width: 50px;
  height: 50px;
  -webkit-box-shadow: #0000004d 0 4px 12px;
  box-shadow: #0000004d 0 4px 12px;
  border-radius: 50%;
  background-color: #fff !important;
}

.user-popbtn {
  z-index: 500;
  position: fixed;
  bottom: 3.5em;
  right: 0px;
  border: none;
  cursor: pointer !important;
  color: #fff;
  padding: 0.92857rem 1.57143rem;
  right: 8px;
}

.user-popbtn .empty-chat {
  display: inline-block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.5em;
  height: 1em;
  font-size: 3rem;
  opacity: 1;
}

.user-popbtn .empty-chat :first-child {
  fill: #d23737;
}

.user-popbtn .chat-loaders {
  position: absolute;
  z-index: 1;
  left: 0px;
  right: 0px;
  bottom: 4px;
  -webkit-transition: opacity 150ms cubic-bezier(0.33, 0, 0.67, 1) 50ms;
  transition: opacity 150ms cubic-bezier(0.33, 0, 0.67, 1) 50ms;
  width: 29px;
  height: 32px;
  opacity: 0;
}

.user-popbtn:hover .icons-chat {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.user-popbtn:hover .chat-loaders {
  opacity: 1;
}

.user-popbtn:hover .empty-chat :last-child {
  fill: #d23737;
}

.user-popbtn:hover .dots {
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.user-popbtn:hover .dot-1 {
  -webkit-animation-name: animation-dot-1;
  animation-name: animation-dot-1;
}

.user-popbtn:hover .dot-2 {
  -webkit-animation-name: animation-dot-2;
  animation-name: animation-dot-2;
}

.user-popbtn:hover .dot-3 {
  -webkit-animation-name: animation-dot-3;
  animation-name: animation-dot-3;
}

.user-popbtn::before {
  content: attr(data-moderatorCount);
  position: absolute;
  width: 23px;
  height: 23px;
  background: #d23737;
  top: -10px;
  line-height: 23px;
  color: #fff;
  left: -5px;
  border-radius: 50%;
  border: 2px solid #fff;
}

.dcaa-shortcodes {
  cursor: pointer;
  z-index: 500;
  right: 8px;
  position: fixed;
  bottom: 9em;
  background-color: #d23737;
  padding: 10px 0;
}

.dcaa-shortcodes ion-icon,
.dcaa-shortcodes span {
  font-size: 1.5em;
  color: #d23737;
}

.dcaa-shortcodes ion-icon:hover,
.dcaa-shortcodes span:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.fabsContainer {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 111100;
}

.fabsContainer a {
  text-decoration: none;
}

.fabsContainer:hover, .fabsContainer:focus {
  text-decoration: none;
}

.fabsContainer.active .fabss {
  -webkit-transform: translateX(50%) scale(1);
  transform: translateX(50%) scale(1);
  opacity: 1;
}

.fabsContainer .fabss {
  width: 25rem;
  height: 25rem;
  position: absolute;
  right: 0;
  bottom: 20px;
  -webkit-transform: translateX(50%) scale(0);
  transform: translateX(50%) scale(0);
  border-radius: 100%;
  -webkit-transition: 350ms ease-in-out;
  transition: 350ms ease-in-out;
  opacity: 0;
}

.fabsContainer .fabss p {
  color: #fff;
  margin: -14px;
  position: relative;
  text-align: right;
  right: 120px;
  font-size: 1em;
  min-width: 195%;
}

.fabsContainer .fabss .fabs-close {
  background-color: #e4e4e4;
  left: 30%;
  top: 42%;
  font-weight: 100;
  cursor: pointer;
  text-align: center;
}

.fabsContainer .fabss .fabs-close ion-icon,
.fabsContainer .fabss .fabs-close span {
  font-size: 1.2em;
  color: #757373;
}

.fabsContainer .fabss .fabs-close:hover {
  background-color: #f2f2f2;
}

.fabsContainer .fabss a {
  cursor: pointer;
  background-color: #d23737;
}

.fabsContainer .fabss a ion-icon,
.fabsContainer .fabss a span {
  font-weight: 100;
  color: #fff;
  font-size: 1.6em;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  display: block;
}

.fabsContainer .fabss a:nth-of-type(1) {
  left: 26%;
  top: -6%;
}

.fabsContainer .fabss a:nth-of-type(2) {
  left: 4%;
  top: 15%;
}

.fabsContainer .fabss a:nth-of-type(3) {
  left: -6%;
  top: 43%;
}

.fabsContainer .fabss a:nth-of-type(4) {
  left: 4%;
  top: 66%;
}

.fabsContainer .fabss a:nth-of-type(5) {
  left: 27%;
  top: 86%;
}

.fabsContainer .fabss a:hover {
  background-color: #d24341;
}

.fabs {
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  border-radius: 100%;
  left: 0;
  top: 0;
  -webkit-transition: 350ms ease-in-out;
  transition: 350ms ease-in-out;
}

.fabs-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background-color: #313131;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.fabs-overlay.active {
  opacity: 1;
  visibility: visible;
}

.bounce-in-right {
  -webkit-animation-name: bounce-in-right;
  animation-name: bounce-in-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes bounce-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
  }
}

@keyframes bounce-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
  }
}

chat-sessions-card .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

chat-sessions-card .zeropoint9 ion-icon {
  font-size: 0.9em;
}

chat-sessions-card .pad-children > .bigger {
  padding: 7px 0px;
}

@media screen and (max-width: 414px) {
  chat-sessions-card .pad-children > .bigger {
    min-width: 50%;
  }
}

@media screen and (max-width: 414px) {
  chat-sessions-card .pad-children.spread-50 {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  chat-sessions-card .pad-children.spread-50 .t-left-mobile {
    text-align: left !important;
  }
}

chat-sessions-card .pad-left-right {
  padding: 0px 10px;
}

chat-sessions-card .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

chat-sessions-card .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

chat-sessions-card .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

chat-sessions-card .gray-text {
  color: #474747 !important;
}

chat-sessions-card .m-p-2 {
  position: relative;
  top: 2px;
}

chat-sessions-card #outer-div {
  width: 100%;
  text-align: center;
}

chat-sessions-card #inner-div {
  display: inline-block;
  margin: 0 auto;
}

competency-list .icon-space-reduce ion-icon {
  padding-right: 0.2em !important;
}

contact-feedback-card .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

contact-feedback-card .pad-children > .bigger {
  padding: 7px 0px;
}

contact-feedback-card .pad-left-right {
  padding: 0px 10px;
}

contact-feedback-card .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

contact-feedback-card .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

contact-feedback-card p {
  margin: 4px 0px;
}

contact-feedback-card .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

contact-feedback-card .gray-text {
  color: #474747;
}

contact-feedback-card .m-p-2 {
  position: relative;
  top: 2px;
}

contact-feedback-card .vip-icon {
  margin-right: 15px !important;
  position: absolute !important;
  right: 0 !important;
}

contact-feedback-card .icon-align {
  margin-left: 20px;
}

countdown ion-grid {
  width: 420px !important;
  max-width: 100%;
  margin: 0 auto;
}

countdown .nodays {
  width: 280px !important;
}

countdown .nohours {
  width: 190px !important;
}

countdown .nominutes {
  width: 90px !important;
}

countdown .blk {
  width: 60px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 5px 5px 0px 0px;
  margin: 0 auto;
  text-align: center;
  display: table;
}

countdown .blk .tick {
  display: table-cell;
  vertical-align: middle;
  font-size: 1em;
  font-weight: 900;
  color: #b21f2f;
}

countdown .blk:after {
  content: ":";
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: -5%;
  top: 25%;
  font-size: 1.2em;
}

countdown ion-col:last-child .blk:after {
  display: none;
}

countdown .blklabel {
  width: 60px;
  padding: 2px 1px 3px 1px;
  background-color: #5c80ae;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 0.7em;
}

countdown .nodays .blklabel {
  background-color: #A63939;
}

countdown .no-break {
  white-space: nowrap;
}

custom-header .avatar-div {
  width: 40px;
  height: 40px;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
}

custom-header .back-area ion-icon {
  color: #fff;
  font-size: 3rem;
}

custom-header .title-area p {
  font-size: 2rem;
  color: #fff;
  font-weight: 600;
}

databox-file-upload .db-progress-pane {
  background-color: #e2e2e2;
  width: 100%;
  border-radius: 4px;
}

databox-file-upload .db-progress-pane .dbox-progress-barr {
  height: 28px;
  background-color: #4aa966;
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

databox-file-upload .db-upload {
  border: thin solid #fff;
  border-radius: 5px !important;
  background-color: transparent;
  position: relative;
}

databox-file-upload .db-upload input {
  visibility: hidden;
  position: absolute;
}

databox-file-upload .file-actions {
  padding: 0 1.5em !important;
  color: #636262;
  font-size: 0.8em;
  font-weight: 600;
  height: 28px;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #e2e2e2;
}

databox-file-upload .file-actions:hover {
  background-color: transparent !important;
  color: #636262;
  border: 1px solid #e2e2e2;
}

databox-file-upload .upload-btn-panel {
  width: 100%;
  padding: 0.5em 0;
}

databox-file-upload .round-icon {
  width: 35px;
  height: 35px;
}

databox-file-upload .round-icon ion-icon {
  font-size: 1.8em;
}

databox-folder .white-bg {
  background: #fff !important;
}

databox-folder .folder-p {
  margin: 5px 0 2px 0;
}

databox-folder .margin-b-2 {
  margin-bottom: 2px;
}

databox-folder .group-folder {
  margin: 0 .5em .5em 0;
  padding: .6em;
  width: 120px;
  height: 100px;
  border-radius: 6px;
  background-color: #f0f1f9;
}

databox-folder .group-folder-icon {
  font-size: 2em;
}

databox-folder .group-folder-text {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

databox-folder .blue-bg {
  background: #3597f0 !important;
  color: #fff;
}

databox-folder input {
  font-size: 1.4rem;
  outline: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #3597f0;
}

databox-folder .mr-9 {
  margin-bottom: -9px;
}

databox-folder .members-icon {
  font-size: 1.3em;
  border-radius: 50%;
  background: #b6b7b6;
  color: #fff;
  padding: .2em;
}

databox-folder .folder {
  margin: 1.5em .4em;
  width: auto;
  height: auto;
  border-radius: 0 23px 23px;
  background-color: #f0f1f9;
}

databox-folder .folder.dashed {
  background-color: #fff;
  border: 2px dashed #a3a3a3;
}

databox-folder .folder.dashed::before {
  border: 2px dashed #a3a3a3;
  border-bottom: none;
  width: 40%;
  background-color: #fff;
  height: 29px;
  position: absolute;
  top: -30px;
  left: -2px;
}

databox-folder .folder ion-input {
  margin-left: -8px;
}

databox-folder .folder::before {
  content: '';
  width: 38%;
  height: 30px;
  border-radius: 23px 42px 0px 0px;
  background-color: #f0f1f9;
  position: absolute;
  top: -26px;
  left: 0px;
}

databox-folder .folder:hover {
  background-color: #b21f2f;
  color: #fff;
  border-radius: 0 23px 23px;
}

databox-folder .folder:hover p,
databox-folder .folder:hover ion-input,
databox-folder .folder:hover input,
databox-folder .folder:hover .text-input {
  color: #fff;
}

databox-folder .folder:hover .hover-bg {
  color: #b21f2f;
  background-color: #fff;
}

databox-folder .folder:hover ion-input,
databox-folder .folder:hover input,
databox-folder .folder:hover .text-input {
  background: #b21f2f;
  border: 1px solid #b21f2f;
}

databox-folder .folder:hover::before {
  background-color: #b21f2f;
  color: #fff;
}

databox-folder .circle-width {
  border-radius: 50%;
  width: 29px;
  height: 29px;
}

databox-folder .add-employee {
  background: #b6b7b6;
}

databox-folder .add-employee span {
  font-size: .9em;
}

databox-folder .trash {
  position: absolute;
  right: 14px;
  top: -25px;
}

databox-folder .trash:hover ion-icon {
  color: #b21f2f;
}

databox-folder .margin-4 {
  margin: 4px 0;
}

databox-folder .margin-14 {
  margin: 14px 0;
}

databox-folder .m-b-7 {
  margin-bottom: 7px;
}

databox-folder .p-l-r {
  padding-left: .5em;
  padding-right: .5em;
}

databox-folder .m-l-r-4 {
  margin: 0 4px !important;
}

databox-folder .mr-b-8 {
  margin-bottom: -8px;
}

databox-list .photo-set {
  margin-right: 3px !important;
}

databox-list .photo-set ionic-image-cache.img-circle.mb-5 {
  margin-top: 9px;
}

databox-list .white-bg {
  background: #fff !important;
}

databox-list .small-date {
  font-size: .8em;
  margin: 0 5px !important;
  color: #636262;
}

databox-list .blue-bg {
  background: #3597f0 !important;
  color: #fff;
}

databox-list .mb-5 {
  margin-bottom: -5px;
}

databox-list .ext-img {
  width: 30px !important;
}

databox-list .circle-width {
  border-radius: 50%;
  width: 29px;
  height: 29px;
}

databox-list .ellipsis-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 5px !important;
}

databox-list .members-icon {
  font-size: 1.5em;
  border-radius: 50%;
  background: #b6b7b6;
  color: #fff;
  padding: .2em;
}

databox-list .file-actions {
  margin: 0 !important;
  height: auto;
  padding: .3em 1em !important;
  font-size: 1em;
}

@media screen and (max-width: 414px) {
  databox-list .ellipsis-txt {
    width: 145px !important;
  }
  databox-list .mobile {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  databox-list .ellipsis-txt {
    width: 300px;
  }
}

databox-members-card .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

databox-members-card .pad-children > .bigger {
  padding: 7px 0px;
}

databox-members-card .pad-left-right {
  padding: 0px 10px;
}

databox-members-card .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

databox-members-card .members-icon {
  font-size: 2em;
  width: 40px;
  height: 40px;
  padding: .2em;
  padding: .2em;
}

databox-members-card .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

databox-members-card .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

databox-members-card .gray-text {
  color: #474747;
}

databox-members-card .m-p-2 {
  position: relative;
  top: 2px;
}

date-selector .year-carrier {
  padding: 0 10px;
  font-size: 1.6rem !important;
}

date-selector .year-carrier.month {
  padding-right: 0px;
}

date-selector .year-carrier.openMonth {
  min-width: 105px !important;
}

date-selector .year-carrier .button-md {
  text-transform: capitalize !important;
}

dcaa-chart {
  /*.highcharts-container {
      width: auto !important;
      max-width: 100% !important;
      .highcharts-root {
          max-width: 100% !important;
      }
  }*/
}

dcaa-chart .sliderneg20 .swiper-pagination-bullets {
  bottom: 5px !important;
}

dcaa-chart .sliderneg20 .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #636262;
}

dcaa-chart .sliderneg20 ion-range {
  padding-bottom: 22px !important;
}

dcaa-chart .chart-div {
  margin-top: 10px;
}

.md dcaa-chart .sliderneg20,
.ios dcaa-chart .sliderneg20 {
  position: relative;
  top: -17px;
  z-index: 10;
}

.md dcaa-chart .sliderneg20 .swiper-pagination-bullets,
.ios dcaa-chart .sliderneg20 .swiper-pagination-bullets {
  bottom: 2px !important;
}

.md dcaa-chart .sliderneg20 .swiper-pagination-bullets .swiper-pagination-bullet-active,
.ios dcaa-chart .sliderneg20 .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #636262;
}

.md dcaa-chart .sliderneg20 ion-range,
.ios dcaa-chart .sliderneg20 ion-range {
  padding-bottom: 17px !important;
}

e-certificate-template-card .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

e-certificate-template-card .pad-children > .bigger {
  padding: 7px 0px;
}

e-certificate-template-card .pad-left-right {
  padding: 0px 10px;
}

e-certificate-template-card .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

e-certificate-template-card .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

e-certificate-template-card .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

e-certificate-template-card .gray-text {
  color: #474747;
}

e-certificate-template-card .m-p-2 {
  position: relative;
  top: 2px;
}

employee-list-filter .userfullname {
  display: none;
}

employee-list-filter .ion-md-code-working {
  margin-left: 4.5px !important;
}

employee-list-filter .small-avatar-overlay {
  width: 42px;
  height: 42px;
  margin-right: 0 !important;
  border: 2px solid #fff;
  border-radius: 50%;
  position: relative;
}

employee-list-filter .small-avatar-overlay.no-border {
  border: none !important;
}

employee-list-filter .small-avatar-overlay.is_leader {
  border-color: #cfa508;
  width: 42px;
  height: 42px;
}

employee-list-filter .small-avatar-overlay.is_team_sponsor {
  border-color: #b21f2f;
}

employee-list-filter .add-emp {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #d24341;
  border: 2px solid #fff;
  font-size: 22px;
  color: #fff;
}

employee-list-filter .add-emp.selectAll {
  background-color: #cfa508;
}

employee-list-filter .add-emp.all {
  background-color: #ff9f01;
}

file-uploader {
  /*assets-list {
      visibility: hidden;
      height: 20px;
      position: absolute;
      top: 10px;
      z-index: -1;
  }*/
}

file-uploader .fileuploader_icons {
  padding: 10px 0px;
}

file-uploader .fileuploader_icons .icon-compound {
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

file-uploader .fileuploader_icons .icon-compound .icon {
  font-size: 2.9rem;
}

file-uploader .progress-barr {
  height: 28px;
  background-color: #4aa966;
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

file-uploader .fileSelectedList .file-avatar {
  width: 60px;
  padding: 5px 3px;
  color: #ffffff;
  background-color: #383838;
  text-align: center;
  border-radius: 3px;
}

file-uploader .fileSelectedList .filename_ {
  padding-top: 2px !important;
}

file-uploader ion-list.fileSelectedList ion-item.item {
  padding-left: 10px;
}

file-uploader assets-list ion-item.item {
  padding-left: 10px !important;
}

.min-height55 {
  min-height: 50px;
}

.dcaa_menu_logo {
  height: 40px;
  position: relative;
  right: -5px;
}

@media screen and (max-width: 414px) {
  .dcaa_menu_logo {
    height: 28px;
  }
}

.reset_title {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.reset_title .toolbar-title.toolbar-title-ios,
.reset_title .toolbar-title.toolbar-title-md {
  color: #fff;
  font-weight: 400;
}

.left-11 {
  left: 11px;
}

.joinToolBars {
  margin-bottom: -13px;
}

.top_panel_ {
  background-color: #fff;
  min-height: 20px;
  position: relative;
}

.top_panel_ .my-fab {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 1px 1px #f2f2f2;
  box-shadow: 0px 1px 1px #f2f2f2;
  background-color: #fff;
  right: 16px;
  bottom: 13px;
}

.top_panel_ .searchbar-ios,
.top_panel_ .searchbar-md {
  background: #f5f5f5;
  border: thin solid #f2f2f2;
  border-radius: 32px;
  min-height: 40px;
}

.top_panel_ .searchbar-ios .searchbar-input,
.top_panel_ .searchbar-md .searchbar-input {
  font-size: 1.6rem;
  height: 2.5rem;
  background-color: #f5f5f5;
}

.top_panel_ .searchbar-ios .searchbar-search-icon,
.top_panel_ .searchbar-md .searchbar-search-icon {
  top: 6px;
}

.top_panel_ .searchbar-md {
  border-radius: 6px;
}

.top_panel_ .searchbar-md .searchbar-input {
  font-size: 1.8rem;
}

.top_panel_ .searchbar-md .searchbar-input::-webkit-input-placeholder {
  font-size: 1.8rem;
}

.top_panel_ .searchbar-md .searchbar-input::-moz-placeholder {
  font-size: 1.8rem;
}

.top_panel_ .searchbar-md .searchbar-input::-ms-input-placeholder {
  font-size: 1.8rem;
}

.top_panel_ .searchbar-md .searchbar-input::placeholder {
  font-size: 1.8rem;
}

.top_panel_ .searchbar-md .searchbar-search-icon {
  top: 3px;
}

.top_panel_ .notification-btn .notification-count-badge {
  position: relative;
  top: -5px;
  right: -13px;
  padding: 3px 5px;
  font-size: 10px;
}

google-map {
  /* Absolute Center Spinner */
  /* Transparent Overlay */
}

google-map form {
  height: 100%;
}

google-map .spin {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
}

google-map ion-spinner {
  width: 40px;
  height: 40px;
}

google-map .loading-full {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

google-map .loading-full:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

google-map .modal-height {
  height: 100vh !important;
}

google-map .form-height {
  height: 75vh !important;
}

google-map .polygonInfo {
  position: absolute;
  z-index: 2000;
  max-width: auto;
  background-color: #fff;
  border-radius: 7px;
  padding: 10px;
  border: 2px solid #fff;
}

google-map input {
  border: 1px solid;
  border-left: 3px solid;
  padding: 5px 10px;
}

google-map .polygon-info-container {
  border: 1px solid #ced4da;
  padding: 10px;
  margin-bottom: 20px;
}

google-map .scroll-polygons {
  padding: 15px 20px;
  max-height: 220px;
  height: 220px;
  overflow: auto;
}

google-map .scroll-polygons::-webkit-scrollbar-track {
  -webkit-box-shadow: #b21f2f;
  background-color: #F5F5F5;
}

google-map .scroll-polygons::-webkit-scrollbar {
  width: 3px;
  background-color: #F5F5F5;
}

google-map .scroll-polygons::-webkit-scrollbar-thumb {
  background-color: #b21f2f;
}

google-map .polygon-info-positioning {
  position: absolute;
  z-index: 10;
  background: white;
  right: 0;
  margin: 0 10px;
  top: 90px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 6px #b3a6a6;
  box-shadow: 1px 1px 6px #b3a6a6;
}

google-map .trans-info {
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin: 0;
}

google-map .polygon-info-hide {
  cursor: pointer;
  padding: 5px 10px;
  background: #f7f7f7;
}

google-map .open-poly-info {
  padding: 10px 12px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 6px #b3a6a6;
  box-shadow: 1px 1px 6px #b3a6a6;
  cursor: pointer;
  margin: 0 10px;
  position: absolute;
  right: 0;
}

google-map .open-poly-info:hover {
  background: #A0A0A0;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

google-map .info-pin {
  position: absolute;
  left: -10px;
  top: -10px;
}

google-map .info-pin span {
  background: #fff;
  color: #b21f2f;
  padding: 5px;
  border-radius: 50%;
  font-size: 0.900em;
  -webkit-box-shadow: 1px 1px 4px 0px #9a7474;
  box-shadow: 1px 1px 4px 0px #9a7474;
}

google-map .info-pin span:hover {
  background: #b21f2f;
  color: #fff;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

google-map .location-info {
  position: absolute;
  z-index: 2000;
  background-color: #fff;
  border-radius: 40px;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  /* min-width: 300px; */
  max-width: 400px;
  margin-left: 8px;
  margin-top: 18px;
  min-width: 300px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

google-map .location-info .icon-section {
  width: 10%;
  min-width: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

google-map .location-info .icon-section .icon {
  width: 100%;
  border-radius: 50%;
}

google-map .location-info .info-section {
  width: 100%;
}

google-map .location-info .info-section .titel {
  color: red;
  font-size: 16px;
  line-height: 1rem;
}

google-map .location-info .info-section .description {
  font-size: 14px;
}

google-map .location-info .info-section .altitude {
  font-size: 12px;
}

google-map .location-panel {
  margin-top: 60px;
  width: 300px;
  max-width: 300px;
}

google-map .location-panel .header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 1rem 1.5rem;
  background-color: #d23737;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

google-map .location-panel .header h5 {
  margin: 0;
}

google-map .location-panel .header span {
  font-size: larger;
}

google-map .location-panel .header .to-the-right .open-poly-info {
  margin: 0 10px;
  position: absolute;
  right: 0;
}

google-map .location-panel input {
  cursor: pointer;
}

google-map .location-panel .body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #fff;
  padding: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 15px 20px;
  max-height: 40vh;
  height: auto;
  overflow-y: scroll;
  row-gap: .5rem;
}

google-map .location-panel .body .form-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

google-map .location-panel .body .form-group input.Selected {
  font-weight: bold;
  border-color: #d23737;
}

google-map .location-panel .body .legend-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  border-radius: 6px;
  cursor: pointer;
}

google-map .location-panel .body .legend-list-item.Selected .legend-list-Text {
  font-weight: 600;
}

google-map .location-panel .body .legend-list-item .legend-list-Icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20%;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  color: #fff;
  border: none;
  font-size: 20px;
}

google-map .location-panel .body .legend-list-item .legend-list-Text {
  width: 100%;
  padding: 0.5rem;
  padding-left: 1rem;
  border: none;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

google-map .TermsAndConditionsModal-btn {
  background-color: #222222;
  width: 90%;
  margin-top: 10px;
  margin: auto;
  margin-top: 10px;
  white-space: nowrap;
}

google-map #insidebox {
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  position: absolute;
  top: 60px;
  margin: 10px;
}

google-map #insidebox .open-poly-info {
  padding: 10px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #ced4da;
  font-size: large;
  margin: unset;
  right: unset;
  width: 40px;
  height: 40px;
  margin-top: 60px;
  cursor: pointer;
}

google-map #insidebox .open-poly-info:hover {
  background: #ced4da;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

google-map .terms-panel {
  margin-right: 10px;
  text-align: start !important;
}

google-map .terms-panel .header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 1rem 1.5rem;
  background-color: #d23737;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

google-map .terms-panel .header h5 {
  margin: 0;
}

google-map .terms-panel .header span {
  font-size: larger;
}

google-map .terms-panel .body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #fff;
  padding: 1.5rem;
  padding: 15px 20px;
  max-height: 60vh;
  height: auto;
  overflow: auto;
}

google-map .terms-panel .body::-webkit-scrollbar-track {
  -webkit-box-shadow: #d23737;
  background-color: #F5F5F5;
}

google-map .terms-panel .body::-webkit-scrollbar {
  width: 3px;
  background-color: #F5F5F5;
}

google-map .terms-panel .body::-webkit-scrollbar-thumb {
  background-color: #d23737;
}

google-map .btn-text {
  color: #666666;
  font-weight: bold;
}

google-map .btn-text:hover {
  color: #000;
}

happinessmeter {
  /*
  .emoji--like {
      background: $emoji-like-color;

      &:after {
          content: 'Like';
      }

      .emoji__hand {
          left: 25px;
          bottom: 30px;
          width: 20px;
          height: 40px;
          background: $emoji-white-color;
          border-radius: 5px;
          z-index: 0;
          animation: hands-up 2s linear infinite;

          &:before {
              left: 25px;
              bottom: 5px;
              width: 40px;
              background: inherit;
              height: 10px;
              border-radius: 2px 10px 10px 2px;
              box-shadow: 1px -9px 0 1px $emoji-white-color, 2px -19px 0 2px $emoji-white-color, 3px -29px 0 3px $emoji-white-color;
          }
      }

      .emoji__thumb {
          border-bottom: 20px solid $emoji-white-color;
          border-left: 20px solid transparent;
          top: -25px;
          right: -25px;
          z-index: 2;
          transform: rotate(5deg);
          transform-origin: 0% 100%;
          animation: thumbs-up 2s linear infinite;

          &:before {
              border-radius: 50% 50% 0 0;
              background: $emoji-white-color;
              width: 10px;
              height: 12px;
              left: -10px;
              top: -8px;
              transform: rotate(-15deg);
              transform-origin: 100% 100%;
              box-shadow: -1px 4px 0 -1px $emoji-white-color;
          }
      }
  }

  .emoji--love {
      background: $emoji-love-color;

      &:after {
          content: 'Love';
      }

      .emoji__heart {
          left: calc(50% - 40px);
          top: calc(50% - 40px);
          width: 80px;
          height: 80px;
          animation: heart-beat 1s linear infinite alternate;

          &:before, &:after {
              left: calc(50% - 20px);
              top: calc(50% - 32px);
              width: 40px;
              height: 64px;
              background: $emoji-white-color;
              border-radius: 20px 20px 0 0;
          }

          &:before {
              transform: translate(20px) rotate(-45deg);
              transform-origin: 0 100%;
          }

          &:after {
              transform: translate(-20px) rotate(45deg);
              transform-origin :100% 100%;
          }
      }
  }
  */
  /*
  .emoji--wow {
      &:after {
          content: 'Wow';
      }
    .emoji__face {
      animation: wow-face 3s linear infinite;
    }

    .emoji__eyebrows {
          left: calc(50% - 3px);
          height: 6px;
          width: 6px;
          border-radius: 50%;
          background: transparent;
          box-shadow: -18px 0 0 0 $emoji-black-color, -33px 0 0 0 $emoji-black-color, 18px 0 0 0 $emoji-black-color, 33px 0 0 0 $emoji-black-color;
          animation: wow-brow 3s linear infinite;

          &:before, &:after {
              width: 24px;
              height: 20px;
              border: 6px solid $emoji-black-color;
              box-sizing: border-box;
              border-radius: 50%;
              border-bottom-color: transparent;
              border-left-color: transparent;
              border-right-color: transparent;
              top: -3px;
              left: calc(50% - 12px);
          }

          &:before {
              margin-left: -25px;
          }

          &:after {
              margin-left: 25px;
          }
      }

      .emoji__eyes {
          width: 16px;
          height: 24px;
          left: calc(50% - 8px);
          top: 35px;
          border-radius: 50%;
          background: transparent;
          box-shadow: 25px 0 0 0 $emoji-black-color, -25px 0 0 0 $emoji-black-color;
      }

      .emoji__mouth {
          width: 30px;
          height: 45px;
          left: calc(50% - 15px);
          top: 50%;
          border-radius: 50%;
          background: $emoji-black-color;
          animation: wow-mouth 3s linear infinite;
      }
  }
  */
}

happinessmeter .emoji {
  width: 120px;
  height: 120px;
  margin: 15px 15px 40px;
  background: #FFDA6A;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}

@media screen and (max-width: 550px) {
  happinessmeter .emoji {
    margin-left: 15px;
  }
  happinessmeter .emoji.morelefting {
    margin-left: -30px;
  }
}

happinessmeter .emoji:after {
  position: absolute;
  bottom: -40px;
  font-size: 24px;
  width: 150px;
  left: calc(50% - 79px);
  color: #000000;
  text-align: center;
  letter-spacing: 1px;
}

happinessmeter .emoji.active ion-icon {
  display: block;
  font-size: 76px;
  position: absolute;
  top: 144px;
  left: 33%;
  color: #4aa966;
}

happinessmeter .emoji.active:after {
  color: #4aa966;
}

happinessmeter .emoji__face, happinessmeter .emoji__eyebrows, happinessmeter .emoji__eyes, happinessmeter .emoji__mouth, happinessmeter .emoji__tongue, happinessmeter .emoji__heart, happinessmeter .emoji__hand, happinessmeter .emoji__thumb {
  position: absolute;
}

happinessmeter .emoji__face:before, happinessmeter .emoji__face:after, happinessmeter .emoji__eyebrows:before, happinessmeter .emoji__eyebrows:after, happinessmeter .emoji__eyes:before, happinessmeter .emoji__eyes:after, happinessmeter .emoji__mouth:before, happinessmeter .emoji__mouth:after, happinessmeter .emoji__tongue:before, happinessmeter .emoji__tongue:after, happinessmeter .emoji__heart:before, happinessmeter .emoji__heart:after, happinessmeter .emoji__hand:before, happinessmeter .emoji__hand:after, happinessmeter .emoji__thumb:before, happinessmeter .emoji__thumb:after {
  position: absolute;
  content: '';
}

happinessmeter .emoji__face {
  width: inherit;
  height: inherit;
}

happinessmeter .emoji--haha:after {
  content: 'Accepted';
}

happinessmeter .emoji--haha.active ion-icon {
  color: #4aa966;
}

happinessmeter .emoji--haha.active:after {
  color: #4aa966;
}

happinessmeter .emoji--haha .emoji__face {
  -webkit-animation: haha-face 2s linear infinite;
  animation: haha-face 2s linear infinite;
}

happinessmeter .emoji--haha .emoji__eyes {
  width: 26px;
  height: 6px;
  border-radius: 2px;
  left: calc(50% - 13px);
  top: 35px;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  background: transparent;
  -webkit-box-shadow: -25px 5px 0 0 #000000, 25px -5px 0 0 #000000;
  box-shadow: -25px 5px 0 0 #000000, 25px -5px 0 0 #000000;
}

happinessmeter .emoji--haha .emoji__eyes:after {
  left: 0;
  top: 0;
  width: 26px;
  height: 6px;
  border-radius: 2px;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
  background: transparent;
  -webkit-box-shadow: -25px -5px 0 0 #000000, 25px 5px 0 0 #000000;
  box-shadow: -25px -5px 0 0 #000000, 25px 5px 0 0 #000000;
}

happinessmeter .emoji--haha .emoji__mouth {
  width: 80px;
  height: 40px;
  left: calc(50% - 40px);
  top: 50%;
  background: #000000;
  border-radius: 0 0 40px 40px;
  overflow: hidden;
  z-index: 1;
  -webkit-animation: haha-mouth 2s linear infinite;
  animation: haha-mouth 2s linear infinite;
}

happinessmeter .emoji--haha .emoji__tongue {
  width: 70px;
  height: 30px;
  background: #F55064;
  left: calc(50% - 35px);
  bottom: -10px;
  border-radius: 50%;
}

happinessmeter .emoji--yay:after {
  content: 'Acceptable';
  -webkit-animation: yay-reverse 1s linear infinite;
  animation: yay-reverse 1s linear infinite;
}

happinessmeter .emoji--yay.active ion-icon {
  color: #cfa508;
}

happinessmeter .emoji--yay.active:after {
  color: #cfa508;
}

happinessmeter .emoji--yay .emoji__face {
  -webkit-animation: yay 1s linear infinite alternate;
  animation: yay 1s linear infinite alternate;
}

happinessmeter .emoji--yay .emoji__eyebrows {
  left: calc(50% - 3px);
  top: 30px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: transparent;
  -webkit-box-shadow: -6px 0 0 0 #000000, -36px 0 0 0px #000000, 6px 0 0 0 #000000, 36px 0 0 0px #000000;
  box-shadow: -6px 0 0 0 #000000, -36px 0 0 0px #000000, 6px 0 0 0 #000000, 36px 0 0 0px #000000;
}

happinessmeter .emoji--yay .emoji__eyebrows:before, happinessmeter .emoji--yay .emoji__eyebrows:after {
  width: 36px;
  height: 18px;
  border-radius: 60px 60px 0 0;
  background: transparent;
  border: 6px solid black;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 0;
  bottom: 3px;
  left: calc(50% - 18px);
}

happinessmeter .emoji--yay .emoji__eyebrows:before {
  margin-left: -21px;
}

happinessmeter .emoji--yay .emoji__eyebrows:after {
  margin-left: 21px;
}

happinessmeter .emoji--yay .emoji__mouth {
  top: 60px;
  background: transparent;
  left: 50%;
}

happinessmeter .emoji--yay .emoji__mouth:after {
  width: 80px;
  height: 80px;
  left: calc(50% - 40px);
  top: -75px;
  border-radius: 50%;
  background: transparent;
  border: 6px solid #000000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  z-index: 1;
}

happinessmeter .emoji--yay .emoji__mouth:before {
  width: 6px;
  height: 6px;
  background: transparent;
  border-radius: 50%;
  bottom: 5px;
  left: calc(50% - 3px);
  -webkit-box-shadow: -25px 0 0 0 #000000, 25px 0 0 0 #000000, -35px -2px 30px 10px #D5234C, 35px -2px 30px 10px #D5234C;
  box-shadow: -25px 0 0 0 #000000, 25px 0 0 0 #000000, -35px -2px 30px 10px #D5234C, 35px -2px 30px 10px #D5234C;
}

happinessmeter .emoji--sad:after {
  content: 'Neutral';
}

happinessmeter .emoji--sad.active ion-icon {
  color: #ec322a;
}

happinessmeter .emoji--sad.active:after {
  color: #ec322a;
}

happinessmeter .emoji--sad .emoji__face {
  -webkit-animation: sad-face 2s ease-in infinite;
  animation: sad-face 2s ease-in infinite;
}

happinessmeter .emoji--sad .emoji__eyebrows {
  left: calc(50% - 3px);
  top: 35px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: transparent;
  -webkit-box-shadow: -40px 9px 0 0 #000000, -25px 0 0 0 #000000, 25px 0 0 0 #000000, 40px 9px 0 0 #000000;
  box-shadow: -40px 9px 0 0 #000000, -25px 0 0 0 #000000, 25px 0 0 0 #000000, 40px 9px 0 0 #000000;
}

happinessmeter .emoji--sad .emoji__eyebrows:before, happinessmeter .emoji--sad .emoji__eyebrows:after {
  width: 30px;
  height: 20px;
  border: 6px solid #000000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  top: 2px;
  left: calc(50% - 15px);
}

happinessmeter .emoji--sad .emoji__eyebrows:before {
  margin-left: -30px;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

happinessmeter .emoji--sad .emoji__eyebrows:after {
  margin-left: 30px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

happinessmeter .emoji--sad .emoji__eyes {
  width: 14px;
  height: 16px;
  left: calc(50% - 7px);
  top: 50px;
  border-radius: 50%;
  background: transparent;
  -webkit-box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
  box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
}

happinessmeter .emoji--sad .emoji__eyes:after {
  background: #548DFF;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  border-radius: 0 100% 40% 50% / 0 50% 40% 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: tear-drop 2s ease-in infinite;
  animation: tear-drop 2s ease-in infinite;
}

happinessmeter .emoji--sad .emoji__mouth {
  width: 60px;
  height: 80px;
  left: calc(50% - 30px);
  top: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 6px solid #000000;
  border-radius: 50%;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  background: transparent;
  -webkit-animation: sad-mouth 2s ease-in infinite;
  animation: sad-mouth 2s ease-in infinite;
}

happinessmeter .emoji--sad .emoji__mouth:after {
  width: 6px;
  height: 6px;
  background: transparent;
  border-radius: 50%;
  top: 4px;
  left: calc(50% - 3px);
  -webkit-box-shadow: -18px 0 0 0 #000000, 18px 0 0 0 #000000;
  box-shadow: -18px 0 0 0 #000000, 18px 0 0 0 #000000;
}

happinessmeter .emoji--angry {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-10%, #D5234C), to(#FFDA6A));
  background: linear-gradient(#D5234C -10%, #FFDA6A);
  background-size: 100%;
  -webkit-animation: angry-color 2s ease-in infinite;
  animation: angry-color 2s ease-in infinite;
}

happinessmeter .emoji--angry:after {
  content: 'Unacceptable';
}

happinessmeter .emoji--angry.active ion-icon {
  color: #ec322a;
}

happinessmeter .emoji--angry.active:after {
  color: #ec322a;
}

happinessmeter .emoji--angry .emoji__face {
  -webkit-animation: angry-face 2s ease-in infinite;
  animation: angry-face 2s ease-in infinite;
}

happinessmeter .emoji--angry .emoji__eyebrows {
  left: calc(50% - 3px);
  top: 55px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: transparent;
  -webkit-box-shadow: -44px 5px 0 0 #000000, -7px 16px 0 0 #000000, 7px 16px 0 0 #000000, 44px 5px 0 0 #000000;
  box-shadow: -44px 5px 0 0 #000000, -7px 16px 0 0 #000000, 7px 16px 0 0 #000000, 44px 5px 0 0 #000000;
}

happinessmeter .emoji--angry .emoji__eyebrows:before, happinessmeter .emoji--angry .emoji__eyebrows:after {
  width: 50px;
  height: 20px;
  border: 6px solid #000000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  top: 0;
  left: calc(50% - 25px);
}

happinessmeter .emoji--angry .emoji__eyebrows:before {
  margin-left: -25px;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

happinessmeter .emoji--angry .emoji__eyebrows:after {
  margin-left: 25px;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

happinessmeter .emoji--angry .emoji__eyes {
  width: 12px;
  height: 12px;
  left: calc(50% - 6px);
  top: 70px;
  border-radius: 50%;
  background: transparent;
  -webkit-box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
  box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
}

happinessmeter .emoji--angry .emoji__mouth {
  width: 36px;
  height: 18px;
  left: calc(50% - 18px);
  bottom: 15px;
  background: #000000;
  border-radius: 50%;
  -webkit-animation: angry-mouth 2s ease-in infinite;
  animation: angry-mouth 2s ease-in infinite;
}

@-webkit-keyframes heart-beat {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}

@keyframes heart-beat {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}

@-webkit-keyframes haha-face {
  10%, 30%, 50% {
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }
  20%, 40% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
  60%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  70%, 90% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@keyframes haha-face {
  10%, 30%, 50% {
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }
  20%, 40% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
  60%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  70%, 90% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@-webkit-keyframes haha-mouth {
  10%, 30%, 50% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    top: 45%;
  }
  20%, 40% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    top: 45%;
  }
  60%, 80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 50%;
  }
  70% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    top: 50%;
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    top: 50%;
  }
}

@keyframes haha-mouth {
  10%, 30%, 50% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    top: 45%;
  }
  20%, 40% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    top: 45%;
  }
  60%, 80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 50%;
  }
  70% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    top: 50%;
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    top: 50%;
  }
}

@-webkit-keyframes yay {
  25% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}

@keyframes yay {
  25% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}

@-webkit-keyframes wow-face {
  15%, 25% {
    -webkit-transform: rotate(20deg) translateX(-25px);
    transform: rotate(20deg) translateX(-25px);
  }
  45%, 65% {
    -webkit-transform: rotate(-20deg) translateX(25px);
    transform: rotate(-20deg) translateX(25px);
  }
  75%, 100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}

@keyframes wow-face {
  15%, 25% {
    -webkit-transform: rotate(20deg) translateX(-25px);
    transform: rotate(20deg) translateX(-25px);
  }
  45%, 65% {
    -webkit-transform: rotate(-20deg) translateX(25px);
    transform: rotate(-20deg) translateX(25px);
  }
  75%, 100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}

@-webkit-keyframes wow-brow {
  15%, 65% {
    top: 25px;
  }
  75%, 100%, 0% {
    top: 15px;
  }
}

@keyframes wow-brow {
  15%, 65% {
    top: 25px;
  }
  75%, 100%, 0% {
    top: 15px;
  }
}

@-webkit-keyframes wow-mouth {
  10%, 30% {
    width: 20px;
    height: 20px;
    left: calc(50% - 10px);
  }
  50%, 70% {
    width: 30px;
    height: 40px;
    left: calc(50% - 15px);
  }
  75%, 100% {
    height: 50px;
  }
}

@keyframes wow-mouth {
  10%, 30% {
    width: 20px;
    height: 20px;
    left: calc(50% - 10px);
  }
  50%, 70% {
    width: 30px;
    height: 40px;
    left: calc(50% - 15px);
  }
  75%, 100% {
    height: 50px;
  }
}

@-webkit-keyframes sad-face {
  25%, 35% {
    top: -15px;
  }
  55%, 95% {
    top: 10px;
  }
  100%, 0% {
    top: 0;
  }
}

@keyframes sad-face {
  25%, 35% {
    top: -15px;
  }
  55%, 95% {
    top: 10px;
  }
  100%, 0% {
    top: 0;
  }
}

@-webkit-keyframes sad-mouth {
  25%, 35% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    top: 70px;
  }
  55%, 100%, 0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 80px;
  }
}

@keyframes sad-mouth {
  25%, 35% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    top: 70px;
  }
  55%, 100%, 0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 80px;
  }
}

@-webkit-keyframes tear-drop {
  0%, 100% {
    display: block;
    left: 35px;
    top: 15px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
  25% {
    display: block;
    left: 35px;
    -webkit-transform: rotate(45deg) scale(2);
    transform: rotate(45deg) scale(2);
  }
  49.9% {
    display: block;
    left: 35px;
    top: 65px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
  50% {
    display: block;
    left: -35px;
    top: 15px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
  75% {
    display: block;
    left: -35px;
    -webkit-transform: rotate(45deg) scale(2);
    transform: rotate(45deg) scale(2);
  }
  99.9% {
    display: block;
    left: -35px;
    top: 65px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
}

@keyframes tear-drop {
  0%, 100% {
    display: block;
    left: 35px;
    top: 15px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
  25% {
    display: block;
    left: 35px;
    -webkit-transform: rotate(45deg) scale(2);
    transform: rotate(45deg) scale(2);
  }
  49.9% {
    display: block;
    left: 35px;
    top: 65px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
  50% {
    display: block;
    left: -35px;
    top: 15px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
  75% {
    display: block;
    left: -35px;
    -webkit-transform: rotate(45deg) scale(2);
    transform: rotate(45deg) scale(2);
  }
  99.9% {
    display: block;
    left: -35px;
    top: 65px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
}

@-webkit-keyframes hands-up {
  25% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(-15deg) translateY(-10px);
    transform: rotate(-15deg) translateY(-10px);
  }
  75%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes hands-up {
  25% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(-15deg) translateY(-10px);
    transform: rotate(-15deg) translateY(-10px);
  }
  75%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes thumbs-up {
  25% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  50%, 100% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@keyframes thumbs-up {
  25% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  50%, 100% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@-webkit-keyframes angry-color {
  45%, 60% {
    background-size: 250%;
  }
  85%, 100%, 0% {
    background-size: 100%;
  }
}

@keyframes angry-color {
  45%, 60% {
    background-size: 250%;
  }
  85%, 100%, 0% {
    background-size: 100%;
  }
}

@-webkit-keyframes angry-face {
  35%, 60% {
    -webkit-transform: translateX(0) translateY(10px) scale(0.9);
    transform: translateX(0) translateY(10px) scale(0.9);
  }
  40%, 50% {
    -webkit-transform: translateX(-5px) translateY(10px) scale(0.9);
    transform: translateX(-5px) translateY(10px) scale(0.9);
  }
  45%, 55% {
    -webkit-transform: translateX(5px) translateY(10px) scale(0.9);
    transform: translateX(5px) translateY(10px) scale(0.9);
  }
}

@keyframes angry-face {
  35%, 60% {
    -webkit-transform: translateX(0) translateY(10px) scale(0.9);
    transform: translateX(0) translateY(10px) scale(0.9);
  }
  40%, 50% {
    -webkit-transform: translateX(-5px) translateY(10px) scale(0.9);
    transform: translateX(-5px) translateY(10px) scale(0.9);
  }
  45%, 55% {
    -webkit-transform: translateX(5px) translateY(10px) scale(0.9);
    transform: translateX(5px) translateY(10px) scale(0.9);
  }
}

@-webkit-keyframes angry-mouth {
  25%, 50% {
    height: 6px;
    bottom: 25px;
  }
}

@keyframes angry-mouth {
  25%, 50% {
    height: 6px;
    bottom: 25px;
  }
}

help-module-list .icon-device ion-icon {
  font-size: 3.2em;
}

@keyframes scaler {
  from {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

inline-recorder {
  width: 100%;
}

inline-recorder .mic {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

inline-recorder .mic ion-icon {
  font-size: 1.8em;
}

inline-recorder .mic .rec-text {
  font-weight: 800;
  font-size: 2.3rem;
  color: #b21f2f;
  margin-top: 5px;
}

inline-recorder .mic.fab-like {
  position: relative;
  top: -13px;
  background-color: #ffffff;
  width: 60px;
  height: 60px;
  border: none;
  -webkit-box-shadow: 0px 1px 1px #cccccc;
  box-shadow: 0px 1px 1px #cccccc;
}

inline-recorder .countdown {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  text-align: center;
  font-size: 1.7rem;
}

inline-recorder .inlineRecorderdiv {
  padding-top: 10px;
  padding-bottom: 10px;
}

inline-recorder .inlineRecorderdiv.isRecording {
  background-color: #f2f2f2;
}

inline-recorder .inlineRecorderdiv.fab-like:not(.isRecording) {
  height: 0px !important;
}

inline-recorder .inlineRecorderdiv.isRecording {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

inline-recorder .inlineRecorderdiv.isRecording ion-icon {
  font-size: 2.1em;
}

inline-recorder .inlineRecorderdiv.isRecording > .actionSection {
  width: 100%;
}

inline-recorder .inlineRecorderdiv.isRecording .valueCount {
  -webkit-animation: scaler 500ms linear infinite alternate;
  animation: scaler 500ms linear infinite alternate;
  font-size: 2.8rem;
}

inline-recorder .inlineRecorderdiv.isSending {
  -webkit-animation: scaler 500ms linear infinite alternate;
  animation: scaler 500ms linear infinite alternate;
  font-size: 2.8rem;
}

inspection-card {
  width: 100%;
}

inspection-card .gridView {
  margin: 5px 5px !important;
  width: calc(50% - 10px) !important;
}

inspection-card .description {
  width: calc(100% - 25px);
}

@media only screen and (min-width: 320px) and (max-width: 570px) {
  inspection-card .wrap-view {
    width: 100% !important;
  }
}

inspection-card .followup {
  background: #fff;
  color: #c79921 !important;
  border: 1px solid #c79921;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

inspection-card .approvalCheck {
  padding: 0 0.5rem;
  border-radius: 8px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

inspection-card .approvalCheck.notapproved {
  color: #eb1a1a;
  border: 1px solid #eb1a1a;
}

inspection-card .approvalCheck.approved {
  color: #4aa966;
  border: 1px solid #4aa966;
}

inspection-card .approvalCheck span {
  font-size: 1.1rem;
}

inspection-card .change-font {
  font-size: 1.4em;
}

inspection-card .icon-space-reduce ion-icon {
  padding-right: 0.2em !important;
}

inspection-card .more-icon {
  position: absolute;
  right: 0px;
  top: 6px;
  width: 40px;
}

inspection-card .more-icon ion-icon {
  font-size: 1.6em !important;
}

inspection-card .info_ {
  font-size: 11px;
}

inspection-card .m-l-3 {
  margin-left: 1px !important;
}

inspection-card .more-icon {
  z-index: 100;
}

inspection-card .profilename {
  font-size: 1em;
}

inspection-card .h23 {
  height: 23px !important;
}

inspection-card .border-lr {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

inspection-card .border-bottom-ic {
  border-bottom: thin solid #f2f2f2;
}

inspection-card .border-top-ic {
  border-top: thin solid #f2f2f2;
}

inspection-card .view-all-placeholder {
  position: absolute;
  width: 100%;
}

inspection-card .view-all {
  position: absolute;
  background-color: #fff !important;
  color: #000 !important;
  display: block;
  padding: 1rem;
  -webkit-box-shadow: 0 0 2px 1px #00000038;
  box-shadow: 0 0 2px 1px #00000038;
  border-radius: 8px;
  row-gap: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  z-index: 10;
  width: 250px;
  max-height: 140px;
  overflow-y: auto;
  max-width: 100%;
}

inspection-card .view-all .name {
  width: 183px;
}

inspection-personnels .add-inspector {
  z-index: 100;
  margin-right: -12px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  position: relative;
}

inspection-personnels .font12 {
  font-size: 1.2em;
}

internal-services-applicant-info-card .heavyLabel {
  font-weight: 600;
}

internal-services-applicant-info-card .listItem {
  min-width: 200px;
}

internal-services-applicant-info-card .applicantName {
  color: #a00c1c;
  text-align: left;
  font-weight: 600;
}

internal-services-applicant-info-card .applicantDesignation {
  text-align: left;
  color: #474747;
}

internal-services-applicant-info-card .avatar-div {
  width: 80px;
  height: 80px;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
}

internal-services-applicant-info-card .avatar1-div {
  width: 50px;
  height: 50px;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
}

internal-services-application-details-card .heavyLabel {
  font-weight: 600;
}

internal-services-application-details-card .listItem {
  min-width: 200px;
  border-style: solid;
  border-color: #e5e5ea;
  text-align: center;
  border-radius: 20px;
}

internal-services-application-details-card p {
  word-break: break-word;
}

internal-services-application-details-card ion-item ion-label {
  white-space: normal;
  word-wrap: break-word;
}

internal-services-card {
  width: 100%;
}

internal-services-card .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

internal-services-card .pad-children > .bigger {
  padding: 7px 0px;
}

internal-services-card .pad-left-right {
  padding: 0px 10px;
}

internal-services-card .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

internal-services-card .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

internal-services-card .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

internal-services-card .gray-text {
  color: #474747;
}

internal-services-card .m-p-2 {
  position: relative;
  top: 2px;
}

internal-services-card .orangeStatus {
  color: orange;
}

internal-services-card .redStatus {
  color: red;
}

internal-services-card .greenStatus {
  color: green;
}

internal-services-intro .coverall {
  width: 100%;
  height: 100%;
  background-image: url("../assets/images/whistleblower/webbg.png");
  background-size: cover;
}

internal-services-intro .coverall img.whistlesvg, internal-services-intro .coverall .mslide {
  height: 120px;
}

internal-services-intro .coverall .fullheight {
  height: 100% !important;
}

internal-services-intro .coverall .higher {
  min-height: 160px;
  max-width: 400px;
}

@media screen and (max-width: 414px) {
  internal-services-intro .coverall {
    background-image: url("../assets/images/whistleblower/webbgphone.png");
  }
  internal-services-intro .coverall img.whistlesvg, internal-services-intro .coverall .mslide {
    height: 100px;
  }
}

internal-services-intro .tareacolor {
  background-color: #f8f8f8;
}

internal-services-intro .space {
  margin: 18px 0px 30px 0px;
  background-color: rgba(0, 0, 0, 0.15);
}

internal-services-intro .title {
  font-size: 2rem;
}

internal-services-intro .title.title-margin {
  margin: 30px 0px 0px 0px;
}

internal-services-intro .grayborder {
  border: thin solid #636262;
  min-height: 200px;
}

internal-services-intro .no-wrap .label {
  white-space: initial !important;
}

ionic-image-cache .ionic-image-cache-container {
  min-height: 20px;
}

ionic-image-cache .ionic-image-cache-container.circlediv {
  border-radius: 50%;
  overflow: hidden;
}

ionic-image-cache.img-circle img {
  border-radius: 50%;
}

ionic-image-cache.border-radius img {
  border-radius: 5px;
}

ionic-image-cache.big-avatar {
  width: 55px;
  height: 55px;
}

ionic-image-cache.big-avatar img {
  width: 55px;
  height: 55px;
}

ionic-image-cache.big-thumb {
  width: 40px;
  height: 40px;
}

ionic-image-cache.big-thumb img {
  width: 40px;
  height: 40px;
}

ionic-image-cache.bigger-thumb {
  width: 55px;
  height: 55px;
}

ionic-image-cache.bigger-thumb img {
  width: 55px;
  height: 55px;
}

ionic-image-cache.biggest-thumb {
  width: 75px;
  height: 75px;
}

ionic-image-cache.biggest-thumb img {
  width: 75px;
  height: 75px;
}

ionic-image-cache .ionic-image-cache-progress-div {
  height: 30px;
}

ionic-image-cache img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}

ionic-image-cache img .width100percent {
  width: 100%;
}

ionic-image-cache .w-50 {
  width: 50%;
}

ionic-image-cache .ionic-image-cache-absolute-center {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

ionic-image-cache .profileBorder {
  border: 3px solid #c79921;
  border-radius: 50%;
  border-bottom-right-radius: 0;
}

kozakura .validation-icon {
  position: absolute;
  right: 10px;
  top: 32px;
  font-size: 2.8rem;
}

kozakura .no-resize {
  resize: none;
}

link-strategy-plan ion-select {
  width: 100%;
  max-width: 100%;
  padding-left: 15px !important;
}

link-strategy-plan .absoloute-btn {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 20px;
}

link-strategy-plan .white-back {
  background-color: #fff;
}

link-strategy-plan .grayborder {
  border: thin solid #e2e2e2;
}

@keyframes shine {
  to {
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
  }
}

@keyframes backgrounddimmer {
  to {
    background-color: #f2f2f2;
  }
}

@keyframes backgrounddimmer2 {
  to {
    background-color: #fff;
  }
}

list-shimmer .shimmer-list {
  margin-bottom: 20px !important;
}

list-shimmer .shimmer-list-item:first-child {
  padding-top: 10px;
}

list-shimmer .shimmer-list-item .circle-avatar,
list-shimmer .shimmer-list-item p,
list-shimmer .shimmer-list-item h2 {
  width: 50px;
  height: 50px;
  background-color: #e2e2e2;
  border-radius: 50%;
  -webkit-animation: backgrounddimmer 1s ease 0s infinite alternate;
  animation: backgrounddimmer 1s ease 0s infinite alternate;
}

list-shimmer .shimmer-list-item .circle-avatar.tiny,
list-shimmer .shimmer-list-item p.tiny,
list-shimmer .shimmer-list-item h2.tiny {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

list-shimmer .shimmer-list-item h2,
list-shimmer .shimmer-list-item p {
  background-color: #e2e2e2;
  width: 150px;
  height: 12px;
  border-radius: 5px;
  margin: 10px 0px !important;
  position: relative;
}

list-shimmer .shimmer-list-item h2:before,
list-shimmer .shimmer-list-item p:before {
  content: "";
  height: 100%;
  width: 10px;
  background-color: #ffffffb3;
  top: 0;
  position: absolute;
  left: 0px;
  -webkit-transform: skew(-17deg) translateX(20px);
  transform: skew(-17deg) translateX(20px);
  -webkit-filter: blur(8px);
  filter: blur(8px);
  -webkit-animation: shine 1s linear 0s infinite alternate;
  animation: shine 1s linear 0s infinite alternate;
}

list-shimmer .shimmer-list-item p {
  width: 230px;
}

list-shimmer .shimmer-list-item p:before {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}

list-shimmer .shimmer-list-item.task-list {
  padding: 20px;
}

list-shimmer .gridView {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

list-shimmer .gridView .task-list {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

list-shimmer .inverse .shimmer-list-item {
  background-color: transparent !important;
}

list-shimmer .inverse .shimmer-list-item .circle-avatar,
list-shimmer .inverse .shimmer-list-item p,
list-shimmer .inverse .shimmer-list-item h2 {
  background-color: #fff;
  -webkit-animation: backgrounddimmer2 1s ease 0s infinite alternate;
  animation: backgrounddimmer2 1s ease 0s infinite alternate;
}

list-strategy-comp .top-right-corner {
  position: absolute;
  top: -1rem;
  right: -1.5rem;
  gap: 0.5rem;
  padding: 0.5rem;
}

list-strategy-comp .padding-space {
  padding: 5px 10px;
}

list-strategy-comp .padding-space.nopadding {
  padding: 0px !important;
}

list-strategy-comp .show-next-slide ion-slide.w40percent {
  width: 45% !important;
}

list-strategy-comp .dataviewer.gridView {
  display: grid;
  grid-template-columns: repeat(auto-fill, 200px);
  gap: 15px;
}

list-strategy-comp .dataviewer.gridView .sizeIt {
  width: 200px;
}

list-strategy-comp .dataList {
  background-color: #ffffff;
  padding: 15px;
}

list-strategy-comp .dataList.h160 {
  min-height: 180px;
}

list-strategy-comp .dataList.fixedwidth50percent {
  width: 100%;
}

list-strategy-comp .dataList.sizeIt {
  width: calc(50% - 10px);
  margin: 0;
}

list-strategy-comp .dataList h4 {
  margin-bottom: 0px;
  font-size: 1.4rem;
  margin-top: 5px;
  font-weight: 600;
}

list-strategy-comp .dataList .radial_info {
  margin-top: -40px;
}

list-strategy-comp .dataList .radial_info h1 {
  margin-top: -35px;
  font-weight: 600;
  margin-bottom: 0;
}

list-strategy-comp .dataList .radial_info .radial_message {
  font-size: 12px;
  margin: 3px 0px 5px 0px;
}

list-strategy-comp .dataList ion-slides,
list-strategy-comp .dataList .auto-height {
  height: auto;
}

@media screen and (min-width: 768px) {
  list-strategy-comp .dataList .radial_info h1 {
    margin-top: -35px;
  }
  list-strategy-comp .dataList .padding-space {
    padding: 0px;
  }
}

list-strategy-comp .dataList.list-view {
  width: 100% !important;
  margin: 12px 0px 12px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: thin solid #e8e8e8;
}

list-strategy-comp .dataList.list-view h1 {
  margin-top: -23px;
  font-size: 2rem;
}

list-strategy-comp .dataList.list-view .radial_message {
  font-size: 12px;
  margin: 17px 0px 0px 0px;
  display: none;
}

list-strategy-comp .dataList.list-view .radial-div {
  width: 78px;
}

list-strategy-comp .dataList.list-view .radial-div .radial_info {
  margin-top: -50px;
}

list-strategy-comp .dataList.list-view .other-half {
  margin-left: 19px;
  width: calc(100% - 123px);
}

list-strategy-comp .dataList.list-view .other-half .other-data-sect p.small-portion {
  width: 100%;
  margin: 3px 0px;
  font-size: 13px;
}

list-strategy-comp .dataList.list-view .other-half h4 {
  margin-top: 0px;
  text-align: left !important;
}

mailbox-mail-body {
  width: 100%;
  overflow: auto;
  max-height: 100%;
  background: #fff;
  background-image: url("../assets/images/White1.png");
  background-size: contain;
  background-position-y: bottom;
  background-repeat: no-repeat;
}

mailbox-mail-body .mail-header {
  border-bottom: thin dotted #b6b7b6;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

mailbox-mail-body .img-card {
  height: 45px;
}

mailbox-mail-body .attachment-card {
  width: 13rem;
  padding: 10px;
}

mailbox-mail-body .email-body {
  -webkit-transition: -webkit-transform 100ms linear;
  transition: -webkit-transform 100ms linear;
  transition: transform 100ms linear;
  transition: transform 100ms linear, -webkit-transform 100ms linear;
  position: relative;
  overflow: auto;
  height: calc(100% - 3.5rem);
}

mailbox-mail-body .email-body.mobile {
  height: 100% !important;
  padding: 5px !important;
}

mailbox-mail-body .email-body img[height][width] {
  height: auto !important;
}

mailbox-mail-body .header-350px {
  width: calc(100% - 350px);
}

mailbox-mail-body .mail-user {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

mailbox-mail-body .body-font {
  font-size: 1em !important;
}

mailbox-mail-body .body-preview {
  width: calc(100% - 53.5px);
}

mailbox-mail-body .body-preview p, mailbox-mail-body .body-preview div, mailbox-mail-body .body-preview li, mailbox-mail-body .body-preview span, mailbox-mail-body .body-preview a {
  font-size: 1em !important;
}

mailbox-mail-body .body-preview h4, mailbox-mail-body .body-preview h5, mailbox-mail-body .body-preview p, mailbox-mail-body .body-preview div, mailbox-mail-body .body-preview li, mailbox-mail-body .body-preview span, mailbox-mail-body .body-preview a {
  font-family: "Calibridcaa" !important;
}

mailbox-mail-body .body-preview [dir="rtl"] *:not(.icon):not(ion-icon) {
  font-family: "Calibridcaa" !important;
}

mailbox-mail-body .mail-tool-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: .5rem;
}

mailbox-mail-body .stick-top {
  top: 0;
  position: -webkit-sticky;
  position: sticky;
}

mailbox-mail-body .width-fit-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

mailbox-mail-body .highlight {
  background: #fff;
}

mailbox-mail-body .blur-background {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

mailbox-mail-body .fixed-top {
  top: 3.5rem;
  position: fixed;
  right: 5%;
  z-index: 10;
  background-color: #fff;
  padding-left: 20px;
}

mailbox-mail-body .tool-btn {
  min-width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  padding: 5px 9px;
  border: 1px solid #dedede;
}

mailbox-mail-body .tool-btn:hover {
  background-color: #f7f6f9;
}

mailbox-mail-body .tool-btn:hover ion-icon {
  color: #c79921;
}

mailbox-mail-body tool-box .tool-btn {
  border-radius: 0px !important;
}

mailbox-mail-body .tool-group .tool-group {
  border-radius: 0px !important;
}

mailbox-mail-body .tool-group .tool-btn {
  border-radius: 0px;
}

mailbox-mail-body .tool-group .tool-btn:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

mailbox-mail-body .tool-group .tool-btn:first-child first-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

mailbox-mail-body .tool-group .tool-btn:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

mailbox-mail-body .tool-group .tool-btn:last-child first-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

mailbox-mail-body .tool-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

mailbox-mail-body .date-time {
  text-align: end;
}

@media screen and (max-width: 768px) {
  mailbox-mail-body .email-body {
    height: 100% !important;
    padding: 5px !important;
  }
}

.importance {
  color: #d23737;
  font-size: 1.5em;
  font-weight: 600;
}

mailbox-mail-card .color-unread {
  color: #c79921;
  text-shadow: 0px 0px 1px #c79921 !important;
}

mailbox-mail-card .color-red {
  color: #dc3545;
}

mailbox-mail-card .unread {
  position: absolute;
  bottom: 4px;
  margin: 0 auto !important;
  z-index: 1000;
  font-size: 4rem;
  color: #c79921;
}

mailbox-mail-card .body-font {
  font-size: 1em;
}

mailbox-mail-card .email-card {
  -webkit-transition: -webkit-transform 100ms linear;
  transition: -webkit-transform 100ms linear;
  transition: transform 100ms linear;
  transition: transform 100ms linear, -webkit-transform 100ms linear;
  position: relative;
  padding: 1.4rem 1.6rem !important;
  min-height: 140px;
  border-bottom: thin solid #dcdcdc;
  border-radius: unset !important;
}

mailbox-mail-card .email-card.active {
  background: #f2f2f2;
}

mailbox-mail-card .email-card.active .gray-text, mailbox-mail-card .email-card.active .card-sender-name {
  color: #000 !important;
}

mailbox-mail-card .email-card.form-card {
  border: thin solid #dadada !important;
}

mailbox-mail-card .email-card img {
  height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 50%;
}

mailbox-mail-card .email-card .bottom-right-corner {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: .5rem;
}

mailbox-mail-card .mail-user {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

se-drone-non-commercial-purpose .accordion-list .tab-label::after, se-drone-commercial-purpose .accordion-list .tab-label::after {
  content: none;
}

most-recent-activities .bold-text-shadow {
  text-shadow: 0px 0px 1px #fbfbfb !important;
  font-weight: normal !important;
}

most-recent-activities .mcenter {
  margin: 0 auto;
  display: block;
  margin-top: 10px;
}

most-recent-activities .big-panel {
  width: calc(100% - 498px);
}

most-recent-activities .item-md {
  background-color: #00000094 !important;
}

most-recent-activities media-feed-card:not(.latest-news-card) {
  width: 20%;
}

most-recent-activities .multilineSegment .segment-button {
  line-height: 1.6rem;
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: none;
  font-size: 1.3rem;
  height: 4rem;
  border-radius: 4em;
  color: #fff;
  position: relative;
}

most-recent-activities .multilineSegment .segment-button::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: #000000bf;
  border-radius: 4em;
  -webkit-backdrop-filter: blur(12px) brightness(115%);
  backdrop-filter: blur(12px) brightness(115%);
  top: 0;
  right: 0;
}

most-recent-activities .multilineSegment .segment-button ion-icon, most-recent-activities .multilineSegment .segment-button span {
  color: #fff;
}

most-recent-activities .multilineSegment .segment-button.segment-activated {
  background: #fff;
  border-bottom: none;
}

most-recent-activities .multilineSegment .segment-button.segment-activated ion-icon, most-recent-activities .multilineSegment .segment-button.segment-activated span {
  color: #c79921 !important;
}

most-recent-activities .multilineSegment .segment-button.segment-activated::before {
  content: none;
}

most-recent-activities .break-word {
  word-break: break-word;
}

most-recent-activities .text-line-options {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

most-recent-activities .text-line-options.line-1 {
  -webkit-line-clamp: 1;
}

most-recent-activities .text-line-options.line-2 {
  -webkit-line-clamp: 2;
}

most-recent-activities .text-line-options.line-3 {
  -webkit-line-clamp: 3;
}

most-recent-activities .text-line-options.line-4 {
  -webkit-line-clamp: 4;
}

most-recent-activities .media-icon {
  height: auto;
  width: 25px;
}

most-recent-activities .action-panel {
  position: absolute;
  top: 5px;
  right: 5px;
}

most-recent-activities .item-card {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 142px;
  width: 100%;
  border-radius: 1em;
  background: linear-gradient(182deg, transparent 0%, rgba(0, 0, 0, 0.77) 75%);
}

most-recent-activities .item-card.not-found {
  width: 480px;
}

most-recent-activities .item-card p {
  color: #fff;
}

most-recent-activities .item-card p:not(.font6) {
  font-size: 1.1em !important;
}

most-recent-activities .item-card .camera-options {
  left: 1rem;
  top: 6px;
  background: #c79921;
  border-radius: 0.5rem;
}

most-recent-activities .item-card .text-wrap {
  top: auto;
  right: 0;
  left: 0;
  bottom: -10px;
  background: linear-gradient(182deg, transparent 0%, rgba(0, 0, 0, 0.77) 75%);
}

most-recent-activities .item-card .img-hover-zoom {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 1em;
}

most-recent-activities .item-card .main-img {
  width: 100% !important;
}

most-recent-activities .small-text3 {
  font-size: 13px !important;
}

most-recent-activities .recording-font {
  font-size: 2em;
}

most-recent-activities .moredrop {
  position: absolute;
  right: -10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin: 0 auto !important;
  width: 35px !important;
  height: 35px !important;
  font-size: 1.8em;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: thin solid #90898963;
  z-index: 1000;
}

most-recent-activities .recording {
  border: 1px solid #ec322a;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: .5rem;
  border-radius: 50%;
  background: #fff;
  padding: 0.5em;
}

most-recent-activities .recording span {
  white-space: nowrap;
}

most-recent-activities .view-all-placeholder {
  position: relative;
}

most-recent-activities .view-all {
  position: absolute;
  background-color: #fff !important;
  color: #000 !important;
  display: block;
  padding: 1rem;
  -webkit-box-shadow: 0 0 2px 1px #00000038;
  box-shadow: 0 0 2px 1px #00000038;
  border-radius: 8px;
  row-gap: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  z-index: 10;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-height: 140px;
  overflow-y: auto;
  max-width: 100%;
}

most-recent-activities .view-all .person {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

most-recent-activities .view-all .person .person-image {
  height: 30px;
  width: 30px;
}

most-recent-activities .view-all .person .person-image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
}

most-recent-activities .activity-card {
  padding: 1rem 1.6rem !important;
  height: 100%;
  position: relative;
}

most-recent-activities .activity-card.news-card {
  width: 480px !important;
}

most-recent-activities .activity-card.mails-card {
  width: 100%;
  height: auto;
  min-height: 140px;
  padding: 1rem !important;
}

most-recent-activities .activity-card::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: #00000094;
  border-radius: 8px;
  -webkit-backdrop-filter: blur(12px) brightness(115%);
  backdrop-filter: blur(12px) brightness(115%);
  top: 0;
  right: 0;
}

most-recent-activities .activity-card .mail-user-image img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

most-recent-activities .activity-card .mail-user {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

most-recent-activities .activity-card .person {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

most-recent-activities .activity-card .ring {
  margin-left: -15px;
}

most-recent-activities .activity-card .ring.green {
  background-color: #82e080;
}

most-recent-activities .activity-card .ring.gray2 {
  background-color: #f2f2f2;
}

most-recent-activities .activity-card .ring.secondary_mydcaa {
  background-color: #007b39;
}

most-recent-activities .activity-card .person img, most-recent-activities .activity-card .count-span {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  color: #fff;
}

most-recent-activities .activity-card .person img span, most-recent-activities .activity-card .count-span span {
  color: #fff;
}

most-recent-activities .activity-card .person img :not(:first-child), most-recent-activities .activity-card .count-span :not(:first-child) {
  margin-left: -9px;
}

most-recent-activities .activity-card .latest-news {
  text-align: justify;
}

most-recent-activities .activity-card .latest-news .latest-news-image {
  height: 115px;
}

most-recent-activities .activity-card .latest-news p.head-text {
  line-height: 27px;
  text-align: left;
}

most-recent-activities .activity-card .latest-news p.head-desc {
  line-height: 23px;
}

most-recent-activities .activity-card .latest-news p a {
  text-decoration: none;
  margin-right: 5px;
}

mychart .sliderneg20 .swiper-pagination-bullets {
  bottom: 5px !important;
}

mychart .sliderneg20 .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #636262;
}

mychart .sliderneg20 ion-range {
  padding-bottom: 22px !important;
}

.md mychart .sliderneg20,
.ios mychart .sliderneg20 {
  position: relative;
  top: -17px;
  z-index: 10;
}

.md mychart .sliderneg20 .swiper-pagination-bullets,
.ios mychart .sliderneg20 .swiper-pagination-bullets {
  bottom: 2px !important;
}

.md mychart .sliderneg20 .swiper-pagination-bullets .swiper-pagination-bullet-active,
.ios mychart .sliderneg20 .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #636262;
}

.md mychart .sliderneg20 ion-range,
.ios mychart .sliderneg20 ion-range {
  padding-bottom: 17px !important;
}

mydcaa-announcements {
  width: 100%;
}

mydcaa-announcements .dark {
  color: #fff;
}

mydcaa-announcements .light {
  color: #000;
}

mydcaa-announcements .text-prop {
  font-size: 1.2em;
  opacity: 0.9;
}

mydcaa-announcements .latest-news-container {
  border-bottom: 2px solid #b31f2f;
}

mydcaa-announcements .news-date {
  color: #bbb8b7;
  font-size: 1em;
  padding: 0 0.5em;
}

mydcaa-announcements .news-title {
  max-width: 80vw;
  text-shadow: 0 0 0 #c2c0c0;
}

mydcaa-announcements .news-title::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 5px;
  display: inline-block;
  background-color: #fff;
  vertical-align: middle;
}

mydcaa-announcements .refresh-icon {
  padding: 0 20px;
}

mydcaa-announcements .refresh-icon ion-icon:hover, mydcaa-announcements .refresh-icon ion-icon:focus-visible {
  color: #c79921;
}

mydcaa-announcements .ln-expand {
  text-shadow: none;
  padding-left: 5.5em;
  font-size: 1.09em;
}

mydcaa-announcements .icons-fonts ion-icon {
  font-size: 0.79em;
}

mydcaa-announcements .lineUp {
  -webkit-animation: 2s anim-lineUp ease-out infinite;
  animation: 2s anim-lineUp ease-out infinite;
}

@-webkit-keyframes anim-lineUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80%);
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes anim-lineUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80%);
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

mydcaa-announcements .grid-border-space {
  border-bottom: thin dotted #c2c0c0;
}

mydcaa-announcements .collapsed {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

mydcaa-applied-services-card {
  line-height: 2.5rem;
}

mydcaa-applied-services-card .company-pic {
  width: 38px;
  border: 3px solid #d23737;
  border-radius: 10px;
  border-bottom-right-radius: unset;
}

mydcaa-applied-services-card .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

mydcaa-applied-services-card .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

mydcaa-autocomplete-search input:focus + .btn-search, mydcaa-autocomplete-search input:active + .btn-search {
  visibility: visible;
  position: absolute;
  right: 17px;
  background-color: #fff;
  font-size: 28px;
  top: 12px;
  color: #000;
}

mydcaa-autocomplete-search .btn-search {
  visibility: hidden;
  position: absolute;
  right: 17px;
  top: 12px;
  cursor: pointer;
}

mydcaa-autocomplete-search .btn-search:hover {
  color: #000 !important;
}

mydcaa-autocomplete-search .input-font {
  font-size: 1.1em;
}

mydcaa-autocomplete-search .search-icon-font {
  font-size: 1.6em;
}

mydcaa-autocomplete-search .img-search {
  top: 2px;
  position: relative;
}

mydcaa-bazaar-product-card .min-height-80 {
  min-height: 80px;
}

mydcaa-bazaar-product-card .bazaar-product-card {
  max-width: 350px;
  border-radius: 30px;
  height: 100%;
}

mydcaa-bazaar-product-card .bazaar-product-card .color1 {
  color: #2c2c2c;
}

mydcaa-bazaar-product-card .bazaar-product-card .product-spec {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

mydcaa-bazaar-product-card .bazaar-product-card .product-tags {
  font-size: 18px;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

mydcaa-bazaar-product-card .bazaar-product-card .product-actions {
  font-size: 15px;
}

mydcaa-bazaar-product-card .bazaar-product-card .color2 {
  color: #55585a;
}

mydcaa-bazaar-product-card .bazaar-product-card .product-image {
  width: 100%;
  height: 284px;
  border-radius: 30px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

mydcaa-bazaar-product-card .bazaar-product-card .camera-options {
  left: 2rem;
  top: 15px;
  background: #c79921;
  border-radius: 0.5rem;
}

mydcaa-bazaar-product-card .bazaar-product-card .camera-options .icon {
  font-size: 1em;
  padding: 0.5rem;
  padding-top: 0.75rem;
}

mydcaa-bazaar-product-card .bazaar-product-card .price-tag {
  color: #c79921;
}

mydcaa-bazaar-product-card .bazaar-product-card .price-tag .price {
  font-size: 22px;
}

mydcaa-bazaar-product-card .bazaar-product-card .price-tag .starting-price {
  font-size: 16px;
}

mydcaa-bazaar-product-card .bazaar-product-card .posted-date {
  font-size: 0.9em;
  color: #adb5bd;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

mydcaa-bazaar-product-card .bazaar-product-card .split-border {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

mydcaa-bazaar-product-card .bazaar-product-card .profile-image-small {
  height: 36px;
  border: 3px solid #fff;
  border-radius: 10px;
  border-bottom-right-radius: unset;
  bottom: 10px;
  left: 2rem;
}

mydcaa-bazaar-product-card .bazaar-product-card .product-status {
  font-size: 0.9em;
  right: 2rem;
  top: 15px;
  background: #fff;
  padding: 0 1rem;
  border-radius: 1rem;
  border: 1px solid #fafafa;
  gap: 0.4rem;
}

mydcaa-bazaar-product-card .bazaar-product-card .product-status .dot {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}

mydcaa-bazaar-product-card .bazaar-product-card .product-status .dot.red {
  background: #dc3545;
}

mydcaa-bazaar-product-card .bazaar-product-card .product-status .dot.green {
  background: #62af39;
}

mydcaa-bazaar-product-card .bazaar-product-card .product-status .dot.blue {
  background: #5c80ae;
}

mydcaa-bazaar-product-card .bazaar-product-card .product-status.red::before {
  background: #dc3545;
}

mydcaa-bazaar-product-card .bazaar-product-card .product-status.green::before {
  background: #62af39;
}

mydcaa-bazaar-product-card .bazaar-product-card .product-status.blue::before {
  background: #5c80ae;
}

mydcaa-bazaar-product-card .bazaar-product-card .bottom-icons {
  background: #007b39;
  right: 2rem;
  border-radius: 0.7rem;
  padding: 0.2rem;
  font-size: 15px;
  color: #fff;
}

mydcaa-bazaar-product-card .bazaar-product-card .bottom-icons .icon {
  padding: 0.5rem;
  font-size: 1.3em;
}

mydcaa-bazaar-product-card .bazaar-product-card .bottom-icons.share {
  bottom: 52px;
}

mydcaa-bazaar-product-card .bazaar-product-card .bottom-icons.phone {
  bottom: 10px;
}

mydcaa-bazaar-product-card .bazaar-product-card-m {
  position: relative;
  border-radius: 12px !important;
}

mydcaa-bazaar-product-card .bazaar-product-card-m .more-icon {
  position: absolute;
  right: 0;
  top: 0;
}

mydcaa-bazaar-product-card .bazaar-product-card-m .camera-options {
  top: 0;
  left: .5rem;
}

mydcaa-bazaar-product-card .bazaar-product-card-m .product-status {
  top: 0;
  right: .5rem;
}

mydcaa-bazaar-product-card .bazaar-product-card-m .product-spec {
  -webkit-line-clamp: 5;
}

mydcaa-bazaar-product-card .bazaar-product-card-m .product-image {
  width: unset !important;
  height: unset !important;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border-radius: 12px !important;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

mydcaa-bazaar-product-card .bazaar-product-card-m .product-image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 12rem !important;
  max-height: 12rem !important;
  border-radius: 12px !important;
}

mydcaa-bazaar-product-card .bazaar-product-card-m .product-info * {
  font-size: unset !important;
  line-height: 1.5rem;
}

mydcaa-calender .btn-group {
  background-color: #f7f6f9;
  border: thin solid #dddddd;
  border-radius: 8px;
  height: 44px;
}

mydcaa-calender .btn-group button {
  color: #737274;
  background-color: #f7f6f9;
  margin: 0 !important;
  padding: 1rem 0.5rem !important;
  height: 100%;
}

mydcaa-calender .btn-group button:hover {
  background-color: #737274 !important;
  color: #f7f6f9;
}

mydcaa-calender .btn-group button:first-child {
  border-radius: 8px 0 0 8px;
}

mydcaa-calender .btn-group button:last-child {
  border-radius: 0 8px 8px 0;
}

mydcaa-calender .selected-date {
  color: #737274;
}

mydcaa-calender .group.group-icon.extra-group-padding {
  background-color: #007b39;
  color: #fff;
}

mydcaa-calender .static-label {
  display: none !important;
}

mydcaa-calender .calendar-container {
  border-radius: 8px;
}

mydcaa-calender .section-header {
  border-bottom: 1px solid #515161;
  color: #515161;
  font-weight: 600;
  margin-bottom: 2rem;
}

mydcaa-comment-input .comment-input {
  border-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fafafa;
  font-size: 18px;
  border: 1px solid #f5f5f5;
  padding: 0.5rem;
}

mydcaa-comment-input .comment-input .comment-bx {
  position: relative;
  top: -10px;
  background-color: #d23737;
  min-width: 20px;
  padding: 1px 3px;
  border-radius: 50%;
  color: #fff;
  max-height: 18px;
  font-size: 12px;
  left: -12px;
  line-height: 16px;
}

mydcaa-comment-input .comment-input .actions-panel {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

mydcaa-comment-input .comment-input label {
  width: 100%;
}

mydcaa-comment-input .comment-input label .comment {
  border-radius: 12px;
  border: none !important;
  outline: none !important;
  font-size: 18px;
}

mydcaa-comment-input .comment-input label .comment:focus {
  border: none !important;
  outline: none !important;
}

mydcaa-comment-input .comment-input label .comment:focus::-webkit-input-placeholder {
  font-size: 18px;
}

mydcaa-comment-input .comment-input label .comment:focus::-moz-placeholder {
  font-size: 18px;
}

mydcaa-comment-input .comment-input label .comment:focus::-ms-input-placeholder {
  font-size: 18px;
}

mydcaa-comment-input .comment-input label .comment:focus::placeholder {
  font-size: 18px;
}

mydcaa-comment-input .comment-input:focus-within {
  border: 1px solid #636262;
}

mydcaa-comment-input .showdropdown-emoji:hover + .dropdown-content-emoji {
  display: block;
}

mydcaa-comment-input .comment-list {
  width: 100%;
}

mydcaa-comment-input .dropdown-content-emoji {
  bottom: 40px;
  display: none;
  margin-top: -5px;
  position: absolute;
  width: 39rem;
  border: 1px solid #d9d9d9;
  border-radius: 1rem;
  right: 0;
}

mydcaa-comment-input .dropdown-content-emoji:hover {
  display: block;
}

mydcaa-comment-input .dropdown-content-emoji.bottom {
  bottom: -140px !important;
}

mydcaa-comment-input .dropdown-bottom-arrow {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  width: 200px;
  position: absolute;
  opacity: 1;
  line-height: 1.46667;
  z-index: 100;
  background: #fff;
  margin-left: -160px;
}

mydcaa-comment-input .dropdown-bottom-arrow::before, mydcaa-comment-input .dropdown-bottom-arrow::after {
  height: 0;
  position: absolute;
  width: 100%;
  content: "";
  bottom: -6%;
  right: 0;
  margin-left: -10px;
}

mydcaa-comment-input .dropdown-bottom-arrow::after {
  border-bottom-color: #fff;
}

mydcaa-comment-input .dropdown-bottom-arrow::before {
  margin-left: -185px;
  border: 13px solid transparent;
  -webkit-filter: blur(1px);
  filter: blur(1px);
  width: 184px;
}

mydcaa-comment-input .dropdown-bottom-arrow.bottom::before, mydcaa-comment-input .dropdown-bottom-arrow.bottom::after {
  top: -8%;
}

mydcaa-comment-input .emoji-button {
  background: #fff;
  margin: 4px;
  width: 34px !important;
}

mydcaa-comment-input .emoji-button div {
  font-size: 1.6rem;
}

mydcaa-comment-input .emoji-button:hover {
  -webkit-filter: grayscale(60%);
  filter: grayscale(60%);
}

mydcaa-comment-input .submenu-emoji {
  overflow-x: hidden;
  max-height: 150px;
  overflow-y: auto;
  border: none !important;
}

mydcaa-comment-input .submenu-emoji:hover {
  border: none !important;
  background: none;
}

mydcaa-comments .comments-card .chat-user-image {
  height: 48px;
  border: 3px solid #dee2e6;
  border-radius: 10px;
  border-bottom-right-radius: 0;
}

mydcaa-comments .comments-card .img-icon {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 800;
  color: #acadb2;
  padding: 0 15px;
  height: 18px;
  top: 12px;
}

mydcaa-comments .comments-card .font1 {
  font-size: 1.063rem;
}

mydcaa-comments .comments-card .img-search {
  right: 0;
}

mydcaa-comments .comments-card .img-emoji {
  right: 32px;
}

mydcaa-comments .comments-card .img-audio {
  right: 56px;
}

mydcaa-comments .comments-card input {
  background-color: #fafafa;
  width: 95%;
  min-width: 120px;
  font-size: 16px;
  padding: 0.375rem 1rem 0.25rem 1rem;
}

mydcaa-comments .comments-card .user-image {
  height: 34px;
  border-radius: 50%;
}

mydcaa-comments .file-attachment {
  font-size: 1.8rem;
}

mydcaa-comments .gap-between {
  row-gap: 2rem;
}

mydcaa-comments .base-font {
  font-size: 18px;
}

mydcaa-comments .base-small-font {
  font-size: 13px;
}

mydcaa-comments .base-larg-font {
  font-size: 20px;
}

mydcaa-comments .base-larger-font {
  font-size: 19px;
}

mydcaa-drive-card .first {
  font-size: 1.1em;
  width: 130px;
  text-shadow: 0px 0px 1px #282828;
}

mydcaa-drive-card .second {
  font-size: 1em;
}

mydcaa-drive-card .third {
  font-size: .9em;
  text-shadow: 0px 0px 1px #282828;
}

mydcaa-drive-card .moreiconDiv {
  width: 20px;
}

mydcaa-drive-card .moreiconDiv ion-icon {
  font-size: 2.5rem;
}

mydcaa-drive-card .modifiedby {
  width: 130px;
  text-shadow: none;
}

mydcaa-drive-card .img-viewer-btn {
  position: absolute;
  right: 0;
}

mydcaa-drive-card .image-card {
  background: #343a40;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: 81px;
  overflow: hidden;
}

mydcaa-drive-card .image-card img {
  width: 100% !important;
  height: auto !important;
}

mydcaa-drive-card .wrapper {
  width: 20rem;
  height: 100%;
}

mydcaa-drive-card .wrapper .card-container {
  border-radius: 10px;
  border: thin solid #dadada;
  background: #fff;
  height: 100%;
  position: relative;
  color: #51565c;
  cursor: pointer;
  width: 100%;
  -webkit-transition: -webkit-transform 100ms linear;
  transition: -webkit-transform 100ms linear;
  transition: transform 100ms linear;
  transition: transform 100ms linear, -webkit-transform 100ms linear;
}

mydcaa-drive-card .wrapper .card-container.border {
  border: thin solid #f2f2f2;
}

mydcaa-drive-card .wrapper .card-container .semicircle {
  text-shadow: 0px 0px 1px #282828;
}

mydcaa-drive-card .wrapper .card-container .semicircle::before {
  content: "";
  width: 46%;
  height: 100%;
  background: url("../assets/images/mydcaa/semicircle.svg") no-repeat;
  top: 0;
  right: 0;
  position: absolute;
}

mydcaa-drive-card .wrapper .card-container .semicircle ion-icon {
  font-size: 1.6em;
  padding: 0;
  z-index: 10000;
}

mydcaa-drive-card .wrapper .card-container .semicircle .sharedIcon {
  font-size: 1em;
}

mydcaa-drive-card .wrapper .card-container:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

mydcaa-drive-card .bordertop::before {
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e5e5ea;
  top: 0;
  position: absolute;
}

mydcaa-drive-card .folder-icon {
  height: 40px;
}

mydcaa-drive-card .circle-width {
  width: 30px !important;
  height: 30px !important;
}

mydcaa-drive-card .folder-skelton {
  max-width: 185px;
}

mydcaa-drive-card .folder-skelton::before {
  border-bottom: none;
  width: 40%;
  height: 15px;
  position: absolute;
  top: -15px;
  left: -2px;
}

mydcaa-drive-card .top-right-corner {
  position: absolute;
  top: 0;
  right: 0;
  gap: 0.5rem;
  padding: 0.5rem;
}

mydcaa-drive-card .btn-options {
  border-radius: 50% !important;
  background: #c7c7c7;
  height: 25px;
  width: 25px;
}

mydcaa-drive-card .btn-options:hover {
  background: #8f9296;
}

@media screen and (max-width: 769px) {
  mydcaa-drive-card .wrapper {
    width: 14rem !important;
  }
  mydcaa-drive-card .image-card {
    height: 63px !important;
  }
  mydcaa-drive-card .folder-icon {
    height: 31px;
  }
}

mydcaa-e-services-card .main-section {
  padding: 1.5rem;
}

mydcaa-e-services-card .expandable-section {
  border-top: 2px solid #f2f2f2;
  display: grid;
}

mydcaa-e-services-card .expandable-section .section-body {
  overflow-y: scroll;
}

mydcaa-e-services-card .subservice-panel-detail .title {
  font-size: 1.3em;
}

mydcaa-e-services-card .subservice-panel-detail .deadline-date {
  font-size: 1.1em;
}

mydcaa-e-services-card .subservice-panel-detail ion-badge {
  font-size: 0.875em;
}

mydcaa-e-services-card .white-card .title {
  font-size: 1.3em;
}

mydcaa-e-services-card .white-card .deadline-date {
  font-size: 1.1em;
}

mydcaa-e-services-card .white-card ion-badge {
  font-size: 0.875em;
  max-height: 16px;
}

mydcaa-emagazine .emagazine .emagazine-image {
  height: 155px;
}

mydcaa-emagazine .emagazine button {
  padding: 0.75rem 1rem;
  background-color: #007b39;
  border-radius: 8px;
  color: #fff;
}

mydcaa-emagazine .emagazine .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

mydcaa-emagazine .emagazine .cal-width {
  width: calc(100% - 135px);
}

mydcaa-emagazine .emagazine p {
  text-align: justify;
}

mydcaa-emagazine .emagazine p.head-text {
  font-size: 19px;
  line-height: 27px;
  text-align: left;
}

mydcaa-emagazine .emagazine p a {
  color: #c79921;
  margin-right: 5px;
}

mydcaa-emagazine .emagazine .desc {
  line-height: 1.3;
}

mydcaa-email-card .email-card:not(.noAnimate) {
  -webkit-transition: -webkit-transform 100ms linear;
  transition: -webkit-transform 100ms linear;
  transition: transform 100ms linear;
  transition: transform 100ms linear, -webkit-transform 100ms linear;
}

mydcaa-email-card .email-card:not(.noAnimate):hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

mydcaa-email-card .email-card.form-card {
  border: thin solid #dadada !important;
}

mydcaa-email-card .email-card img {
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
}

mydcaa-files-filter .header {
  font-size: 1.8em;
}

mydcaa-files-filter .bold {
  font-weight: bold;
}

mydcaa-files-filter .display-flex {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

mydcaa-files-filter .copy-link .copy-link-input {
  border-radius: 0 !important;
  border: 2px solid #8f9296;
  padding: 0.5rem 0.3rem;
}

mydcaa-files-filter .activity-modal {
  background-color: #f7f6f9;
}

mydcaa-files-filter .activity-modal .add-employee {
  border: thin solid #747b83;
}

mydcaa-files-filter .activity-modal .add-employee span {
  font-size: 0.9em;
}

mydcaa-files-filter .activity-modal .show-more {
  height: 60px;
  width: 100%;
  position: absolute;
  bottom: 0;
  border: none;
  background: #fafafa;
  background: linear-gradient(182deg, #fafafa 0%, #f2f2f2 48%, #e8e8e8 91%, #e5e5e5 100%);
}

mydcaa-files-filter .filter-modal .add-employee {
  border: thin solid #747b83;
}

mydcaa-files-filter .filter-modal .add-employee span {
  font-size: 0.9em;
}

mydcaa-files-filter .filter-modal input {
  padding: 0.6rem 1rem;
  border: thin solid #c9c9c9;
}

mydcaa-files-filter .filter-modal .checkmark-label {
  border-radius: 0.25rem;
}

mydcaa-files-filter .filter-modal p::before {
  content: "";
  width: 100%;
  border-bottom: thin solid #b1b7c1;
  position: absolute;
  left: 0px;
  bottom: -0.75rem;
}

mydcaa-files-filter .filter-modal .show-more {
  height: 60px;
  width: 100%;
  position: absolute;
  bottom: 0;
  border: none;
  background: #fafafa;
  background: linear-gradient(182deg, #fafafa 0%, #f2f2f2 48%, #e8e8e8 91%, #e5e5e5 100%);
}

mydcaa-files-filter .static-label {
  color: black !important;
}

mydcaa-gallery-item-card .tooltip.custom-tooltip::before {
  left: unset !important;
  right: unset !important;
  bottom: unset !important;
  top: calc(100% + .5rem);
  margin: 0 !important;
  word-wrap: break-word;
  white-space: pre-wrap;
  margin-left: 0 !important;
  line-height: 16px;
  font-size: 1.3rem !important;
  z-index: 999999;
  max-width: 300px !important;
  min-width: unset;
}

mydcaa-gallery-item-card .gallery-item-card {
  position: relative;
  height: 170px;
  max-width: 250px;
}

mydcaa-gallery-item-card .gallery-item-card.isVideo {
  height: 190px !important;
  width: 300px;
}

mydcaa-gallery-item-card .gallery-item-card p {
  top: auto;
  right: 0;
  left: 0;
  bottom: -10px;
  color: #fff;
  font-size: 1.1em;
}

mydcaa-gallery-item-card .gallery-item-card .img-hover-zoom {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 7px;
}

mydcaa-gallery-item-card .gallery-item-card .img-hover-zoom .main-img {
  -webkit-filter: brightness(65%);
  filter: brightness(65%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

mydcaa-gallery-item-card .gallery-item-card img {
  width: auto !important;
  max-height: 400px !important;
  height: auto !important;
}

mydcaa-gallery-item-card .gallery-item-card .video-play-holder {
  width: 100%;
  height: 100%;
  position: absolute;
}

mydcaa-gallery-item-card .gallery-item-card .video-play-holder .video-play {
  right: 1.5rem;
  top: 1.5rem;
  height: 40px;
  width: 40px !important;
}

mydcaa-gallery-item-card .gallery-item-card .img-hover-zoom:hover .main-img {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

mydcaa-gallery-item-card .gallery-item-card .comments {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  gap: 5px;
  background-color: #0000004d;
  border-radius: 14px;
  z-index: 10;
  color: white;
  font-size: 1.063rem;
}

mydcaa-gallery-item-card .gallery-item-card .action-panel {
  position: absolute;
  top: 0;
  right: calc(1.2em + .5rem);
}

mydcaa-happiness-card .happiness-img {
  width: 10rem;
}

mydcaa-image-gallery .image-gallery .action-btn {
  background: #007b39;
  border-radius: 0.7rem;
  padding: 0.2rem;
  font-size: 22px;
  color: #fff;
}

mydcaa-image-gallery .image-gallery .action-btn .icon {
  padding: 0.5rem;
}

mydcaa-image-gallery .image-gallery .big-product-image {
  width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-transition: -webkit-filter 500ms, -webkit-transform 500ms;
  transition: -webkit-filter 500ms, -webkit-transform 500ms;
  transition: filter 500ms, transform 500ms;
  transition: filter 500ms, transform 500ms, -webkit-filter 500ms, -webkit-transform 500ms;
}

mydcaa-image-gallery .image-gallery .thumbnail {
  display: grid;
  grid-template-columns: repeat(auto-fit, 14rem);
  grid-gap: 0.5rem;
  grid-auto-rows: 11rem;
  grid-row-gap: 0.75rem;
  background-color: transparent;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #444;
}

mydcaa-image-gallery .image-gallery .thumbnail .thumbnail-image {
  cursor: pointer;
  border: 3px solid #dee2e6;
  background: #fff;
  padding: 0.5rem;
  border-radius: 1rem;
}

mydcaa-image-gallery .image-gallery .thumbnail .thumbnail-image.selected, mydcaa-image-gallery .image-gallery .thumbnail .thumbnail-image:hover {
  border: 3px solid #d23737;
}

mydcaa-image-gallery .image-gallery .thumbnail .thumbnail-image img {
  border-radius: 1rem;
  max-height: 90px;
  -webkit-transition: -webkit-filter 500ms, -webkit-transform 500ms;
  transition: -webkit-filter 500ms, -webkit-transform 500ms;
  transition: filter 500ms, transform 500ms;
  transition: filter 500ms, transform 500ms, -webkit-filter 500ms, -webkit-transform 500ms;
}

mydcaa-image-gallery .image-gallery .image-extra {
  top: 1rem;
  right: 1rem;
}

mydcaa-image-gallery .image-gallery .bottom-icons {
  background: #007b39;
  right: 1rem;
  border-radius: 0.7rem;
  padding: 0.7rem;
}

mydcaa-image-gallery .image-gallery .bottom-icons.share {
  bottom: 52px;
}

mydcaa-image-gallery .image-gallery .bottom-icons.like {
  bottom: 10px;
}

mydcaa-image-gallery .image-gallery .dashed-plus {
  background-color: #fff;
  border: 2px dashed #dee2e6 !important;
  border-radius: 1rem;
  font-size: xxx-large;
}

mydcaa-image-gallery .image-gallery .dashed-plus:hover {
  border: 3px solid #d23737 !important;
}

mydcaa-image-gallery .image-gallery .slideAnim {
  -webkit-animation-name: slide;
  animation-name: slide;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes slide {
  from {
    margin-left: 0px;
  }
  to {
    margin-left: 200px;
  }
}

@keyframes slide {
  from {
    margin-left: 0px;
  }
  to {
    margin-left: 200px;
  }
}

mydcaa-internal-services-card {
  /* Style the tab */
}

mydcaa-internal-services-card .arrow-btn {
  background: transparent;
  height: 20px;
  width: 20px;
  pointer-events: auto;
}

mydcaa-internal-services-card .btnClass1::before {
  content: '';
  position: absolute;
  top: 14px;
  display: block;
  border-left: 3px solid #343a40;
  border-top: 3px solid #343a40;
  width: 10px;
  height: 10px;
  -webkit-transform: translate(-46%, -60%) rotate(-45deg);
  transform: translate(-46%, -60%) rotate(-45deg);
}

mydcaa-internal-services-card .btnClass2::after {
  content: '';
  position: absolute;
  top: 14px;
  display: block;
  border-right: 3px solid #343a40;
  border-bottom: 3px solid #343a40;
  width: 10px;
  height: 10px;
  -webkit-transform: translate(-46%, -60%) rotate(-45deg);
  transform: translate(-46%, -60%) rotate(-45deg);
}

mydcaa-internal-services-card .tooltip.bottom::before {
  left: 0;
  right: 0;
  bottom: 60px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  line-height: 20px;
  margin: auto;
}

mydcaa-internal-services-card .wrapper.mx-4 {
  margin: 0 !important;
}

mydcaa-internal-services-card .gridView {
  margin: 5px 5px !important;
  width: calc(50% - 20px) !important;
}

mydcaa-internal-services-card .service-icon {
  height: 40px;
}

mydcaa-internal-services-card .btn.btn-primary.tooltip.left ion-icon.more-icon {
  position: absolute;
  top: -50px;
}

mydcaa-internal-services-card ion-segment-button span {
  line-height: 1.5;
}

mydcaa-internal-services-card .primary-color,
mydcaa-internal-services-card .text-primary {
  color: #c79921;
}

mydcaa-internal-services-card .contentHTML p,
mydcaa-internal-services-card .contentHTML div,
mydcaa-internal-services-card .contentHTML h1,
mydcaa-internal-services-card .contentHTML h2,
mydcaa-internal-services-card .contentHTML h3,
mydcaa-internal-services-card .contentHTML h6,
mydcaa-internal-services-card .contentHTML ul li {
  font-size: inherit;
}

mydcaa-internal-services-card .contentHTML h6 {
  font-weight: 800;
}

mydcaa-internal-services-card .more-icon {
  position: absolute;
  right: 0.4em;
  top: 6px;
  font-size: 2em !important;
}

mydcaa-internal-services-card .slide-zoom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

mydcaa-internal-services-card .active-subservice .card-container {
  background: #c79921 !important;
  color: #fff !important;
}

mydcaa-internal-services-card .active-subservice .card-container ion-icon {
  color: #fff !important;
}

mydcaa-internal-services-card .active-subservice .arrow-indicator img {
  display: block !important;
}

mydcaa-internal-services-card .swiper-slide:hover .slide-zoom .card-container {
  background: #c79921;
  color: #fff;
}

mydcaa-internal-services-card .swiper-slide:hover .slide-zoom .card-container ion-icon {
  color: #fff;
}

mydcaa-internal-services-card .swiper-slide:hover .slide-zoom .arrow-indicator img {
  display: block;
}

mydcaa-internal-services-card ion-slides .swiper-container {
  padding-bottom: 20px !important;
}

mydcaa-internal-services-card ion-slides .swiper-container .swiper-pagination {
  bottom: -5px !important;
}

mydcaa-internal-services-card ion-slides .swiper-pagination-bullet {
  width: 15px;
  border-radius: 25px !important;
  height: 5px;
}

mydcaa-internal-services-card ion-slides .swiper-pagination-bullet-active {
  background-color: #343a40;
}

mydcaa-internal-services-card .wrapper {
  width: 22rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #444;
  height: 100%;
}

mydcaa-internal-services-card .wrapper.wrap-full-width {
  width: 100% !important;
}

mydcaa-internal-services-card .wrapper.wrap-grid {
  width: 100%;
}

mydcaa-internal-services-card .wrapper .arrow-indicator {
  height: 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

mydcaa-internal-services-card .wrapper .card-container {
  border-radius: 20px;
  background: #fff;
  height: 100%;
  position: relative;
  color: #51565c;
  cursor: pointer;
  width: 100%;
}

mydcaa-internal-services-card .wrapper .card-container p {
  text-align: start;
  font-size: 1.3em;
  font-weight: 600;
}

mydcaa-internal-services-card .wrapper .card-container .image-bordered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
}

mydcaa-internal-services-card .wrapper .card-container .image-bordered::before {
  content: "";
  width: 46%;
  height: 100%;
  background: url("../assets/images/mydcaa/circle.svg") no-repeat;
  top: 0;
  left: 0;
  position: absolute;
}

mydcaa-internal-services-card .wrapper .card-container .image-bordered ion-icon {
  font-size: 3em;
  padding: 0;
}

mydcaa-internal-services-card .wrapper .card-container .image-border- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

mydcaa-internal-services-card .wrapper .card-container .image-border-.width {
  width: 80%;
}

mydcaa-internal-services-card .wrapper .card-container .image-border- ion-icon {
  font-size: 3em;
  padding: 0;
}

mydcaa-internal-services-card .wrapper .arrow-indicator {
  height: 34px;
  margin-top: -1px;
}

mydcaa-internal-services-card .wrapper .arrow-indicator img {
  display: none;
}

mydcaa-internal-services-card .slide-zoom {
  height: 100%;
}

mydcaa-internal-services-card .segment-md .segment-button {
  color: #686868;
  text-shadow: 0 0 #686868;
  font-size: 1.125em !important;
  font-weight: 400;
  border: 2px solid #e9ecef;
  border-top: none;
  padding: 2.5em !important;
}

mydcaa-internal-services-card .segment-md .segment-button.activated,
mydcaa-internal-services-card .segment-md .segment-button.segment-activated {
  border: none;
  color: #000;
  font-weight: 600;
}

mydcaa-internal-services-card .tab {
  overflow: hidden;
  background-color: #fff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

mydcaa-internal-services-card .border-lr {
  border: 2px solid #e9ecef;
}

mydcaa-internal-services-card .tabcontent {
  background: #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

mydcaa-internal-services-card .tabcontent p {
  color: #8f9296;
  line-height: 1.5;
  margin: 0 2rem !important;
  padding-bottom: 1em !important;
  padding-top: 0.7em !important;
}

mydcaa-internal-services-card .tabcontent.active {
  display: block;
}

@media screen and (max-width: 767px) {
  mydcaa-internal-services-card ion-segment-button .font8 {
    font-size: small !important;
  }
  mydcaa-internal-services-card .tabcontent {
    font-size: small !important;
  }
  mydcaa-internal-services-card .tabcontent p {
    margin: 0 !important;
  }
}

mydcaa-internal-services-card .segment-button {
  padding: 3rem !important;
}

mydcaa-latest-news a {
  text-decoration: none;
}

mydcaa-latest-news .latest-news {
  text-align: justify;
}

mydcaa-latest-news .latest-news .latest-news-image {
  height: 132px;
  float: left;
}

mydcaa-latest-news .latest-news .ln-desc {
  color: #c8ccd3;
}

mydcaa-latest-news .latest-news .ln-description {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

mydcaa-latest-news .latest-news p.head-text {
  font-size: 19px;
  line-height: 27px;
  text-align: left;
}

mydcaa-latest-news .latest-news p.head-desc {
  font-size: 18px;
  line-height: 27px;
  color: #5f6165;
}

mydcaa-latest-news .latest-news p a {
  color: #c79921;
  margin-right: 5px;
}

mydcaa-media-center-card .media-center-card .image-no-border {
  height: 50px;
  width: 50px;
}

mydcaa-media-center-card .media-center-card .media-icon {
  height: auto;
  width: 30px;
}

mydcaa-media-center-card .media-center-card .dcaa-image {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

mydcaa-media-center-card .media-center-card .header-title-size {
  width: calc(100% - 50px - 2rem);
}

mydcaa-media-center-card .media-center-card .head-desc {
  font-size: 18px;
  color: #5f6165;
}

mydcaa-media-center-card .media-center-card .head-text {
  font-size: 19px;
  line-height: 27px;
  text-align: left;
}

mydcaa-media-center-card .media-center-card a {
  text-decoration: none;
}

mydcaa-media-center-card .media-center-card .eye-icon {
  font-size: 2em;
}

mydcaa-media-center-card .media-center-card .videoFrame {
  width: 100%;
  height: 40vh;
}

mydcaa-media-center-card .media-center-card .descriptionHtml {
  word-break: break-word;
}

mydcaa-media-center-card .media-center-card .descriptionHtml p,
mydcaa-media-center-card .media-center-card .descriptionHtml div {
  font-size: inherit;
}

mydcaa-media-center-card .media-center-card .descriptionHtml p {
  margin-top: 0;
}

mydcaa-media-center-card .media-center-card .descriptionHtml img {
  max-width: 34% !important;
  height: auto !important;
  border-radius: 1rem !important;
  float: left !important;
  margin: 0 15px 15px 0 !important;
}

mydcaa-media-center-card .media-center-card .descriptionHtml img.resizeImage {
  max-width: 25% !important;
}

mydcaa-media-center-card .media-center-card .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

mydcaa-media-center-card .media-center-card p {
  color: #5f6165;
  line-height: 27px;
}

a mydcaa-media-center-card .media-center-card p:not(.text-primary) {
  color: #58bbff;
  margin-right: 5px;
}

mydcaa-media-center-card .media-center-card .media-gallery img {
  border-radius: 25px;
}

mydcaa-media-center-card .media-center-card .media-center-posts {
  width: 90%;
}

mydcaa-media-center-card .media-center-card .media-center-posts input {
  background-color: #fafafa;
  width: 95%;
}

mydcaa-media-center-card .media-center-card .media-center-posts .img-icon {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 800;
  color: #acadb2;
  padding: 0 15px;
  height: 18px;
  top: 12px;
}

mydcaa-media-center-card .media-center-card .media-center-posts .img-search {
  right: 0;
}

mydcaa-media-center-card .media-center-card .media-center-posts .img-emoji {
  right: 32px;
}

mydcaa-media-center-card .media-center-card .media-center-posts .img-audio {
  right: 56px;
}

mydcaa-media-center-card .more-anchor {
  position: absolute;
  top: 0;
  right: 0;
}

mydcaa-media-center-card .comment-input {
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fafafa;
}

mydcaa-media-center-card .comment-input .actions-panel {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

mydcaa-media-center-card .comment-input label {
  width: 100%;
}

mydcaa-media-center-card .comment-input label .comment {
  border: none;
  border: none !important;
  outline: none !important;
}

mydcaa-media-center-card .comment-input label .comment:focus {
  border: none !important;
  outline: none !important;
}

mydcaa-media-center-card .comment-input:focus-within {
  border: 1px solid #636262;
}

mydcaa-media-center-post .media-center-post .subheader {
  color: #737274;
}

mydcaa-media-center-post .media-center-post input {
  outline: none;
  border: none;
}

mydcaa-media-center-post .media-center-post input ::-webkit-input-placeholder {
  color: #f8f9fa;
}

mydcaa-media-center-post .media-center-post input ::-moz-placeholder {
  color: #f8f9fa;
}

mydcaa-media-center-post .media-center-post input ::-ms-input-placeholder {
  color: #f8f9fa;
}

mydcaa-media-center-post .media-center-post input ::placeholder {
  color: #f8f9fa;
}

mydcaa-media-center-post .media-center-post .dcaa-image {
  width: 50px;
  max-width: 10%;
}

mydcaa-media-center-post .media-center-post .input-div {
  width: 90%;
  padding-left: 1rem;
}

mydcaa-media-center-post .media-center-post .input-div input {
  width: calc(100% - 5rem);
  margin: 0;
}

mydcaa-meetings-card .btn.btn-primary.tooltip.left {
  position: absolute;
  right: 0;
  top: -10px;
}

mydcaa-meetings-card .btn.btn-primary.tooltip.left::before {
  right: 0;
  top: -30px;
}

mydcaa-meetings-card .pl-4, mydcaa-meetings-card .px-4 {
  padding-left: 2.4rem !important;
}

mydcaa-meetings-card .pr-4, mydcaa-meetings-card .px-4 {
  padding-right: 2.4rem !important;
}

mydcaa-meetings-card .w-50 {
  width: 50% !important;
}

mydcaa-meetings-card .meetings-card .recording {
  border: 1px solid #ec322a;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: .5rem;
}

mydcaa-meetings-card .meetings-card .recording span {
  white-space: nowrap;
}

mydcaa-meetings-card .meetings-card .view-all {
  position: absolute;
  background-color: #fff !important;
  color: #000 !important;
  display: block;
  padding: 1rem;
  -webkit-box-shadow: 0 0 2px 1px #00000038;
  box-shadow: 0 0 2px 1px #00000038;
  border-radius: 8px;
  row-gap: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  z-index: 10;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-height: 140px;
  overflow-y: auto;
  max-width: 100%;
}

mydcaa-meetings-card .meetings-card .view-all .person {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

mydcaa-meetings-card .meetings-card .view-all .person .person-image {
  height: 30px;
  width: 30px;
}

mydcaa-meetings-card .meetings-card .view-all .person .person-image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
}

mydcaa-meetings-card .meetings-card .view-all-placeholder {
  position: relative;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .more-icon {
  position: absolute;
  right: 0px;
  top: 6px;
  width: 40px;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .meeting-header {
  display: block;
  position: relative;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .meeting-header .status-badge {
  border-radius: 8px;
  border: 1px solid #9AAAAD;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .meeting-header .status-badge span {
  font-size: 0.9em;
  width: 29px;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .meeting-header .status-badge.ONSITE {
  color: #ec322a;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .meeting-header .status-badge.ONLINE {
  color: #048441;
}

mydcaa-meetings-card .meetings-card .meeting-white-card.full {
  border-radius: 0;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .person img, mydcaa-meetings-card .meetings-card .meeting-white-card .count-span {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  color: #fff;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .person img span, mydcaa-meetings-card .meetings-card .meeting-white-card .count-span span {
  color: #fff;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .person img :not(:first-child), mydcaa-meetings-card .meetings-card .meeting-white-card .count-span :not(:first-child) {
  margin-left: -9px;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .ring {
  margin-left: -10px;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .ring.green {
  background-color: #82e080;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .ring.secondary_mydcaa {
  background-color: #007b39;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .ring.blue {
  background-color: #80a2e0;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .ring.light-blue {
  background-color: #6bbef9;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .ring.red {
  background-color: #ec322a;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .ring.pink {
  background-color: #e080b4;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .ring.purple {
  background-color: #603cd7;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .ring.magenta {
  background-color: #ec008c;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .ring.orange {
  background-color: #ff9f01;
}

mydcaa-meetings-card .meetings-card .meeting-white-card .ring.gray2 {
  background-color: #f2f2f2;
}

mydcaa-meetings-card .color-white-text {
  color: #fff;
}

mydcaa-meetings-card .Action-Row {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
}

mydcaa-meetings-card .Action-Row .Column {
  display: table-cell;
  text-align: center;
  padding: 1rem;
}

mydcaa-meetings-card .Action-Row .Column:not(:last-child) {
  border-right: 1px solid #e1e1e1;
}

mydcaa-meetings-card .Action-Row .Column:hover {
  background-color: #f2f2f2;
}

mydcaa-meetings-card .Action-Row .Column-2 {
  display: table-cell;
}

mydcaa-meetings-card .action-top-border {
  border-top: 1px solid #e1e1e1;
}

mydcaa-meetings-card .duration {
  line-height: 1rem;
  white-space: nowrap;
}

mydcaa-meetings-card .bulleted::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-block;
  background-color: black;
}

mydcaa-mobile-header .mydcaa-header.blackBg {
  background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(75%, rgba(0, 0, 0, 0.88))) !important;
  background: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 0.88) 75%) !important;
}

mydcaa-mobile-header .mydcaa-header.notHomeScreen {
  background-image: url(../assets/images/mydcaa/background-loader.jpg) !important;
  border-bottom: 1px solid #747b83;
}

mydcaa-mobile-header ion-icon {
  font-size: 1.5em;
}

mydcaa-mobile-header .neg-margin {
  margin-top: -20px;
}

mydcaa-mobile-header .btn-text-icon {
  font-size: 1.1em !important;
}

mydcaa-mobile-header .btn-text-icon ion-icon {
  font-weight: 500;
  font-size: 1.1em !important;
}

mydcaa-monthly-goals .main-section {
  display: grid;
  grid-template-columns: 60% 40%;
}

mydcaa-monthly-goals .main-section .statistics-section, mydcaa-monthly-goals .main-section .profile-section {
  padding: 1.5rem;
}

mydcaa-monthly-goals .main-section .profile-section .states-part {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

mydcaa-monthly-goals .profile {
  min-height: 40%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}

mydcaa-monthly-goals .profile .profile-img {
  position: relative;
}

mydcaa-monthly-goals .profile .profile-img img {
  height: 8rem;
  width: 8rem;
  border-radius: 50%;
}

mydcaa-monthly-goals .profile .profile-img .status-indecator {
  content: '';
  height: 13px;
  width: 13px;
  border: 3px solid white;
  border-radius: 50%;
  position: absolute;
  top: .3rem;
  right: .8rem;
}

mydcaa-monthly-goals .profile .profile-img .status-indecator.green {
  background-color: #62af39;
}

mydcaa-monthly-goals .profile .profile-img .status-indecator.red {
  background-color: #ec322a;
}

mydcaa-monthly-goals .profile .profile-img .status-indecator.yellow {
  background-color: #e8b909;
}

mydcaa-monthly-goals .profile .deadline-date {
  font-size: 16px;
}

mydcaa-monthly-goals .profile .profile-info {
  text-align: center;
}

mydcaa-monthly-goals .profile .profile-info .title {
  color: #D0D2D8;
}

mydcaa-monthly-goals .profile .profile-info .name {
  font-weight: 600;
  color: #494F5C;
}

mydcaa-monthly-goals .statistic-boxes {
  padding: 0;
  border-top: 2px solid #f2f2f2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  min-height: 8rem;
}

mydcaa-monthly-goals .statistic-boxes .statistic-box {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 2px solid #f2f2f2;
}

mydcaa-monthly-goals .statistic-boxes .statistic-box:first-child {
  border-left: none;
}

mydcaa-monthly-goals .radial_info h1 {
  font-weight: 700;
}

mydcaa-monthly-goals .radial_message {
  white-space: nowrap;
}

@media screen and (max-width: 991px) {
  mydcaa-monthly-goals .main-section {
    grid-template-columns: 100%;
  }
}

mydcaa-monthly-goals .expandable-section {
  border-top: 2px solid #f2f2f2;
  display: grid;
}

mydcaa-monthly-goals .expandable-section .section-body {
  overflow-y: scroll;
}

mydcaa-monthly-goals .subservice-panel-detail .title {
  font-size: 1.3em;
}

mydcaa-monthly-goals .subservice-panel-detail .deadline-date {
  font-size: 1.1em;
}

mydcaa-monthly-goals .subservice-panel-detail ion-badge {
  font-size: 0.875em;
}

mydcaa-monthly-goals .white-card .title {
  font-size: 1.5em;
}

mydcaa-monthly-goals .white-card .deadline-date {
  font-size: 1.125em;
}

mydcaa-monthly-goals .white-card .description {
  font-size: 1.3em;
}

mydcaa-monthly-goals .white-card ion-badge {
  font-size: 1.1em;
}

mydcaa-my-files .myfiles-page .border-right-thick-pshudo::before {
  content: "";
  border-right: 3px solid #bcbec4;
  position: absolute;
  height: 65%;
  right: -17px;
}

mydcaa-my-files .myfiles-page .flag-icon {
  margin-right: 0.1em;
}

mydcaa-my-files .myfiles-page .flex-table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

mydcaa-my-files .myfiles-page .flex-table.flex-table-row:nth-child(odd) .flex-row-custom {
  background: #f7f9fb;
}

mydcaa-my-files .myfiles-page .flex-table.flex-table-row:nth-child(odd) .last {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

mydcaa-my-files .myfiles-page .flex-table.flex-table-row:nth-child(odd) .first {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

mydcaa-my-files .myfiles-page .flex-table:hover {
  -webkit-transition: 500ms;
  transition: 500ms;
}

mydcaa-my-files .myfiles-page .flex-row-custom {
  width: calc(60% / 4);
  padding: 0.5em 0.5em;
}

mydcaa-my-files .myfiles-page .flex-row-custom.second {
  width: 5%;
}

mydcaa-my-files .myfiles-page .flex-row-custom.first {
  width: 35%;
}

mydcaa-my-files .myfiles-page .rowspan {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

mydcaa-my-files .myfiles-page .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  width: 75%;
  padding: 0;
}

mydcaa-my-files .myfiles-page .column .flex-row-custom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  padding: 0;
  border: 0;
  border-bottom: solid 1px #d9d9d9;
}

mydcaa-my-files .myfiles-page .column .flex-row-custom:hover {
  background: #f5f5f5;
  -webkit-transition: 500ms;
  transition: 500ms;
}

mydcaa-my-files .myfiles-page .flex-cell {
  width: calc(100% / 3);
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #d9d9d9;
}

@media all and (max-width: 767px) {
  mydcaa-my-files .myfiles-page .flex-row-custom {
    width: calc(100% / 3);
  }
  mydcaa-my-files .myfiles-page .flex-row-custom.first, mydcaa-my-files .myfiles-page .flex-row-custom.second {
    width: 100%;
  }
  mydcaa-my-files .myfiles-page .column {
    width: 100%;
  }
}

@media all and (max-width: 430px) {
  mydcaa-my-files .myfiles-page .flex-table .flex-row-custom {
    border-bottom: 0;
  }
  mydcaa-my-files .myfiles-page .flex-table .flex-row-custom:last-of-type {
    border-bottom: solid 1px #d9d9d9;
  }
  mydcaa-my-files .myfiles-page .header .flex-row-custom {
    border-bottom: solid 1px;
  }
  mydcaa-my-files .myfiles-page .flex-row-custom {
    width: 100%;
  }
  mydcaa-my-files .myfiles-page .flex-row-custom.first, mydcaa-my-files .myfiles-page .flex-row-custom.second {
    width: 100% !important;
  }
  mydcaa-my-files .myfiles-page .column {
    width: 100%;
  }
  mydcaa-my-files .myfiles-page .column .flex-row-custom {
    border-bottom: solid 1px #d9d9d9;
  }
  mydcaa-my-files .myfiles-page .flex-cell {
    width: 100%;
  }
}

mydcaa-my-files .paths {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

mydcaa-my-files .paths .path:not(:first-child):before {
  content: '>';
  font-weight: 400;
}

mydcaa-my-files .paths .path:last-child {
  font-weight: 600;
}

mydcaa-my-files .grid-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  row-gap: 1.5rem;
  -webkit-column-gap: 1%;
  -moz-column-gap: 1%;
  column-gap: 1%;
  padding: 1.5rem;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
}

mydcaa-my-files .grid-view .item {
  width: 24rem;
  height: 24rem;
  margin: auto;
}

mydcaa-my-files .grid-view .item .title {
  padding: .5rem 1rem;
  background-color: #f7f6f9;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

mydcaa-my-files .grid-view .item .title span {
  max-width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

mydcaa-my-files .grid-view .item .img {
  height: 80%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #f7f6f9;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

mydcaa-my-files .grid-view .item .img img {
  height: 50%;
}

mydcaa-my-files .item-container {
  width: 22%;
}

mydcaa-my-files .filter-group ion-icon {
  font-size: 1em !important;
}

mydcaa-my-photos .shared-files-page {
  /* The custom-container */
}

mydcaa-my-photos .shared-files-page .tab-shared {
  color: #c79921;
}

mydcaa-my-photos .shared-files-page .tab-shared::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -14px;
  left: 0;
  right: 0;
  border-bottom: 3px solid #c79921;
}

mydcaa-my-photos .shared-files-page .border-right-thick-pshudo::before {
  content: "";
  border-right: 3px solid #bcbec4;
  position: absolute;
  height: 65%;
  right: -17px;
}

mydcaa-my-photos .shared-files-page .flag-icon {
  margin-right: 0.1em;
}

mydcaa-my-photos .shared-files-page .flex-table {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

mydcaa-my-photos .shared-files-page .flex-table:hover {
  -webkit-transition: 500ms;
  transition: 500ms;
}

mydcaa-my-photos .shared-files-page .flex-table::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: thin solid #c7c7c7;
}

mydcaa-my-photos .shared-files-page .flex-table.header::before {
  right: 0;
}

mydcaa-my-photos .shared-files-page .flex-row-custom {
  width: calc(60% / 2);
  padding: 0.5em 0.5em;
}

mydcaa-my-photos .shared-files-page .flex-row-custom.first {
  width: 5%;
}

mydcaa-my-photos .shared-files-page .flex-row-custom.second {
  width: 35%;
}

mydcaa-my-photos .shared-files-page .rowspan {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

mydcaa-my-photos .shared-files-page .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  width: 75%;
  padding: 0;
}

mydcaa-my-photos .shared-files-page .column .flex-row-custom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  padding: 0;
  border: 0;
  border-bottom: solid 1px #d9d9d9;
}

mydcaa-my-photos .shared-files-page .column .flex-row-custom:hover {
  background: #f5f5f5;
  -webkit-transition: 500ms;
  transition: 500ms;
}

mydcaa-my-photos .shared-files-page .flex-cell {
  width: calc(100% / 3);
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #d9d9d9;
}

@media all and (max-width: 767px) {
  mydcaa-my-photos .shared-files-page .flex-row-custom {
    width: calc(100% / 3);
  }
  mydcaa-my-photos .shared-files-page .flex-row-custom.first, mydcaa-my-photos .shared-files-page .flex-row-custom.second {
    width: 100%;
  }
  mydcaa-my-photos .shared-files-page .column {
    width: 100%;
  }
}

@media all and (max-width: 430px) {
  mydcaa-my-photos .shared-files-page .flex-table .flex-row-custom {
    border-bottom: 0;
  }
  mydcaa-my-photos .shared-files-page .flex-table .flex-row-custom:last-of-type {
    border-bottom: solid 1px #d9d9d9;
  }
  mydcaa-my-photos .shared-files-page .header .flex-row-custom {
    border-bottom: solid 1px;
  }
  mydcaa-my-photos .shared-files-page .flex-row-custom {
    width: 100%;
  }
  mydcaa-my-photos .shared-files-page .flex-row-custom.first, mydcaa-my-photos .shared-files-page .flex-row-custom.second {
    width: 100% !important;
    border-bottom: solid 1px #d9d9d9;
  }
  mydcaa-my-photos .shared-files-page .column {
    width: 100%;
  }
  mydcaa-my-photos .shared-files-page .column .flex-row-custom {
    border-bottom: solid 1px #d9d9d9;
  }
  mydcaa-my-photos .shared-files-page .flex-cell {
    width: 100%;
  }
}

mydcaa-my-photos .shared-files-page .custom-container {
  /* Hide the browser's default checkbox */
}

mydcaa-my-photos .shared-files-page .custom-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

mydcaa-my-photos .shared-files-page .checkmark-label {
  background-color: white;
  border: 1px solid #888888;
  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  position: absolute;
  width: 25px;
}

mydcaa-my-photos .shared-files-page .checkmark-label.dcaa-color {
  background-color: #c79921;
  border: 1px solid #c79921;
}

mydcaa-my-photos .shared-files-page .checkmark-label.dcaa-color:after {
  border: 3px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 7px;
  left: 6px;
  position: absolute;
  top: 7px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 13px;
}

mydcaa-my-photos .paths {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

mydcaa-my-photos .paths .path:not(:first-child):before {
  content: '>';
}

mydcaa-my-photos .grid-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  row-gap: 1.5rem;
  -webkit-column-gap: 1%;
  -moz-column-gap: 1%;
  column-gap: 1%;
  padding: 1.5rem;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

mydcaa-my-photos .grid-view .item {
  width: 24.2%;
  min-width: 26rem;
}

mydcaa-my-photos .grid-view .item .title {
  padding: .5rem 1rem;
  background-color: #f7f6f9;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

mydcaa-my-photos .grid-view .item .title span {
  max-width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

mydcaa-my-photos .grid-view .item img {
  -o-object-fit: cover;
  object-fit: cover;
}

mydcaa-my-photos .item-container {
  width: 22%;
}

mydcaa-mydrive-files .paths {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

mydcaa-mydrive-files .paths .path:not(:first-child):before {
  content: '>';
  font-weight: 300;
  margin: 0 4px;
  font-size: 1.4em;
}

mydcaa-mydrive-files .paths .path:last-child {
  font-weight: 600;
}

mydcaa-mydrive-recent .paths {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

mydcaa-mydrive-recent .paths .path:not(:first-child):before {
  content: '>';
  font-weight: 300;
  margin: 0 4px;
  font-size: 1.4em;
}

mydcaa-mydrive-recent .paths .path:last-child {
  font-weight: 600;
}

mydcaa-navbar .text-prop {
  font-size: 1.2em;
  opacity: 0.9;
}

mydcaa-navbar .latest-news-container {
  border-bottom: 2px solid #b31f2f;
}

mydcaa-navbar .latest-news-container.ishome {
  background-image: radial-gradient(circle at top right, #d23737, #0E1317 65%);
}

mydcaa-navbar .news-date {
  color: #bbb8b7;
  font-size: 1em;
  padding: 0 0.5em;
}

mydcaa-navbar .news-title {
  max-width: 80vw;
  text-shadow: 0 0 0 #c2c0c0;
}

mydcaa-navbar .news-title::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 5px;
  display: inline-block;
  background-color: #fff;
  vertical-align: middle;
}

mydcaa-navbar .refresh-icon {
  padding: 0 10px 0px 0px;
}

mydcaa-navbar .refresh-icon ion-icon:hover, mydcaa-navbar .refresh-icon ion-icon:focus-visible {
  color: #c79921;
}

mydcaa-navbar .ln-expand {
  text-shadow: none;
  padding-left: 5.5em;
  font-size: 1.09em;
}

mydcaa-navbar .icons-fonts ion-icon {
  font-size: 0.79em;
}

mydcaa-navbar .lineUp {
  -webkit-animation: 2s anim-lineUp ease-out infinite;
  animation: 2s anim-lineUp ease-out infinite;
}

@keyframes anim-lineUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80%);
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

mydcaa-navbar .grid-border-space {
  border-bottom: thin dotted #c2c0c0;
  padding: 0 15px !important;
}

mydcaa-navbar .collapsed {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

mydcaa-navbar .news-icon {
  background: #b31f2f;
}

mydcaa-navbar .mydcaa-navbar {
  padding: 0 6.5rem;
  list-style: none;
}

mydcaa-navbar .mydcaa-navbar:not(.home-screen) {
  padding: 0 2rem;
}

mydcaa-navbar .mydcaa-navbar li {
  margin-right: 9px;
}

@media (min-width: 1700px) {
  mydcaa-navbar .mydcaa-navbar li {
    margin-right: 15px;
  }
}

mydcaa-navbar .mydcaa-navbar a {
  font-size: 1.2em;
  cursor: pointer;
  position: relative;
}

mydcaa-navbar .mydcaa-navbar a.black {
  color: #282828;
}

mydcaa-navbar .mydcaa-navbar a.white {
  color: #fff;
  opacity: 0.9;
}

mydcaa-navbar .mydcaa-navbar a.shadow-bold {
  text-shadow: 0px 0px 1px #282828;
}

mydcaa-navbar .mydcaa-navbar a:hover, mydcaa-navbar .mydcaa-navbar a.active {
  text-shadow: 0px 0px 1px #c79921 !important;
}

mydcaa-navbar .mydcaa-navbar a:hover:not(.white), mydcaa-navbar .mydcaa-navbar a.active:not(.white) {
  color: #c79921;
}

mydcaa-navbar .mydcaa-navbar a:hover::before, mydcaa-navbar .mydcaa-navbar a.active::before {
  content: "";
  position: absolute;
  top: 28px;
  bottom: 0;
  left: 25%;
  right: 25%;
  border-radius: 10px;
  border-bottom: 3px solid #c79921;
}

mydcaa-navbar .mydcaa-navbar .active {
  color: #c79921 !important;
}

mydcaa-navbar .mydcaa-nav .nav-btn {
  height: 36px;
  width: 36px;
}

mydcaa-navbar .mydcaa-nav .nav-btn ion-icon {
  margin: auto;
}

mydcaa-navbar .mydcaa-nav .nav-btn.add-btn {
  border-radius: 50%;
  background-color: #048441;
  color: #fff;
}

mydcaa-navbar .mydcaa-nav .nav-btn.active ion-icon {
  border-bottom: 1px solid #c79921;
}

mydcaa-navbar .mydcaa-nav .nav-btn.active.gold-on-active {
  color: #c79921;
}

mydcaa-navbar .mydcaa-nav .nav-btn.active .svg-white * path {
  stroke: #fff !important;
  fill: #fff !important;
}

@media (min-width: 961px) {
  mydcaa-navbar .div-desktop {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

mydcaa-product-description .product-desc .color2 {
  color: #55585a;
}

mydcaa-product-description .product-desc .closeDetails {
  font-size: 2.4em;
}

mydcaa-product-description .product-desc .price-tag {
  color: #c79921;
}

mydcaa-product-description .product-desc .price-tag .price {
  font-size: 20px;
}

mydcaa-product-description .product-desc .ratings .icon {
  padding: 0 0.1em !important;
}

mydcaa-product-description .product-desc .subhead {
  font-size: 20px;
}

mydcaa-product-description .product-desc .specifications {
  border-bottom: 3px solid #dee2e6;
  font-size: 18px;
  width: 98%;
}

mydcaa-product-description .product-desc .line-ht {
  line-height: 1.4;
}

mydcaa-product-description .product-desc .starting-price {
  font-size: 20px;
}

mydcaa-product-description .product-desc .contact-info {
  width: 98%;
}

mydcaa-product-description h6 {
  width: calc(100% - 2rem);
}

mydcaa-product-description a.mailinfo {
  color: #000 !important;
  text-decoration: none;
}

mydcaa-product-description a.mailinfo:visited {
  color: #000 !important;
}

mydcaa-product-description .social-media-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

mydcaa-product-description .social-media-links .item a {
  text-decoration: none;
}

mydcaa-product-description .social-media-links .item a:visited {
  color: #000;
}

mydcaa-product-description .social-media-links .item .social-media-icons {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

mydcaa-progress-bar .percentage-text {
  color: #c3c6d3;
}

mydcaa-quick-links .moveBack {
  position: absolute;
  top: 52px;
  left: -31px;
  z-index: 999;
  font-size: 28px;
  z-index: 999;
}

mydcaa-quick-links .moveBack ion-icon {
  color: #fff;
  cursor: pointer;
}

mydcaa-quick-links .moveBack ion-icon:hover {
  color: #dddddd;
}

mydcaa-quick-links .moveForward {
  position: absolute;
  top: 52px !important;
  right: -30px;
  font-size: 28px;
  z-index: 999;
}

mydcaa-quick-links .moveForward ion-icon {
  color: #fff;
  cursor: pointer;
}

mydcaa-quick-links .moveForward ion-icon:hover {
  color: #dddddd;
}

mydcaa-quick-links .topRowShortcuts {
  margin-right: -5px !important;
  margin-left: -5px !important;
}

mydcaa-quick-links .topRowShortcuts ion-col.col {
  -webkit-box-flex: 20% !important;
  -webkit-flex: 20% !important;
  -ms-flex: 20% !important;
  flex: 20% !important;
  max-width: 20% !important;
  width: 20% !important;
  padding-bottom: 0;
}

mydcaa-quick-links .quick-links {
  width: 750px;
  max-width: 90%;
  margin: 0 auto;
}

mydcaa-quick-links .quick-links .moredrop {
  width: 46px;
  margin: 0 auto;
  height: 32px;
  font-size: 1.8em;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0px 0px 50% 50%;
}

mydcaa-quick-links .quick-links .quick-links-header {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-column-gap: .5rem;
  -moz-column-gap: .5rem;
  column-gap: .5rem;
  padding: 0.5rem;
  background: #0000003b;
  border-radius: 8px;
  -webkit-backdrop-filter: blur(12px) brightness(115%);
  backdrop-filter: blur(12px) brightness(115%);
}

mydcaa-quick-links .quick-links .quick-links-header h3 {
  white-space: nowrap;
  margin: 0;
  font-size: 1.9rem !important;
  position: relative;
  top: 2px;
}

mydcaa-quick-links .quick-links .quick-links-header hr {
  width: -webkit-fill-available;
  background-color: #fff;
}

mydcaa-quick-links .quick-links .quick-links-docker .links {
  margin-top: 2rem;
}

mydcaa-quick-links .quick-links .quick-links-docker .links .link-item {
  border-radius: 8px;
  background-color: #fff;
  height: 150px;
  min-width: 140px;
  padding: 1rem;
  background-image: url("../assets/images/mydcaa/semicircle.svg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top right;
  background-size: 60%;
}

mydcaa-quick-links .quick-links .quick-links-docker .links .link-item.add {
  background: #0000003b;
  border-radius: 8px;
  -webkit-backdrop-filter: blur(12px) brightness(115%);
  backdrop-filter: blur(12px) brightness(115%);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

mydcaa-quick-links .quick-links .quick-links-docker .links .link-item.add .link-item-icon img {
  height: 50%;
  margin: auto;
}

mydcaa-quick-links .quick-links .quick-links-docker .links .link-item .link-item-icon {
  height: 55%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

mydcaa-quick-links .quick-links .quick-links-docker .links .link-item .link-item-icon img {
  height: 45px;
  margin: 0 auto;
}

mydcaa-quick-links .quick-links .quick-links-docker .links .link-item .link-item-title {
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40%;
  line-height: 20px;
  text-align: center;
  font-size: 1.6rem;
}

mydcaa-quick-links .blur-background {
  background: #0000003b;
  -webkit-backdrop-filter: blur(12px) brightness(115%);
  backdrop-filter: blur(12px) brightness(115%);
}

mydcaa-quick-links ion-slides {
  /*.swiper-pagination-bullet {
      width: 15px;
      border-radius: 25px !important;
      height: 5px;
    }
    .swiper-pagination-bullet-active {
      background-color: $gray-800;
    }*/
}

mydcaa-quick-links ion-slides .swiper-container .swiper-pagination {
  bottom: 3px !important;
}

@media (max-width: 795px) {
  mydcaa-quick-links .swiper-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 822px) {
  mydcaa-quick-links .for-big-screen {
    display: none !important;
  }
  mydcaa-quick-links .for-small-screen {
    height: 335px;
    position: relative;
  }
  mydcaa-quick-links .for-small-screen ::-webkit-scrollbar-thumb {
    background-color: #0000003b !important;
    border: none !important;
    border-radius: 1em;
    -webkit-backdrop-filter: blur(12px) brightness(115%);
    backdrop-filter: blur(12px) brightness(115%);
  }
  mydcaa-quick-links .for-small-screen .quick-links {
    padding: 1.5rem !important;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
  }
  mydcaa-quick-links .for-small-screen .quick-links::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #0000003b;
    border-radius: 8px;
    -webkit-backdrop-filter: blur(12px) brightness(115%);
    backdrop-filter: blur(12px) brightness(115%);
    top: 0;
    right: 0;
  }
  mydcaa-quick-links .for-small-screen .quick-links .quick-links-header {
    position: relative;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    padding: 0;
    background: unset !important;
    border-radius: unset !important;
    -webkit-backdrop-filter: unset !important;
    backdrop-filter: unset !important;
  }
  mydcaa-quick-links .for-small-screen .quick-links .quick-links-header h3 {
    white-space: nowrap;
    margin: 0;
    font-size: 1.9rem !important;
    position: relative;
    top: 2px;
  }
  mydcaa-quick-links .for-small-screen .quick-links hr {
    width: -webkit-fill-available;
    background-color: #fff;
    position: relative;
  }
  mydcaa-quick-links .for-small-screen .quick-links .quick-links-docker {
    gap: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow-y: scroll;
    padding: 1rem;
    position: relative;
  }
  mydcaa-quick-links .for-small-screen .quick-links .link-item {
    gap: 1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
  }
  mydcaa-quick-links .for-small-screen .quick-links .link-item:hover {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
  }
  mydcaa-quick-links .for-small-screen .quick-links .link-item .link-item-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: white;
    border-radius: 8px;
    height: 40px;
    width: 40px;
    padding: 1rem;
  }
  mydcaa-quick-links .for-small-screen .quick-links .link-item .link-item-icon img {
    height: 40px;
  }
  mydcaa-quick-links .for-small-screen .quick-links .link-item .link-item-icon ion-icon {
    font-size: 2.6rem !important;
  }
  mydcaa-quick-links .for-small-screen .quick-links .link-item .link-item-title {
    color: #fff;
    font-size: 1.5rem;
  }
  mydcaa-quick-links .for-small-screen .quick-links .link-item.add .link-item-icon {
    padding: 1rem !important;
    /* background-color: #c1c1c1 !important; */
    background: #0000003b !important;
    border-radius: 8px;
    -webkit-backdrop-filter: blur(12px) brightness(115%);
    backdrop-filter: blur(12px) brightness(115%);
    width: 100%;
  }
  mydcaa-quick-links .for-small-screen .quick-links .link-item.add .link-item-icon:hover {
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5);
  }
  mydcaa-quick-links .for-small-screen .quick-links .link-item.add .link-item-icon img {
    height: 20px;
  }
}

@media (min-width: 823px) {
  mydcaa-quick-links .for-small-screen {
    display: none !important;
  }
}

mydcaa-recent-files .recent-files-page {
  /* The custom-container */
}

mydcaa-recent-files .recent-files-page .border-right-thick-pshudo::before {
  content: "";
  border-right: 3px solid #bcbec4;
  position: absolute;
  height: 65%;
  right: -17px;
}

mydcaa-recent-files .recent-files-page .flag-icon {
  margin-right: 0.1em;
}

mydcaa-recent-files .recent-files-page .flex-table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

mydcaa-recent-files .recent-files-page .flex-table.flex-table-row:nth-child(odd) .flex-row-custom {
  background: #f7f9fb;
}

mydcaa-recent-files .recent-files-page .flex-table.flex-table-row:nth-child(odd) .last {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

mydcaa-recent-files .recent-files-page .flex-table.flex-table-row:nth-child(odd) .first {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

mydcaa-recent-files .recent-files-page .flex-table:hover {
  -webkit-transition: 500ms;
  transition: 500ms;
}

mydcaa-recent-files .recent-files-page .flex-row-custom {
  width: calc(95% / 2);
  padding: 0.5em 0.5em;
}

mydcaa-recent-files .recent-files-page .flex-row-custom.first {
  width: 5%;
}

mydcaa-recent-files .recent-files-page .rowspan {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

mydcaa-recent-files .recent-files-page .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  width: 75%;
  padding: 0;
}

mydcaa-recent-files .recent-files-page .column .flex-row-custom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  padding: 0;
  border: 0;
  border-bottom: solid 1px #d9d9d9;
}

mydcaa-recent-files .recent-files-page .column .flex-row-custom:hover {
  background: #f5f5f5;
  -webkit-transition: 500ms;
  transition: 500ms;
}

mydcaa-recent-files .recent-files-page .flex-cell {
  width: calc(100% / 3);
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #d9d9d9;
}

@media all and (max-width: 767px) {
  mydcaa-recent-files .recent-files-page .flex-row-custom {
    width: calc(100% / 3);
  }
  mydcaa-recent-files .recent-files-page .flex-row-custom.first, mydcaa-recent-files .recent-files-page .flex-row-custom.second {
    width: 100%;
  }
  mydcaa-recent-files .recent-files-page .column {
    width: 100%;
  }
}

@media all and (max-width: 430px) {
  mydcaa-recent-files .recent-files-page .flex-table .flex-row-custom {
    border-bottom: 0;
  }
  mydcaa-recent-files .recent-files-page .flex-table .flex-row-custom:last-of-type {
    border-bottom: solid 1px #d9d9d9;
  }
  mydcaa-recent-files .recent-files-page .header .flex-row-custom {
    border-bottom: solid 1px;
  }
  mydcaa-recent-files .recent-files-page .flex-row-custom {
    width: 100%;
  }
  mydcaa-recent-files .recent-files-page .flex-row-custom.first, mydcaa-recent-files .recent-files-page .flex-row-custom.second {
    width: 100% !important;
    border-bottom: solid 1px #d9d9d9;
  }
  mydcaa-recent-files .recent-files-page .column {
    width: 100%;
  }
  mydcaa-recent-files .recent-files-page .column .flex-row-custom {
    border-bottom: solid 1px #d9d9d9;
  }
  mydcaa-recent-files .recent-files-page .flex-cell {
    width: 100%;
  }
}

mydcaa-recent-files .recent-files-page .custom-container {
  /* Hide the browser's default checkbox */
}

mydcaa-recent-files .recent-files-page .custom-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

mydcaa-recent-files .recent-files-page .checkmark-label {
  background-color: white;
  border: 1px solid #888888;
  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  position: absolute;
  width: 25px;
}

mydcaa-recent-files .recent-files-page .checkmark-label.dcaa-color {
  background-color: #c79921;
  border: 1px solid #c79921;
}

mydcaa-recent-files .recent-files-page .checkmark-label.dcaa-color:after {
  border: 3px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 7px;
  left: 6px;
  position: absolute;
  top: 7px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 13px;
}

mydcaa-recycle-bin .shared-files-page {
  /* The custom-container */
}

mydcaa-recycle-bin .shared-files-page .border-right-thick-pshudo::before {
  content: "";
  border-right: 3px solid #bcbec4;
  position: absolute;
  height: 65%;
  right: -17px;
}

mydcaa-recycle-bin .shared-files-page .flag-icon {
  margin-right: 0.1em;
}

mydcaa-recycle-bin .shared-files-page .flex-table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

mydcaa-recycle-bin .shared-files-page .flex-table.flex-table-row:nth-child(odd) .flex-row-custom {
  background: #f7f9fb;
}

mydcaa-recycle-bin .shared-files-page .flex-table.flex-table-row:nth-child(odd) .last {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

mydcaa-recycle-bin .shared-files-page .flex-table.flex-table-row:nth-child(odd) .first {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

mydcaa-recycle-bin .shared-files-page .flex-table:hover {
  -webkit-transition: 500ms;
  transition: 500ms;
}

mydcaa-recycle-bin .shared-files-page .flex-row-custom {
  width: calc(65% / 4);
  padding: 0.5em 0.5em;
}

mydcaa-recycle-bin .shared-files-page .flex-row-custom.first {
  width: 5%;
}

mydcaa-recycle-bin .shared-files-page .flex-row-custom.second {
  width: 30%;
}

mydcaa-recycle-bin .shared-files-page .rowspan {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

mydcaa-recycle-bin .shared-files-page .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  width: 75%;
  padding: 0;
}

mydcaa-recycle-bin .shared-files-page .column .flex-row-custom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  padding: 0;
  border: 0;
  border-bottom: solid 1px #d9d9d9;
}

mydcaa-recycle-bin .shared-files-page .column .flex-row-custom:hover {
  background: #f5f5f5;
  -webkit-transition: 500ms;
  transition: 500ms;
}

mydcaa-recycle-bin .shared-files-page .flex-cell {
  width: calc(100% / 3);
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #d9d9d9;
}

@media all and (max-width: 767px) {
  mydcaa-recycle-bin .shared-files-page .flex-row-custom {
    width: calc(100% / 3);
  }
  mydcaa-recycle-bin .shared-files-page .flex-row-custom.first, mydcaa-recycle-bin .shared-files-page .flex-row-custom.second {
    width: 100%;
  }
  mydcaa-recycle-bin .shared-files-page .column {
    width: 100%;
  }
}

@media all and (max-width: 430px) {
  mydcaa-recycle-bin .shared-files-page .flex-table .flex-row-custom {
    border-bottom: 0;
  }
  mydcaa-recycle-bin .shared-files-page .flex-table .flex-row-custom:last-of-type {
    border-bottom: solid 1px #d9d9d9;
  }
  mydcaa-recycle-bin .shared-files-page .header .flex-row-custom {
    border-bottom: solid 1px;
  }
  mydcaa-recycle-bin .shared-files-page .flex-row-custom {
    width: 100%;
  }
  mydcaa-recycle-bin .shared-files-page .flex-row-custom.first, mydcaa-recycle-bin .shared-files-page .flex-row-custom.second {
    width: 100% !important;
    border-bottom: solid 1px #d9d9d9;
  }
  mydcaa-recycle-bin .shared-files-page .column {
    width: 100%;
  }
  mydcaa-recycle-bin .shared-files-page .column .flex-row-custom {
    border-bottom: solid 1px #d9d9d9;
  }
  mydcaa-recycle-bin .shared-files-page .flex-cell {
    width: 100%;
  }
}

mydcaa-recycle-bin .shared-files-page .custom-container {
  /* Hide the browser's default checkbox */
}

mydcaa-recycle-bin .shared-files-page .custom-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

mydcaa-recycle-bin .shared-files-page .checkmark-label {
  background-color: white;
  border: 1px solid #888888;
  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  position: absolute;
  width: 25px;
}

mydcaa-recycle-bin .shared-files-page .checkmark-label.dcaa-color {
  background-color: #c79921;
  border: 1px solid #c79921;
}

mydcaa-recycle-bin .shared-files-page .checkmark-label.dcaa-color:after {
  border: 3px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 7px;
  left: 6px;
  position: absolute;
  top: 7px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 13px;
}

mydcaa-shared-driveitems .paths {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

mydcaa-shared-driveitems .paths .path:not(:first-child):before {
  content: '>';
  font-weight: 300;
  margin: 0 4px;
  font-size: 1.4em;
}

mydcaa-shared-driveitems .paths .path:last-child {
  font-weight: 600;
}

mydcaa-shared-files .shared-files-page {
  /* The custom-container */
}

mydcaa-shared-files .shared-files-page .tab-shared {
  color: #c79921;
}

mydcaa-shared-files .shared-files-page .tab-shared::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -14px;
  left: 0;
  right: 0;
  border-bottom: 3px solid #c79921;
}

mydcaa-shared-files .shared-files-page .border-right-thick-pshudo::before {
  content: "";
  border-right: 3px solid #bcbec4;
  position: absolute;
  height: 65%;
  right: -17px;
}

mydcaa-shared-files .shared-files-page .flag-icon {
  margin-right: 0.1em;
}

mydcaa-shared-files .shared-files-page .flex-table {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-bottom: thin solid #c7c7c7;
}

mydcaa-shared-files .shared-files-page .flex-table:hover {
  -webkit-transition: 500ms;
  transition: 500ms;
}

mydcaa-shared-files .shared-files-page .flex-table.header::before {
  right: 0;
}

mydcaa-shared-files .shared-files-page .flex-row-custom {
  width: calc(60% / 2);
  padding: 0.5em 0.5em;
}

mydcaa-shared-files .shared-files-page .flex-row-custom.first {
  width: 5%;
}

mydcaa-shared-files .shared-files-page .flex-row-custom.second {
  width: 30%;
}

mydcaa-shared-files .shared-files-page .rowspan {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

mydcaa-shared-files .shared-files-page .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  width: 75%;
  padding: 0;
}

mydcaa-shared-files .shared-files-page .column .flex-row-custom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  padding: 0;
  border: 0;
  border-bottom: solid 1px #d9d9d9;
}

mydcaa-shared-files .shared-files-page .column .flex-row-custom:hover {
  background: #f5f5f5;
  -webkit-transition: 500ms;
  transition: 500ms;
}

mydcaa-shared-files .shared-files-page .flex-cell {
  width: calc(100% / 3);
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #d9d9d9;
}

@media all and (max-width: 767px) {
  mydcaa-shared-files .shared-files-page .flex-row-custom {
    width: calc(100% / 3);
  }
  mydcaa-shared-files .shared-files-page .flex-row-custom.first, mydcaa-shared-files .shared-files-page .flex-row-custom.second {
    width: 100%;
  }
  mydcaa-shared-files .shared-files-page .column {
    width: 100%;
  }
}

@media all and (max-width: 430px) {
  mydcaa-shared-files .shared-files-page .flex-table .flex-row-custom {
    border-bottom: 0;
  }
  mydcaa-shared-files .shared-files-page .flex-table .flex-row-custom:last-of-type {
    border-bottom: solid 1px #d9d9d9;
  }
  mydcaa-shared-files .shared-files-page .header .flex-row-custom {
    border-bottom: solid 1px;
  }
  mydcaa-shared-files .shared-files-page .flex-row-custom {
    width: 100%;
  }
  mydcaa-shared-files .shared-files-page .flex-row-custom.first, mydcaa-shared-files .shared-files-page .flex-row-custom.second {
    width: 100% !important;
    border-bottom: solid 1px #d9d9d9;
  }
  mydcaa-shared-files .shared-files-page .column {
    width: 100%;
  }
  mydcaa-shared-files .shared-files-page .column .flex-row-custom {
    border-bottom: solid 1px #d9d9d9;
  }
  mydcaa-shared-files .shared-files-page .flex-cell {
    width: 100%;
  }
}

mydcaa-shared-files .shared-files-page .custom-container {
  /* Hide the browser's default checkbox */
}

mydcaa-shared-files .shared-files-page .custom-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

mydcaa-shared-files .shared-files-page .checkmark-label {
  background-color: white;
  border: 1px solid #888888;
  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  position: absolute;
  width: 25px;
}

mydcaa-shared-files .shared-files-page .checkmark-label.dcaa-color {
  background-color: #c79921;
  border: 1px solid #c79921;
}

mydcaa-shared-files .shared-files-page .checkmark-label.dcaa-color:after {
  border: 3px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 7px;
  left: 6px;
  position: absolute;
  top: 7px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 13px;
}

mydcaa-shared-files .paths {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

mydcaa-shared-files .paths .path:not(:first-child):before {
  content: '>';
  font-weight: 400;
}

mydcaa-shared-files .paths .path:last-child {
  font-weight: 600;
}

mydcaa-side-panel {
  position: fixed;
  z-index: 1000;
}

mydcaa-side-panel .font2 {
  font-size: 0.875em;
}

mydcaa-side-panel .font1 {
  font-size: 1.063rem;
}

mydcaa-side-panel .font3 {
  font-size: 1.1em;
}

mydcaa-side-panel .font4 {
  font-size: 1.125em;
}

mydcaa-side-panel .font5 {
  font-size: 1.25em;
}

mydcaa-side-panel .font6 {
  font-size: 1.3em;
}

mydcaa-side-panel .font7 {
  font-size: 1.5em;
}

mydcaa-side-panel .font8 {
  font-size: 1.3em;
}

mydcaa-side-panel .font9 {
  font-size: 0.9375em;
}

mydcaa-side-panel .font18 {
  font-size: 3em;
}

mydcaa-side-panel .fliped {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

mydcaa-side-panel .secondary_mydcaa {
  background-color: #007b39 !important;
}

mydcaa-side-panel .menu {
  font-weight: 100;
  width: 45rem;
  height: 15rem;
  position: fixed;
  z-index: 100;
  right: -43rem;
  bottom: calc(50% - 70px);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  color: #222;
}

mydcaa-side-panel .menu:hover, mydcaa-side-panel .menu:focus {
  -webkit-transform: translate3d(-43rem, 0, 0);
  transform: translate3d(-43rem, 0, 0);
  -webkit-animation-timing-function: 1s ease-in;
  animation-timing-function: 1s ease-in;
}

mydcaa-side-panel .menu:hover .trigger *, mydcaa-side-panel .menu:focus .trigger * {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

mydcaa-side-panel .menu .trigger {
  height: 100%;
  background: #0000004d;
  border-radius: 18px 0 0 18px;
  font-weight: 800;
  font-size: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 2rem;
  cursor: pointer;
  color: #fff;
}

mydcaa-side-panel .menu .nav {
  background: #fff;
  border-radius: 18px 0 0 18px;
  list-style: none;
  height: 22rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: -moz-available;
  width: fill-available;
  width: -webkit-fill-available;
  position: absolute;
  margin: 0;
  margin-left: 2rem;
  top: -3.5rem;
  -webkit-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

mydcaa-side-panel .menu .nav .date-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1rem 0 1rem 2rem;
  width: 15rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

mydcaa-side-panel .menu .nav .date-container .icon-section {
  height: 50%;
}

mydcaa-side-panel .menu .nav .date-container .icon-section .red-circle {
  padding: 1rem;
  width: 5rem;
  height: 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #b21f2f;
  border-radius: 50%;
  color: #fff;
  font-size: 3rem;
}

mydcaa-side-panel .menu .nav .date-container .date-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

mydcaa-side-panel .menu .nav .date-container .date-section .count {
  line-height: 4rem;
  font-weight: bold;
}

mydcaa-side-panel .menu .nav .date-container .date-section .date-changer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

mydcaa-side-panel .menu .nav .events-container {
  width: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

mydcaa-side-panel .menu .nav .events-container::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

mydcaa-side-panel .menu .nav .events-container .meetings-card:not(:last-child) .meeting-white-card:after {
  content: ' ';
  border-bottom: 1px solid #9AAAAD;
  width: 70%;
  height: 1px;
  display: block;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

mydcaa-side-panel .primarycolor {
  color: #b21f2f;
}

mydcaa-side-panel .primarycolor.light-bold {
  text-shadow: 0 0 #b21f2f;
}

mydcaa-side-panel .white-card {
  padding: 1rem;
}

mydcaa-side-panel .lh-2-rem {
  line-height: 2rem;
}

mydcaa-side-panel .meeting-white-card {
  cursor: pointer;
}

mydcaa-side-panel .meeting-white-card .person img, mydcaa-side-panel .meeting-white-card .count-span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
}

mydcaa-side-panel .meeting-white-card .person img span, mydcaa-side-panel .meeting-white-card .count-span span {
  color: #fff;
}

mydcaa-side-panel .meeting-white-card .person img :not(:first-child), mydcaa-side-panel .meeting-white-card .count-span :not(:first-child) {
  margin-left: -9px;
}

mydcaa-side-panel .meeting-white-card span {
  font-size: 0.9em;
  width: 29px;
}

mydcaa-side-panel .meeting-white-card .ring {
  margin-left: -10px;
}

mydcaa-side-panel .meeting-white-card .ring.green {
  background-color: #82e080;
}

mydcaa-side-panel .meeting-white-card .ring.secondary_mydcaa {
  background-color: #007b39;
}

mydcaa-side-panel .meeting-white-card .ring.blue {
  background-color: #80a2e0;
}

mydcaa-side-panel .meeting-white-card .ring.light-blue {
  background-color: #6bbef9;
}

mydcaa-side-panel .meeting-white-card .ring.red {
  background-color: #ec322a;
}

mydcaa-side-panel .meeting-white-card .ring.pink {
  background-color: #e080b4;
}

mydcaa-side-panel .meeting-white-card .ring.purple {
  background-color: #603cd7;
}

mydcaa-side-panel .meeting-white-card .ring.magenta {
  background-color: #ec008c;
}

mydcaa-side-panel .meeting-white-card .ring.orange {
  background-color: #ff9f01;
}

mydcaa-side-panel .meeting-white-card .ring.gray2 {
  background-color: #f2f2f2;
}

@media screen and (max-width: 500px) {
  mydcaa-side-panel .menu {
    width: 95vw;
    height: 15rem;
    position: fixed;
    z-index: 100;
    right: calc(-95vw + 2rem);
    bottom: 20%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    color: #222;
  }
  mydcaa-side-panel .menu:hover, mydcaa-side-panel .menu:focus {
    -webkit-transform: translate3d(calc(-95vw + 2rem), 0, 0);
    transform: translate3d(calc(-95vw + 2rem), 0, 0);
    -webkit-animation-timing-function: 1s ease-in;
    animation-timing-function: 1s ease-in;
  }
}

.slide-notification-panel {
  position: fixed;
  background: #0000003b;
  -webkit-backdrop-filter: blur(12px) brightness(115%);
  backdrop-filter: blur(12px) brightness(115%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1009;
  overflow-y: scroll;
  overflow-y: overlay;
}

.slide-notification-panel .icon-btn {
  color: white;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide-notification-panel .icon-btn:hover {
  -webkit-backdrop-filter: blur(12px) brightness(115%);
  backdrop-filter: blur(12px) brightness(115%);
}

.slide-notification-panel .panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 1rem 1rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.slide-notification-panel .panel-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 1rem;
  gap: 1rem;
}

.slide-notification-panel .panel-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: .75rem 1rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.slide-notification-panel .panel-header .left-side, .slide-notification-panel .panel-header .right-side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: .5rem;
}

.slide-notification-panel .panel-header .align-self-end {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.slide-notification-panel .panel-header .justify-self-end {
  justify-self: flex-end;
}

.slide-notification-panel.small {
  height: 100%;
  width: 650px;
  left: 0;
  bottom: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-animation-name: minimizeEffect;
  animation-name: minimizeEffect;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.slide-notification-panel.small .panel {
  width: 100%;
  -webkit-animation: fullWidth 1s forwards;
  animation: fullWidth 1s forwards;
}

.slide-notification-panel.big {
  height: 100%;
  width: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-animation-name: expandEffect;
  animation-name: expandEffect;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.slide-notification-panel.big .panel {
  -webkit-animation: halfWidth 1s forwards;
  animation: halfWidth 1s forwards;
}

.slide-notification-panel.close {
  height: 0 !important;
  width: 0 !important;
  -webkit-animation: fadeOut forwards,scaleDown 2.1s forwards;
  animation: fadeOut forwards,scaleDown 2.1s forwards;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.slide-notification-panel.close .panel-header {
  padding: 0;
  -webkit-animation: fadeOut forwards,headerCloseEffect forwards;
  animation: fadeOut forwards,headerCloseEffect forwards;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.slide-notification-panel.close * {
  -webkit-animation: fadeOut 1.0s forwards;
  animation: fadeOut 1.0s forwards;
}

.slide-notification-panel.open {
  -webkit-animation: fadeIn 2.1s ,scaleUp 2.1ssec;
  animation: fadeIn 2.1s ,scaleUp 2.1ssec;
}

.slide-notification-panel.big.open .panel {
  min-width: 960px;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fullWidth {
  0% {
    width: 650px;
  }
  100% {
    width: 100%;
  }
}

@keyframes fullWidth {
  0% {
    width: 650px;
  }
  100% {
    width: 100%;
  }
}

@-webkit-keyframes halfWidth {
  0% {
    width: 100%;
  }
  100% {
    width: 650px;
  }
}

@keyframes halfWidth {
  0% {
    width: 100%;
  }
  100% {
    width: 650px;
  }
}

@-webkit-keyframes scaleDown {
  0% {
    scale: 1;
  }
  100% {
    scale: 0;
  }
}

@keyframes scaleDown {
  0% {
    scale: 1;
  }
  100% {
    scale: 0;
  }
}

@-webkit-keyframes scaleUp {
  100% {
    scale: 1;
  }
  0% {
    scale: 0;
  }
}

@keyframes scaleUp {
  100% {
    scale: 1;
  }
  0% {
    scale: 0;
  }
}

@-webkit-keyframes headerCloseEffect {
  from {
    padding: .75rem 1rem;
  }
  to {
    padding: 0;
  }
}

@keyframes headerCloseEffect {
  from {
    padding: .75rem 1rem;
  }
  to {
    padding: 0;
  }
}

@-webkit-keyframes open {
  from {
    height: 0;
    width: 0;
    border-radius: 0;
  }
  to {
    height: 100%;
    width: 650px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

@keyframes open {
  from {
    height: 0;
    width: 0;
    border-radius: 0;
  }
  to {
    height: 100%;
    width: 650px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

@-webkit-keyframes expandEffect {
  from {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  to {
    border-radius: 0;
  }
}

@keyframes expandEffect {
  from {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  to {
    border-radius: 0;
  }
}

@-webkit-keyframes minimizeEffect {
  from {
    border-radius: 0;
  }
  to {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

@keyframes minimizeEffect {
  from {
    border-radius: 0;
  }
  to {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

@media screen and (max-width: 768px) {
  .slide-notification-panel {
    min-width: none !important;
    max-width: 100vw;
  }
  .slide-notification-panel.open.panel {
    max-width: 100% !important;
    min-width: none !important;
  }
}

@media screen and (min-width: 768px) {
  .slide-notification-pane.open.big .panel {
    width: 80% !important;
  }
}

@media screen and (max-width: 1024) {
  .expand-btn {
    display: none;
  }
}

mydcaa-sub-header .new-asset,
mydcaa-sub-header .filter-by,
mydcaa-sub-header .category-dd {
  font-size: 16px !important;
  padding-right: 1.5rem !important;
}

mydcaa-sub-header .filter-by-icon {
  font-size: 12px !important;
}

mydcaa-sub-header .filter-by {
  border: 1px solid #a3a3a3 !important;
  color: #a3a3a3 !important;
}

mydcaa-sub-header .min-width-search {
  min-width: 70%;
}

mydcaa-sub-header .icon-gray-text {
  color: #80858a;
}

mydcaa-sub-header .filter-icon-color {
  color: #b8bdc9;
}

mydcaa-sub-header .drop-down-icon {
  font-size: 0.8em;
}

mydcaa-sub-header .row-gap-1 {
  row-gap: 1rem;
}

@media screen and (max-width: 991px) {
  mydcaa-sub-header .min-width-search {
    width: 100%;
  }
  mydcaa-sub-header .justify-content-center-s-s {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

mydcaa-sub-header .equalize-space {
  padding: 0 10px !important;
}

mydcaa-tasks-card .btn.btn-primary.tooltip {
  position: absolute;
  top: 10px;
  right: 9px;
}

mydcaa-tasks-card .task-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

mydcaa-tasks-card .pad-left-right {
  padding: 0px 10px;
}

mydcaa-tasks-card .icon-space-reduce ion-icon {
  padding-right: 0.2em !important;
}

mydcaa-tasks-card .more-icon {
  position: absolute;
  right: 0px;
  top: 6px;
  width: 40px;
}

mydcaa-tasks-card .more-icon ion-icon {
  font-size: 1.6em !important;
}

mydcaa-tasks-card .info_ {
  font-size: 11px;
}

mydcaa-tasks-card .m-l-3 {
  margin-left: 1px !important;
}

mydcaa-weather-images .weather-img {
  width: 24px;
}

mydcaa-weather-images .weather-image-big {
  width: 38px;
}

.mydcaa-header {
  background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(75%, rgba(0, 0, 0, 0.33)));
  background: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 0.33) 75%);
}

.mydcaa-header.transparent {
  background-color: transparent;
}

.mydcaa-header.header-background {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  content: "";
  z-index: 0;
}

.mydcaa-header.pagebannerBG {
  background-color: #343a40;
}

.mydcaa-header .profile-img {
  min-width: 50px;
  height: 49px;
  border: 3px solid #d23737;
  border-radius: 10px;
  border-bottom-right-radius: unset;
}

.mydcaa-header .mydcaaMenu {
  margin-top: 8px;
}

.mydcaa-header .divider {
  height: 38px;
  width: 2px;
  background-color: #fff;
  margin-top: 6px;
  opacity: .4;
}

.mydcaa-header .unread-count {
  position: absolute;
  top: -8px;
  background-color: #dc3545;
  min-width: 20px;
  padding: 1px 3px;
  border-radius: 50%;
  color: #fff;
  max-height: 18px;
  font-size: 12px;
  right: -5px;
  line-height: 16px;
}

.mydcaa-header.elementPostion {
  position: fixed;
}

.mydcaa-header ion-icon {
  font-size: 1.5em;
}

.mydcaa-header .wrapper.fullHeight {
  height: 100vh;
}

.mydcaa-header .header .profile-img {
  height: 50px;
  border: 2px solid #d23737;
  border-radius: 10px;
  border-bottom-right-radius: 0;
}

.mydcaa-header .header .divider {
  height: 38px;
  width: 2px;
  background-color: #fff;
  margin-top: 6px;
}

.mydcaa-header .header .weather-img {
  width: 24px;
}

.mydcaa-header .header .weather-text {
  font-size: 2.5rem;
  margin-bottom: auto;
  margin-top: auto;
}

.mydcaa-header .footer {
  height: 60px;
  position: fixed;
  bottom: 0;
  border: none;
}

.mydcaa-header .footer .navbar-container {
  position: relative;
}

.mydcaa-header .footer .navbar-container::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: #000;
  opacity: 0.3;
}

.mydcaa-header .main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mydcaa-header .main .main-content {
  position: absolute;
  bottom: 20%;
}

.mydcaa-header .main .collapse-btn {
  position: relative;
}

.mydcaa-header .main .collapse-btn::before {
  content: "";
  background: #000;
  padding: 0.5em 0.5em;
  border-radius: 50%;
  opacity: 0.4;
  position: absolute;
  width: 40px;
  height: 40px;
}

.mydcaa-header .main p {
  font-size: 0.875em;
}

.mydcaa-header .main .quick-link-border {
  background: #fff;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.1em 0.4em;
  border-radius: 15px;
}

.mydcaa-header .quick-links-size {
  width: 60px;
}

.mydcaa-header .weather-image-big {
  width: 38px;
}

.mydcaa-header .min-height55 {
  min-height: 50px;
}

.mydcaa-header .dcaa_menu_logo {
  height: 40px;
  position: relative;
  right: -5px;
}

@media screen and (max-width: 414px) {
  .mydcaa-header .dcaa_menu_logo {
    height: 28px;
  }
}

.mydcaa-header .reset_title {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.mydcaa-header .reset_title .toolbar-title.toolbar-title-ios,
.mydcaa-header .reset_title .toolbar-title.toolbar-title-md {
  color: #fff;
  font-weight: 400;
}

.mydcaa-header .left-11 {
  left: 11px;
}

.mydcaa-header .joinToolBars {
  margin-bottom: -13px;
}

.mydcaa-header .top_panel_ {
  background-color: #fff;
  min-height: 20px;
  position: relative;
}

.mydcaa-header .top_panel_ .my-fab {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 1px 1px #f2f2f2;
  box-shadow: 0px 1px 1px #f2f2f2;
  background-color: #fff;
  right: 16px;
  bottom: 13px;
}

.mydcaa-header .top_panel_ .searchbar-ios,
.mydcaa-header .top_panel_ .searchbar-md {
  background: #f5f5f5;
  border: thin solid #f2f2f2;
  border-radius: 32px;
  min-height: 40px;
}

.mydcaa-header .top_panel_ .searchbar-ios .searchbar-input,
.mydcaa-header .top_panel_ .searchbar-md .searchbar-input {
  font-size: 1.6rem;
  height: 2.5rem;
  background-color: #f5f5f5;
}

.mydcaa-header .top_panel_ .searchbar-ios .searchbar-search-icon,
.mydcaa-header .top_panel_ .searchbar-md .searchbar-search-icon {
  top: 6px;
}

.mydcaa-header .top_panel_ .searchbar-md {
  border-radius: 6px;
}

.mydcaa-header .top_panel_ .searchbar-md .searchbar-input {
  font-size: 1.8rem;
}

.mydcaa-header .top_panel_ .searchbar-md .searchbar-input::-webkit-input-placeholder {
  font-size: 1.8rem;
}

.mydcaa-header .top_panel_ .searchbar-md .searchbar-input::-moz-placeholder {
  font-size: 1.8rem;
}

.mydcaa-header .top_panel_ .searchbar-md .searchbar-input::-ms-input-placeholder {
  font-size: 1.8rem;
}

.mydcaa-header .top_panel_ .searchbar-md .searchbar-input::placeholder {
  font-size: 1.8rem;
}

.mydcaa-header .top_panel_ .searchbar-md .searchbar-search-icon {
  top: 3px;
}

.mydcaa-header .top_panel_ .notification-btn .notification-count-badge {
  position: relative;
  top: -5px;
  right: -13px;
  padding: 3px 5px;
  font-size: 10px;
}

.mydcaa-header .col-w-50 {
  width: -webkit-fill-available;
  max-width: 50%;
}

.mydcaa-header .col200 {
  width: -webkit-fill-available;
  max-width: 200px;
}

.mydcaa-header .col360 {
  width: -webkit-fill-available;
  max-width: 360px;
}

.mydcaa-header .col300 {
  width: -webkit-fill-available;
  max-width: 300px;
}

.mydcaa-header .col-w-25 {
  width: -webkit-fill-available;
  max-width: 25%;
}

@media only screen and (max-width: 1023px) {
  .mydcaa-header .top-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mydcaa-header .top-section .col-w-25 {
    max-width: none;
    width: 90% !important;
  }
  .mydcaa-header .top-section .col-w-50 {
    max-width: none;
    width: 70% !important;
  }
}

@media only screen and (max-width: 1180px) {
  .mydcaa-header .remove-padding-bottom {
    padding: 0px !important;
  }
}

.max-auto {
  max-width: 700px !important;
  display: block;
  margin: 0 auto;
}

.overlay-popup-mobile {
  position: absolute;
  height: 80vh;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 100;
  background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(75%, #00000080));
  background: linear-gradient(0deg, transparent 0%, #00000080 75%);
}

.overlay-popup-mobile.btnItems {
  top: 74px;
}

.overlay-popup-mobile.searchTop {
  top: 0;
}

.closeBtn {
  width: 36px !important;
  height: 36px !important;
  font-size: 2em;
  background-color: #342e2e63;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: thin solid #90898963;
  z-index: 1000;
  border-radius: 50%;
}

.closeBtn ion-icon {
  font-size: .4em !important;
}

mydrive-file-upload .db-progress-pane {
  background-color: #e2e2e2;
  width: 100%;
  border-radius: 4px;
}

mydrive-file-upload .db-progress-pane .dbox-progress-barr {
  height: 28px;
  background-color: #4aa966;
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

mydrive-file-upload .db-upload {
  border: thin solid #fff;
  border-radius: 5px !important;
  background-color: transparent;
  position: relative;
}

mydrive-file-upload .db-upload input {
  visibility: hidden;
  position: absolute;
}

mydrive-file-upload .file-actions {
  padding: 0 1.5em !important;
  color: #636262;
  font-size: 0.8em;
  font-weight: 600;
  height: 28px;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #e2e2e2;
}

mydrive-file-upload .file-actions:hover {
  background-color: transparent !important;
  color: #636262;
  border: 1px solid #e2e2e2;
}

mydrive-file-upload .upload-btn-panel {
  width: 100%;
  padding: 0.5em 0;
}

mydrive-file-upload .round-icon {
  width: 35px;
  height: 35px;
}

mydrive-file-upload .round-icon ion-icon {
  font-size: 1.8em;
}

mytable .small-col-width {
  max-width: 70px;
}

mytable .complete-col-space {
  max-width: calc(100% - 70px);
  min-width: calc(100% - 70px);
}

mytable .big-p {
  font-size: 1.8rem;
  margin: 2px 5px;
  text-transform: uppercase;
}

mytable .seperator-col {
  min-height: 20px;
}

mytable .same-margin-as-month {
  margin: 9px 5px 8px 5px !important;
}

mytable .same-margin-as-month.mushhigher {
  position: relative;
  top: -6px;
}

mytable .smaller-h4 {
  font-size: 1.9rem;
}

mytable .min {
  color: #b21f2f !important;
}

mytable .shape-container {
  min-height: 200px;
  margin-bottom: 60px;
}

mytable .shape-container .year-title {
  font-size: 2.4rem;
}

mytable .shape-container:after {
  content: "";
  position: absolute;
  height: 60px;
  bottom: 100px;
  width: 1px;
  background-color: #e8b909;
  left: 50%;
}

mytable .shape-container:before {
  content: "";
  position: absolute;
  width: 12px;
  bottom: 88px;
  height: 12px;
  border-radius: 50%;
  border: thin solid #e8b909;
  background-color: #fff;
  left: calc(50% - 7px);
  z-index: 2;
}

mytable .slider-pagination .swiper-pagination-bullets {
  bottom: 340px !important;
}

mytable .slider-pagination .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #e8b909;
}

mytable .beforeDataAtrr:after {
  content: attr(data-content);
  position: absolute;
  font-weight: 800;
  top: 0px;
  left: 0px;
  width: 100%;
  color: #b21f2f;
  letter-spacing: 1px;
  font-size: 1.8rem;
  background-color: #f2f2f2;
  padding: 7px 0px;
  text-transform: uppercase;
}

mytable .beforeDataAtrr.activeYearMarkBefore:after {
  background-color: #fff;
  padding-left: 8px;
  padding-right: 8px;
  color: #b21f2f;
  border-radius: 12px;
}

mytable .force-position-top {
  position: relative;
  top: -27px;
}

mytable .year-liner {
  position: relative;
}

mytable .year-liner:not(:last-child):after {
  content: "";
  position: absolute;
  height: 40px;
  bottom: -51px;
  width: 1px;
  background-color: #fff;
  left: 50%;
}

mytable .year-liner:not(:last-child):before {
  content: "";
  position: absolute;
  width: 8px;
  bottom: -36px;
  height: 8px;
  border-radius: 50%;
  border: thin solid #fff;
  background-color: #b21f2f;
  left: calc(50% - 5px);
  z-index: 2;
}

mytable .big-thumbs-up {
  font-size: 3.5rem;
}

mytable .max-value {
  color: #048441 !important;
  font-weight: 600 !important;
}

mytable .min-value {
  color: #ec322a !important;
  font-weight: 600 !important;
}

mytable .create-top-space,
mytable .beforeDataAtrr {
  padding-top: 50px !important;
}

mytable .ion-slide-start.swiper-slide {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

mytable .ion-slides-parent.slides {
  height: auto !important;
}

mytable .balancer {
  min-height: 30px;
}

mytable .group {
  padding: 1px 5px;
  margin: 0px;
}

mytable .swiper-pagination {
  bottom: 0px;
}

mytable .activeYearMark {
  background-color: #fff;
  padding-left: 8px;
  padding-right: 8px;
  color: #b21f2f;
  border-radius: 12px;
}

notfound .not-found {
  text-align: center;
  margin: auto;
  height: 300px;
  width: 80%;
}

notfound .not-found img {
  height: 120px;
}

notfound .not-found object {
  height: 250px;
}

notfound .not-found .message {
  font-size: 2rem;
  color: #c79921;
  font-weight: 300;
  margin: 0px;
}

notfound .not-found .folder-skelton {
  width: 80px;
  height: 40px;
  border-radius: 0 13px 13px;
}

notfound .not-found .folder-skelton.dashed {
  background-color: #cfa508;
  border: 2px dashed #cfa508;
}

notfound .not-found .folder-skelton.dashed::before {
  border: 2px dashed #cfa508;
  background-color: #cfa508;
  height: 14px;
  top: -12px;
  left: -2px;
}

notfound .not-found .folder-skelton::before {
  background-color: #cfa508;
  position: absolute;
  top: -23px;
  left: 0px;
}

notfound .not-found .db-plus-icon:hover {
  color: #fff;
}

notfound .not-found .db-upload {
  font-size: .9em;
}

notfound .not-found .db-plus-icon {
  font-size: 2em;
}

notification-card .old .thin-border-top {
  border-top: thin dotted #a3a3a3;
}

notification-card .old .item {
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  border: none;
}

notification-card .old .item.not-read {
  background-color: #fefbfb;
}

notification-card .old .item.not-read .avatar-sender:before {
  content: "";
  position: absolute;
  right: -3px;
  bottom: 0px;
  z-index: 20;
  width: 10px;
  height: 10px;
  background-color: #4aa966;
  border-radius: 50%;
  border: 2px solid #fff;
}

notification-card .old .item .avatar-sender {
  margin-right: 8px !important;
}

notification-card .old .item .biggeravatar {
  width: 45px !important;
  height: 45px !important;
}

notification-card .old .item .biggeravatar img {
  width: 45px;
  height: 45px;
}

notification-card .old .item .message-sent {
  border: thin dotted #cccccc;
  padding: 5px;
  padding-left: 10px;
  margin-top: 5px;
  border-radius: 5px;
  color: #000;
}

notification-card .old .item .notification_type_icon {
  position: absolute;
  right: 0px;
  bottom: -5px;
  width: 22px;
  height: 22px;
  font-size: 15px;
}

notification-card .old .item .message-text {
  margin-bottom: 2px !important;
  font-size: 1.6rem;
  color: #333333 !important;
}

notification-card .new .font7 {
  font-size: 1.5em;
}

notification-card .new .font6 {
  font-size: 1.3em;
}

notification-card .new .font5 {
  font-size: 1.25em;
}

notification-card .new .font4 {
  font-size: 1.125em;
}

notification-card .new .font3 {
  font-size: 1.1em;
}

notification-card .new .font2 {
  font-size: 0.875em;
}

notification-card .new ion-label {
  margin: 0 !important;
}

notification-card .new .underlined {
  border-bottom: thin solid #cccccc;
}

notification-card .new .bordered {
  border: thin solid #cccccc;
  border-radius: 8px;
}

notification-card .new img {
  width: 30px !important;
  border-radius: 50px !important;
}

notification-card .new .message-text {
  font-size: 1.125em;
}

notification-toast {
  position: fixed;
  z-index: 10000;
  width: 100%;
}

@media screen and (max-width: 1180px) {
  notification-toast {
    top: 0px;
    padding-top: 30px;
    background-color: #b21f2f;
  }
}

notification-toast .my-toast {
  padding: 15px 0px 15px 10px;
  height: auto;
  width: 100%;
  z-index: 10000;
  bottom: 0;
}

notification-toast .my-toast > .display-flex {
  margin-top: -1px;
}

notification-toast .my-toast .toast-avatar {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #fff;
}

notification-toast .my-toast .toast-message-box {
  margin-left: 7px;
}

notification-toast .my-toast .toast-message-box p {
  margin: 0;
  font-size: 15px;
}

notification-toast .my-toast .toast-message-box p.note-body {
  font-size: 15px !important;
}

notification-toast .my-toast .toast-message-box p.max-width-note {
  max-width: 250px;
}

notification-toast .my-toast .toast-action-action {
  padding: 10px;
}

notification-toast .my-toast .toast-action-action ion-icon {
  font-size: 2.6rem;
}

.platform-android notification-toast {
  padding-top: 10px !important;
}

plus-minus-input .storage-info {
  padding: 0;
  width: 50%;
}

plus-minus-input .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

plus-minus-input .pad-children > .bigger {
  padding: 7px 0px;
}

plus-minus-input .pad-left-right {
  padding: 0px 10px;
}

plus-minus-input .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

plus-minus-input .members-icon {
  font-size: 2em;
  width: 40px;
  height: 40px;
  padding: .2em;
  padding: .2em;
}

plus-minus-input .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

plus-minus-input .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

plus-minus-input .gray-text {
  color: #474747;
}

plus-minus-input .m-p-2 {
  position: relative;
  top: 2px;
}

rating-widget .rating_div {
  margin-top: 5px !important;
  font-size: 22px;
}

rating-widget .left-adjust {
  margin-left: -2px !important;
}

rating-widget .left-adjust .left-adjust-child {
  margin-left: -4px !important;
}

rating-widget .verybig {
  font-size: 2em;
}

rating-widget .average {
  font-size: 1.1em;
}

rating-widget .very-small ion-icon {
  font-size: 1.5rem;
}

rating-widget .very-small.lineheight {
  line-height: 16px;
}

rating-widget .very-big-widget ion-icon {
  font-size: 2.5em;
}

rating-widget .rate-plus {
  font-size: 20px;
  padding: 0px 5px;
  position: relative;
  top: -5px;
}

rating-widget .ion-md-mydcaa-ratingStar,
rating-widget .ion-ios-mydcaa-ratingStar {
  padding: 0;
}

recent-files-drive-card .first {
  font-size: 1.1em;
  width: 130px;
  text-shadow: 0px 0px 1px #282828;
}

recent-files-drive-card .second {
  font-size: 1em;
}

recent-files-drive-card .third {
  font-size: .9em;
  text-shadow: 0px 0px 1px #282828;
}

recent-files-drive-card .moreiconDiv {
  width: 20px;
}

recent-files-drive-card .moreiconDiv ion-icon {
  font-size: 2.5rem;
}

recent-files-drive-card .modifiedby {
  width: 130px;
  text-shadow: none;
}

recent-files-drive-card .img-viewer-btn {
  position: absolute;
  right: 0;
}

recent-files-drive-card .image-card {
  background: #343a40;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: 81px;
  overflow: hidden;
}

recent-files-drive-card .image-card img {
  width: 100% !important;
  height: auto !important;
}

recent-files-drive-card .wrapper {
  width: 20rem;
  height: 100%;
}

recent-files-drive-card .wrapper .card-container {
  border-radius: 10px;
  border: thin solid #dadada;
  background: #fff;
  height: 100%;
  position: relative;
  color: #51565c;
  cursor: pointer;
  width: 100%;
  -webkit-transition: -webkit-transform 100ms linear;
  transition: -webkit-transform 100ms linear;
  transition: transform 100ms linear;
  transition: transform 100ms linear, -webkit-transform 100ms linear;
}

recent-files-drive-card .wrapper .card-container.border {
  border: thin solid #f2f2f2;
}

recent-files-drive-card .wrapper .card-container .semicircle {
  text-shadow: 0px 0px 1px #282828;
}

recent-files-drive-card .wrapper .card-container .semicircle::before {
  content: "";
  width: 46%;
  height: 100%;
  background: url("../assets/images/mydcaa/semicircle.svg") no-repeat;
  top: 0;
  right: 0;
  position: absolute;
}

recent-files-drive-card .wrapper .card-container .semicircle ion-icon {
  font-size: 1.6em;
  padding: 0;
  z-index: 10000;
}

recent-files-drive-card .wrapper .card-container .semicircle .sharedIcon {
  font-size: 1em;
}

recent-files-drive-card .wrapper .card-container:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

recent-files-drive-card .bordertop::before {
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e5e5ea;
  top: 0;
  position: absolute;
}

recent-files-drive-card .folder-icon {
  height: 40px;
}

recent-files-drive-card .circle-width {
  width: 30px !important;
  height: 30px !important;
}

recent-files-drive-card .folder-skelton {
  max-width: 185px;
}

recent-files-drive-card .folder-skelton::before {
  border-bottom: none;
  width: 40%;
  height: 15px;
  position: absolute;
  top: -15px;
  left: -2px;
}

recent-files-drive-card .btn-options {
  border-radius: 50% !important;
  background: #c7c7c7;
  height: 25px;
  width: 25px;
}

recent-files-drive-card .btn-options:hover {
  background: #8f9296;
}

@media screen and (max-width: 769px) {
  recent-files-drive-card .wrapper {
    width: 14rem !important;
  }
  recent-files-drive-card .image-card {
    height: 63px !important;
  }
  recent-files-drive-card .folder-icon {
    height: 31px;
  }
  recent-files-drive-card .folder-skelton {
    max-width: 14rem;
  }
}

report-card .big-ring {
  border: 7px solid #fff;
  border-radius: 50%;
  width: 55px;
  min-width: 55px;
}

report-card .date-text {
  margin-bottom: 7px;
  margin-top: 0;
  color: #474747;
}

report-card .message {
  font-size: 1.4rem;
  color: #383838;
}

report-card .image-surrounder {
  position: relative;
  margin-right: -21px;
  margin-top: 0px;
  z-index: 10;
  /*&:after {
          content: "";
          width: 0;
          height: 0;
          border-top: 40px solid transparent;
          border-bottom: 40px solid transparent;
          border-right: 40px solid $white;
          position: absolute;
          top: -8px;
          bottom: 0;
          right: 0;
          left: 0;
          margin: auto;
          margin-right: -27px;
          z-index: -1;
      }*/
}

report-card .image-surrounder.pushLeft {
  margin-left: -21px;
  margin-right: 0px;
}

report-card .icon-space-reduce ion-icon {
  padding-right: 0.2em !important;
}

report-card .my-button {
  padding: 5px 10px;
  border-radius: 5px;
  border: thin solid #e2e2e2;
  color: #383838;
  font-size: 13px;
  font-weight: 800;
}

report-card .slide-zoom {
  text-align: left;
}

report-card .pad-card-left {
  padding-left: 82px;
}

report-card .task-container {
  position: relative;
  top: -47px;
  z-index: 1;
  margin-bottom: -15px;
}

report-card .p-b-whitecard {
  padding-bottom: 55px !important;
}

report-card .max-width-220 {
  max-width: 800px;
}

report-card .editMoreIcon {
  right: -19px;
  top: 0px;
  width: 50px;
  padding-left: 0px;
  text-align: center;
  position: relative;
}

report-card .reverse .editMoreIcon {
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  report-card .max-width-220 {
    max-width: 220px;
  }
}

@media screen and (max-width: 414px) {
  report-card .max-width-220 {
    max-width: 220px;
  }
}

search-filter .current_display {
  font-size: 1.7rem;
  margin-bottom: 7px !important;
  /* text-transform: uppercase; */
  /* letter-spacing: 1px; */
}

search-filter .current_display ion-icon {
  position: relative;
  top: 1px;
  left: 3px;
  font-size: 1.5rem;
}

search-filter .recordsCount {
  background-color: #fff;
  color: #c79921;
}

search-filter .filterResult {
  background-color: #c79921;
  border-radius: 8px;
  color: #fff;
}

search-filter .year-carrier {
  font-size: 1.6rem !important;
}

search-filter .year-carrier .button-md {
  text-transform: capitalize !important;
}

service-status-list .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

service-status-list .pad-children > .bigger {
  padding: 7px 0px;
}

service-status-list .pad-left-right {
  padding: 0px 10px;
}

service-status-list .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

service-status-list .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

service-status-list .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

service-status-list .gray-text {
  color: #474747;
}

service-status-list .m-p-2 {
  position: relative;
  top: 2px;
}

es-applicant-details .refreshNOC {
  font-size: 1.7em;
}

es-applicant-details .photo-set img.w-50 {
  max-width: 100%;
  display: table;
}

es-company-details p,
es-company-details li {
  font-size: 1.6rem;
}

es-company-details .force-word-break {
  word-spacing: 999px;
  margin-top: 8px;
}

es-company-details .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

se-landing-permits-details .airport-item {
  padding: 5px;
  background: whitesmoke;
  border-radius: 5px;
  margin-bottom: 5px !important;
  margin-top: 0 !important;
}

es-add-approver ion-label {
  padding: 5px !important;
}

es-add-approver .mod-badge {
  display: block;
  white-space: pre-wrap;
  text-align: left;
  font-size: 15px;
  line-height: 21px;
  padding: 9px 17px;
}

es-add-approver .custom-textarea,
es-add-approver .custom-input {
  resize: none;
  width: 100%;
  border: 0;
  background: whitesmoke;
  padding: 10px;
  margin-top: 15px;
}

es-revise-service ion-label {
  padding: 5px !important;
}

es-revise-service .mod-badge {
  display: block;
  white-space: pre-wrap;
  text-align: left;
  font-size: 15px;
  line-height: 21px;
  padding: 9px 17px;
}

es-revise-service .custom-textarea,
es-revise-service .custom-input {
  resize: none;
  width: 100%;
  border: 0;
  background: whitesmoke;
  padding: 10px;
  margin-top: 15px;
}

es-service-status .wrapper.prelative {
  height: 245px;
}

es-service-status .refreshNOC {
  font-size: 2em;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

es-service-status .italic {
  font-style: italic;
}

es-service-status .overlap-finance {
  position: absolute;
  top: -5px;
  left: -7px;
  width: 30px;
  height: 30px;
}

es-service-status .adjust-attached {
  width: 100%;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
}

survey-answer-preview .answer-col {
  min-width: 50% !important;
}

survey-answer-preview .display-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: relative;
}

survey-answer-preview .button-div {
  display: inline-block;
}

inventory-asset-card .white-card .title {
  max-width: unset !important;
  margin-top: auto;
  margin-bottom: auto;
}

inventory-asset-card .gridView {
  margin: 5px 5px !important;
  width: calc(50% - 10px);
}

inventory-asset-card .image img {
  margin: auto;
  height: 60px;
}

inventory-asset-card .full-height {
  height: 100%;
}

inventory-asset-card .action-button {
  position: absolute;
  right: 15px;
  top: 15px;
}

@media screen and (max-width: 620px) {
  inventory-asset-card ion-thumbnail {
    display: none;
  }
}

inventory-asset-card .top-right-button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}

inventory-asset-card .bubble-back ion-item {
  background-color: transparent;
}

survey-card .gridView {
  margin: 5px 5px !important;
  width: calc(50% - 10px);
}

survey-card .image img {
  margin: auto;
  height: 80px;
}

survey-card .full-height {
  height: 100%;
}

survey-card .action-button {
  position: absolute;
  right: 15px;
  top: 15px;
}

@media screen and (max-width: 620px) {
  survey-card ion-thumbnail {
    display: none;
  }
}

survey-card .top-right-button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}

survey-card .bubble-back ion-item {
  background-color: transparent;
}

survey-question-card ion-item {
  background-color: transparent !important;
}

survey-question-card .bool-choice:hover .red, survey-question-card .bool-choice.active .red {
  color: #ec322a;
}

survey-question-card .bool-choice:hover .green, survey-question-card .bool-choice.active .green {
  color: #4aa966;
}

survey-question-card .moreButton {
  position: absolute;
  top: -12px;
  right: 0;
  display: none;
}

survey-question-card .bordered-on-hover:hover .moreButton {
  display: block;
}

survey-question-card ion-label {
  margin: 0 !important;
}

survey-question-card ion-label h3 {
  margin: 0 !important;
}

survey-question-card ion-label {
  white-space: unset !important;
}

survey-translator ion-input, .addExtraAmount ion-input {
  padding-left: 10px !important;
}

survey-translator ion-textarea, .addExtraAmount ion-textarea {
  padding-left: 10px !important;
}

survey-translator .arabicText, .addExtraAmount .arabicText {
  text-align: right !important;
  direction: rtl !important;
}

survey-translator .no-transform, .addExtraAmount .no-transform {
  text-transform: none !important;
}

survey-translator .capitalize, .addExtraAmount .capitalize {
  text-transform: uppercase;
  font-weight: bolder;
}

survey-translator .text-area-holder, .addExtraAmount .text-area-holder {
  margin-top: -35px;
  margin-bottom: 25px;
  padding-right: 5px;
}

survey-translator .extra-padding, .addExtraAmount .extra-padding {
  padding-bottom: 35px;
}

survey-translator .no-padding-bot, .addExtraAmount .no-padding-bot {
  padding-bottom: 0 !important;
}

survey-translator .submit-footer, .addExtraAmount .submit-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

survey-translator .remove-btn, .addExtraAmount .remove-btn {
  position: absolute;
  top: 0;
  right: 0;
}

survey-translator .remove-btn button, .addExtraAmount .remove-btn button {
  border-top-right-radius: 8px;
  padding: 0;
  width: 3rem;
  height: 3rem;
  font-size: 22px;
}

.map-Btn {
  height: 3rem;
  width: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #007b39;
  border-radius: 50%;
  color: #fff;
  margin: auto;
  margin-left: 0;
  margin-right: 0;
}

.map-Btn ion-icon {
  position: unset !important;
}

.multiple-select-alert .alert-wrapper {
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}

synergy-input {
  /* form starting stylings ------------------------------- */
  /* LABEL ======================================= */
  /* active state */
}

synergy-input .tox-tinymce {
  border: none !important;
}

synergy-input .text-area-dropdown {
  position: absolute;
  top: 8px;
  right: 9px;
  background-color: #fff;
  padding: 5px;
  border-radius: 50%;
  width: 31px;
  height: 32px;
  text-align: center;
  border: thin solid #dadada;
}

synergy-input .text-area-dropdown ion-icon {
  position: static !important;
}

synergy-input .text-area-dropdown-btm {
  position: absolute;
  right: 18px;
  padding: 5px;
  width: 24px;
  height: 31px;
  text-align: center;
  bottom: 0;
}

synergy-input .text-area-dropdown-btm ion-icon {
  position: static !important;
}

synergy-input .add-emp {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #d24341;
  border: 2px solid #fff;
  font-size: 22px;
  color: #fff;
}

synergy-input .edits .select-icon {
  display: none !important;
}

synergy-input .share-Btn {
  height: 3rem;
  width: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c79921;
  border-radius: 50%;
  color: #fff;
  margin: auto;
  margin-left: 0;
  margin-right: 0;
}

synergy-input .share-Btn ion-icon {
  position: unset !important;
}

synergy-input .left-margin {
  margin-left: 5px !important;
}

synergy-input .right-margin {
  margin-right: 5px !important;
}

synergy-input .ql-HTML:after {
  content: "\e952";
}

synergy-input .group {
  position: relative;
  margin: 18px 0 18px 0;
  padding: 3px;
  border: thin solid #dddddd;
  border-radius: 8px;
  width: 100%;
}

synergy-input .group.no-border {
  border: none;
}

synergy-input .group ion-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: x-large;
}

synergy-input .group ion-toggle {
  position: absolute;
  right: 10px;
  top: 3px;
}

synergy-input .group-focused {
  border: thin solid #888a8c !important;
}

synergy-input .group-icon {
  padding-right: 30px;
}

synergy-input .numberAED {
  position: absolute;
  right: 0;
  background: transparent;
  width: 16%;
  height: 100%;
  border-left: thin solid #dddddd;
  top: 0;
  font-size: 18px;
}

synergy-input .withIcon .iconBtn {
  background: transparent;
  height: 100%;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32px;
  height: 32px;
}

synergy-input .withIcon .iconBtn ion-icon {
  position: relative !important;
  right: unset;
  top: unset;
  width: 18px;
  font-size: x-large;
}

synergy-input .withIcon input {
  width: calc(100% - 32px) !important;
  padding-right: 0 !important;
}

synergy-input textarea,
synergy-input input {
  font-size: 18px;
  padding: 5px 10px 2px 13px !important;
  display: block;
  width: 100%;
  border: none;
}

synergy-input textarea:focus,
synergy-input input:focus {
  outline: none !important;
}

synergy-input ion-datetime {
  font-size: 18px;
  padding: 10px 10px 5px 17px !important;
  display: block;
  width: 100% !important;
  border: none;
}

synergy-input ion-datetime:focus {
  outline: none !important;
}

synergy-input ion-select {
  width: 200%;
  max-width: 110%;
  min-height: 38px !important;
  padding: 5px 10px 3px 17px !important;
  font-size: 18px;
}

synergy-input ion-select.report {
  max-width: 485px;
  width: 100%;
}

synergy-input ion-select:focus {
  outline: none !important;
}

synergy-input .selector-container {
  width: 100%;
  overflow: hidden;
}

synergy-input .synergy-label {
  color: #888a8c;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 15px;
  top: 8px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

synergy-input .static-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: -12px;
  left: 15px;
  max-height: 14.5px;
  background: white;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
  color: #b21f2f;
}

synergy-input textarea:focus ~ .synergy-label,
synergy-input input:focus ~ .synergy-label,
synergy-input textarea:valid ~ .synergy-label,
synergy-input input:valid ~ .synergy-label {
  top: -12px;
  left: 11px;
  background: white;
  padding-left: 2px;
  padding-right: 2px;
  max-height: 14.5px;
  font-size: 14px;
  color: #b21f2f;
}

synergy-input .selected-people {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 1rem;
  padding: 1rem;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

synergy-input .selected-people .person {
  border: 1px solid #c2c2c2;
  padding: 0 1rem;
  border-radius: 8px;
  position: relative;
}

synergy-input .ql-container.ql-snow {
  border: none !important;
}

synergy-input .ql-toolbar.ql-snow {
  border: none !important;
  border-bottom: 1px solid #ccc !important;
}

synergy-input .suggest-holder {
  position: relative;
}

synergy-input .suggest-holder .suggest-list {
  width: 100%;
  position: absolute;
  background-color: #fff !important;
  color: #000 !important;
  display: block;
  padding: 1rem;
  -webkit-box-shadow: 0 0 2px 1px #00000038;
  box-shadow: 0 0 2px 1px #00000038;
  border-radius: 8px;
  row-gap: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  z-index: 10;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: 40vh;
  overflow-y: auto;
}

synergy-input .suggest-holder .suggest-list .item {
  padding: 0.5rem 1rem;
  border-radius: 8px;
}

synergy-input .suggest-holder .suggest-list .item:hover {
  background: #f7f7f7;
}

synergy-input .delete-Btn {
  top: -1rem !important;
  right: -1rem !important;
}

synergy-input .radius-8 {
  border-radius: 8px !important;
}

tasks-card .icon-space-reduce ion-icon {
  padding-right: 0.2em !important;
}

tasks-card .more-icon {
  position: absolute;
  right: 0px;
  top: 6px;
  width: 40px;
}

tasks-card .more-icon ion-icon {
  font-size: 1.6em !important;
}

tasks-card .info_ {
  font-size: 11px;
}

tasks-card .m-l-3 {
  margin-left: 1px !important;
}

ticket-card .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

ticket-card .pad-children > .bigger {
  padding: 7px 0px;
}

ticket-card .pad-left-right {
  padding: 0px 10px;
}

ticket-card .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

ticket-card .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

ticket-card .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

ticket-card .gray-text {
  color: #474747;
}

ticket-card .m-p-2 {
  position: relative;
  top: 2px;
}

ticket-card .inProcess {
  color: orange;
}

ticket-card .suspended {
  color: red;
}

ticket-card .completed {
  color: green;
}

ticket-card .closed {
  color: red;
}

ticket-card .approved {
  color: green;
}

ticket-card .gridDiv {
  min-width: 200px;
}

ticket-card .gridSeperator {
  width: 50px;
}

ticket-card #outer-div {
  width: 100%;
  text-align: center;
}

ticket-card #inner-div {
  display: inline-block;
  margin: 0 auto;
}

ticketing-tk-category-list {
  width: 100%;
}

ticketing-tk-category-list .gridView {
  margin: 5px 5px !important;
  width: calc(50% - 10px);
}

ticketing-tk-category-list .icon-space-reduce ion-icon {
  padding-right: 0.2em !important;
}

ticketing-tk-category-list .iconHeader {
  height: 80px;
  width: 80px;
  position: relative;
}

ticketing-tk-category-list .iconHeader img {
  width: 100%;
  height: 100%;
}

ticketing-tk-category-list .iconHeader .icon {
  width: 60px;
  height: 60px;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

ticketing-tk-category-list .more-icon {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
}

ticketing-tk-category-list .more-icon ion-icon {
  font-size: 1.6em !important;
}

ticketing-tk-category-list .info_ {
  font-size: 11px;
}

ticketing-tk-category-list .m-l-3 {
  margin-left: 1px !important;
}

ticketing-tk-category-list .mini-space {
  margin-top: 5px;
}

ticketing-tk-category-list .mini-title {
  font-weight: 600;
}

ticketing-tk-category-list #outer-div {
  width: 100%;
  text-align: center;
}

ticketing-tk-category-list .avatar-support {
  width: 60px !important;
}

ticketing-tk-category-list .avatar-support.isDeleted {
  opacity: 0.5;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

ticketing-tk-category-list #inner-div {
  display: inline-block;
  margin: 0 auto;
}

@media screen and (min-width: 700px) {
  ticketing-tk-category-list .catName {
    min-width: 400px;
    padding-bottom: 10px;
    padding-left: 15px;
  }
  ticketing-tk-category-list .topSpace {
    margin-top: 20px;
  }
}

@media screen and (max-width: 699px) {
  ticketing-tk-category-list .catName {
    max-width: 185px;
    padding-bottom: 10px;
  }
  ticketing-tk-category-list .topSpace {
    margin-top: 20px;
  }
}

video-player .m-r-17 {
  right: 17px !important;
}

video-player .fabLower {
  margin-top: 40px !important;
}

video-player .no-overflow {
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
}

video-player .no-overlay {
  width: 100%;
  height: 250px;
  background-color: #383838;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  /*to cover all the box*/
  border-radius: 10px;
}

@media screen and (min-width: 768px) {
  video-player .no-overlay {
    height: 350px;
  }
}

video-player video {
  background-color: #383838;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  /*to cover all the box*/
  min-height: 250px;
}

video-player video.hide_poster {
  background-image: none;
  background-color: #383838;
}

@media screen and (min-width: 768px) {
  video-player video {
    min-height: 350px;
  }
}

video-player .play-poster-btn {
  height: 57px !important;
  z-index: 20;
  -o-object-fit: fill !important;
  object-fit: fill !important;
}

video-player .white-color-text {
  color: #ffffff;
}

video-player video::-internal-media-controls-download-button {
  display: none;
}

video-player video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

video-player video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
  /* Adjust as needed */
}

video-player .white-color-text {
  color: #ffffff;
}

video-player .custom-video-control {
  width: 100%;
  height: 98%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

video-player .custom-video-control .playStopDiv {
  height: 50px;
}

video-player .custom-video-control .playStopDiv .playStop {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #ffffff;
  margin: 0px 20px;
}

video-player .custom-video-control .playStopDiv .playStop ion-icon {
  font-size: 3rem;
}

video-player .custom-video-control .playStopDiv .vid-rewind-icon,
video-player .custom-video-control .playStopDiv .vid-volumn {
  font-size: 3rem;
}

video-player .custom-video-control .playStopDiv .icon-ios.vid-volumn {
  font-size: 4rem;
}

video-player .custom-video-control.hide-control {
  opacity: 0;
}

video-player .custom-video-control .topLeftDiv {
  position: absolute;
  top: 15px;
  left: 15px;
  height: 30px;
  width: 100px;
}

video-player .custom-video-control .topLeftDiv .top-left-icon {
  margin-right: 15px !important;
  font-size: 3rem !important;
}

video-player .custom-video-control .topLeftDiv .top-left-icon:not(.loopicon) {
  color: #ffffff;
}

video-player .custom-video-control .topLeftDiv .danger {
  margin-right: 15px !important;
  font-size: 3rem !important;
}

video-player .custom-video-control .m-r-15 {
  margin-right: 15px;
}

video-player .custom-video-control .m-r-10 {
  margin-right: 10px;
}

video-player .no-margin-right {
  margin-right: 0px !important;
}

video-player .neg-right-5 {
  margin-right: -5px !important;
}

video-player .display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

video-player .display-flex.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

video-player .display-flex.flex-valign-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

video-player .display-flex.flex-valign-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

video-player .display-flex.flex-valign-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

video-player .display-flex.flex-halign-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

video-player .display-flex.flex-halign-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

video-player .display-flex.flex-halign-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

video-player .display-flex.no-wrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

video-player .display-flex.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

video-player .absolute-center {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

video-player .vid-progress-div {
  position: absolute;
  z-index: 1000000;
  bottom: -10px;
  width: 100%;
}

video-player .vid-progress-div ion-item {
  background-color: transparent !important;
  padding: 0 0px !important;
}

video-player .vid-progress-div ion-item .timer-duration {
  font-size: 1.2rem !important;
  color: #ffffff;
}

video-player .vid-progress-div ion-item .item-inner {
  border: none !important;
}

violation-card {
  width: 100%;
}

violation-card .gridView {
  margin: 5px 5px !important;
  width: calc(50% - 10px);
}

violation-card .bubble-back ion-item {
  background-color: transparent !important;
}

violation-card .top-right-button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}

violation-card .pad-children > .bigger {
  padding: 7px 0px;
}

violation-card .pad-left-right {
  padding: 0px 10px;
}

violation-card .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

violation-card .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

violation-card .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

violation-card .m-p-2 {
  position: relative;
  top: 2px;
}

violation-card .gridDiv {
  min-width: 200px;
}

violation-card .gridSeperator {
  width: 50px;
}

violation-card #outer-div {
  width: 100%;
  text-align: center;
}

violation-card #inner-div {
  display: inline-block;
  margin: 0 auto;
}

violation-card ion-label {
  white-space: unset !important;
}

whistle-blower-card .icon-space-reduce ion-icon {
  padding-right: 0.2em !important;
}

whistle-blower-card .more-icon {
  position: absolute;
  right: 0px;
  top: 6px;
  width: 40px;
}

whistle-blower-card .more-icon ion-icon {
  font-size: 1.6em !important;
}

whistle-blower-card .info_ {
  font-size: 11px;
}

whistle-blower-card .m-l-3 {
  margin-left: 1px !important;
}

whistle-blower-card .more-icon {
  z-index: 100;
}

whistle-blower-card .h23 {
  height: 23px !important;
}

whistle-blower-card .deadline-date {
  color: #333333;
}

mydcaa-notification-card .font2 {
  font-size: 0.875em;
}

mydcaa-notification-card .font1 {
  font-size: 1.063rem;
}

mydcaa-notification-card .font3 {
  font-size: 1.1em;
}

mydcaa-notification-card .font4 {
  font-size: 1.125em;
}

mydcaa-notification-card .font5 {
  font-size: 1.25em;
}

mydcaa-notification-card .font6 {
  font-size: 1.3em;
}

mydcaa-notification-card .font7 {
  font-size: 1.5em;
}

mydcaa-notification-card .font8 {
  font-size: 1.3em;
}

mydcaa-notification-card .font9 {
  font-size: 0.9375em;
}

mydcaa-notification-card .font11 {
  font-size: 1.8em;
}

mydcaa-notification-card .font18 {
  font-size: 3em;
}

mydcaa-notification-card .blue-text {
  color: #3B5998;
}

mydcaa-notification-card .cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem .75rem;
  border-radius: 8px;
  gap: 5px;
}

mydcaa-notification-card .cell.row-1 {
  height: 160px;
}

mydcaa-notification-card .cell.row-2 {
  height: 330px;
}

mydcaa-notification-card .cell.col-1 {
  width: 300px;
}

mydcaa-notification-card .cell.col-2 {
  width: 600px;
}

mydcaa-notification-card .media-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #ffd6e1c2;
}

mydcaa-notification-card .media-card .data-description {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}

mydcaa-notification-card .media-card img {
  -o-object-fit: cover;
  object-fit: cover;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  height: 170px;
  width: 300px;
}

mydcaa-notification-card .notification-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #ffffffc2;
}

mydcaa-notification-card .notification-card .card-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

mydcaa-notification-card .notification-card .card-content .content-row {
  border-radius: 8px;
  padding: .5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 75px;
  min-height: 75px;
}

mydcaa-notification-card .notification-card .card-content .content-row.new .info::before {
  content: "•";
  font-size: xx-large;
  position: absolute;
  color: #3B5998;
  font-size: 50px;
  left: -8px;
  top: 0;
  line-height: 22px;
  color: #3B5998;
}

mydcaa-notification-card .notification-card .card-content .content-row:hover {
  background-color: #d2d0d048;
}

mydcaa-notification-card .notification-card .card-content .content-row:hover .subject {
  color: #3B5998;
}

mydcaa-notification-card .notification-card .card-content .content-row .info {
  border-left: 4px solid #91b7e900;
}

mydcaa-notification-card .notification-card .card-content .content-row .info .footer {
  max-width: calc(100% - 1rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

mydcaa-notification-card .notification-card .card-content .content-row .info .footer .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

mydcaa-notification-card .notification-card .card-content .content-row .info .footer .date {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  white-space: nowrap;
}

mydcaa-notification-card .notification-card .card-content .content-row .subject {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}

mydcaa-notification-card .notification-card img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50px;
  height: 45px;
  width: 45px;
  min-height: 45px;
  min-width: 45px;
}

mydcaa-notification-card .statistic-card {
  background-color: #5a0000bd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
}

mydcaa-notification-card .statistic-card .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: .5rem;
  padding: .5rem 0;
}

mydcaa-notification-card .statistic-card .content .content-row {
  border-radius: 8px;
  padding: .5rem;
  background-color: #bdbdbd2e;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

mydcaa-notification-card .statistic-card .content .content-row .white {
  color: #fff;
}

mydcaa-notification-card .statistic-card .content .content-row .red {
  color: #ee7977;
}

mydcaa-notification-card .statistic-card .seemore {
  color: #3B5998;
}

mydcaa-notification-card .stories-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #5b3905c2;
  color: #fff;
}

mydcaa-notification-card .stories-card .title ion-icon {
  margin: auto;
}

mydcaa-notification-card .stories-card .card-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

mydcaa-notification-card .stories-card .card-content .content-row {
  border-radius: 8px;
  padding: .5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 75px;
  min-height: 75px;
}

mydcaa-notification-card .stories-card .card-content .content-row:hover {
  background-color: #d2d0d048;
}

mydcaa-notification-card .stories-card .card-content .content-row:hover .subject {
  color: #3B5998;
}

mydcaa-notification-card .stories-card .card-content .content-row .info {
  width: calc(100% - 80px);
}

mydcaa-notification-card .stories-card .card-content .content-row .info .footer {
  max-width: calc(100% - 1rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

mydcaa-notification-card .stories-card .card-content .content-row .info .footer .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

mydcaa-notification-card .stories-card .card-content .content-row .info .footer .date {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  white-space: nowrap;
}

mydcaa-notification-card .stories-card .card-content .content-row .subject {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

mydcaa-notification-card .stories-card .icon {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

mydcaa-notification-card .stories-card .icon img {
  width: 20px;
  min-width: 20px;
  height: 20px;
}

mydcaa-notification-card .stories-card .img {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  align-self: start;
}

mydcaa-notification-card .stories-card .img img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  height: 50px;
  width: 50px;
  min-height: 50px;
  min-width: 50px;
}

.custom-card {
  background-color: #fff;
  padding: 4px;
  border-radius: 8px;
}

.custom-card ion-icon {
  font-size: 2rem;
}

.custom-card.yellow {
  border-left: 3px solid #c79921;
}

.custom-card.yellow span, .custom-card.yellow ion-icon {
  color: #c79921 !important;
}

.custom-card.red {
  border-left: 3px solid #d23737;
}

.custom-card.red span, .custom-card.red ion-icon {
  color: #d23737 !important;
}

.white-logo {
  max-width: 150px;
}

.btn.btn-primary.tooltip.custom2 {
  float: right;
}

.btn.btn-primary.tooltip.custom ion-icon {
  font-size: 20px;
}

.btn.btn-primary.tooltip.custom2 ion-icon {
  font-size: 20px;
}

.btn.btn-primary.tooltip.custom2 .bottom.bottom5 {
  left: -50px;
}

.item-inner-left5 .item-inner {
  margin-left: 10px !important;
}

.no-overflow-y .scroll-content {
  overflow-y: auto !important;
}

.searchMenuContainer {
  overflow: hidden;
}

.searchMenuContainer .searchbar-ios {
  background-color: #f6f6f6;
}

.large-only,
.hide-fileinput {
  position: relative;
}

.large-only input,
.hide-fileinput input {
  visibility: hidden;
  position: absolute;
}

.advance-search .modal-wrapper {
  height: 100% !important;
  width: 100% !important;
  left: 0 !important;
  top: 0 !important;
  background-image: url(../assets/images/Gray2.png);
  background-size: 100%;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-color: whitesmoke;
}

.advance-search .modal-wrapper .newBg .toolbar-background {
  background-image: url(../assets/images/advanceSearchBg.png) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media screen and (max-height: 800px) {
  page-mydcaa-advance-search ion-content {
    height: 69vh !important;
  }
}

@media screen and (max-width: 1025px) {
  .large-only {
    display: none;
  }
  .companyProfileBox .modal-wrapper {
    width: 100% !important;
    height: 100% !important;
    left: 0px !important;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    max-height: 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 600px) {
  .bigmodal.fullwidth100 .modal-wrapper {
    width: 95% !important;
    max-width: 95% !important;
    height: 95% !important;
    min-width: 95% !important;
    left: 2.5%;
    top: 2.5%;
    bottom: 0;
    right: 0;
  }
}

ion-split-pane {
  background: #f7f6fd;
}

.synergy-left-menu .hero {
  background-color: transparent;
}

.synergy-left-menu ::-webkit-scrollbar-track {
  background-color: transparent !important;
  /* THIS WILL SET THE COLOR OF THE SCROLLBAR TRACK */
}

.synergy-left-menu ::-webkit-scrollbar-thumb {
  border-color: #c44e4a !important;
}

.synergy-left-menu ion-content.color-mode {
  background-color: #ef7a6e !important;
}

.synergy-left-menu ion-content.pattern-mode {
  background: url(../assets/images/chat/header.png);
}

.synergy-left-menu ion-content.pattern-mode .item-md-synergyThemeColor, .synergy-left-menu ion-content.pattern-mode .item-divider-md-synergyThemeColor, .synergy-left-menu ion-content.pattern-mode .toolbar-md-synergyThemeColor .toolbar-background-md, .synergy-left-menu ion-content.pattern-mode .item-ios-synergyThemeColor, .synergy-left-menu ion-content.pattern-mode .item-divider-ios-synergyThemeColor, .synergy-left-menu ion-content.pattern-mode .toolbar-ios-synergyThemeColor .toolbar-background-ios {
  background-color: transparent !important;
}

.synergy-left-menu ion-content.pattern-mode .searchbar-input, .synergy-left-menu ion-content.pattern-mode .searchbar-ios {
  background-color: transparent !important;
}

.synergy-left-menu ion-content .searchbar-input-container .searchbar-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
}

.synergy-left-menu ion-content .searchbar-input-container .searchbar-input::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}

.synergy-left-menu ion-content .searchbar-input-container .searchbar-input:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}

.synergy-left-menu ion-content .searchbar-input-container .searchbar-input:-moz-placeholder {
  /* Firefox 18- */
  color: white;
}

.synergy-left-menu ion-content .searchbar-input-container .searchbar-clear-icon {
  -webkit-filter: invert(100);
  filter: invert(100);
}

.synergy-left-menu ion-content .userProfile {
  color: #fff;
}

.synergy-left-menu ion-content .avatar-like {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.synergy-left-menu ion-content .searchMenuContainer .searchbar-ios {
  background-color: #ef7a6e;
  border-bottom: none;
}

.synergy-left-menu ion-content .searchMenuContainer .searchbar-ios .searchbar-input {
  background-color: #dc695d;
  color: #c79921;
}

.synergy-left-menu ion-content .searchMenuContainer .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c79921;
  opacity: 1;
  /* Firefox */
}

.synergy-left-menu ion-content .searchMenuContainer .searchbar-ios .searchbar-input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c79921;
  opacity: 1;
  /* Firefox */
}

.synergy-left-menu ion-content .searchMenuContainer .searchbar-ios .searchbar-input::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c79921;
  opacity: 1;
  /* Firefox */
}

.synergy-left-menu ion-content .searchMenuContainer .searchbar-ios .searchbar-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c79921;
  opacity: 1;
  /* Firefox */
}

.synergy-left-menu ion-content .searchMenuContainer .searchbar-ios .searchbar-input:placeholder-shown {
  font-style: italic;
}

.synergy-left-menu ion-content .left-menu-items {
  padding-bottom: 2em;
  width: 100%;
}

.synergy-left-menu ion-content .left-menu-items .list-item-wrap {
  position: relative;
}

.synergy-left-menu ion-content .left-menu-items .list-item-wrap button ion-label {
  margin: 0 !important;
  display: block;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.synergy-left-menu ion-content .left-menu-items .list-item-wrap b:nth-child(1) {
  position: absolute;
  top: -14px;
  height: 14px;
  width: 100%;
  background: transparent;
  display: none;
}

.synergy-left-menu ion-content .left-menu-items .list-item-wrap b:nth-child(2) {
  position: absolute;
  bottom: -14px;
  height: 14px;
  width: 100%;
  background: transparent;
  display: none;
}

.synergy-left-menu ion-content .left-menu-items .list-item-wrap.menuActive {
  z-index: 2;
}

.synergy-left-menu ion-content .left-menu-items .list-item-wrap.menuActive button {
  background-color: #fff;
  width: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.synergy-left-menu ion-content .left-menu-items .list-item-wrap.menuActive button ion-icon,
.synergy-left-menu ion-content .left-menu-items .list-item-wrap.menuActive button span {
  color: #c44e4a;
}

.synergy-left-menu ion-content .left-menu-items .list-item-wrap.menuActive button .item-inner {
  margin-left: 0px !important;
}

.synergy-left-menu ion-content .left-menu-items .list-item-wrap.menuActive b:nth-child(1),
.synergy-left-menu ion-content .left-menu-items .list-item-wrap.menuActive b:nth-child(2) {
  display: block;
}

.synergy-left-menu ion-content .left-menu-items .list-item-wrap:not(.menuActive) button ion-label {
  margin: 2px 0 2px 0 !important;
}

.synergy-left-menu.gold-theme .menu-inner {
  width: 100%;
}

.synergy-left-menu.gold-theme .userProfile {
  background-color: #272d30;
  border-radius: 8px;
  padding-bottom: 5px;
}

.synergy-left-menu.gold-theme .userProfile .searchMenuContainer .searchbar-ios .searchbar-input {
  background-color: #dc695d;
  color: #716f7b;
}

.synergy-left-menu.gold-theme .userProfile .searchMenuContainer .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #716f7b;
  opacity: 1;
  /* Firefox */
}

.synergy-left-menu.gold-theme .userProfile .searchMenuContainer .searchbar-ios .searchbar-input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #716f7b;
  opacity: 1;
  /* Firefox */
}

.synergy-left-menu.gold-theme .userProfile .searchMenuContainer .searchbar-ios .searchbar-input::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #716f7b;
  opacity: 1;
  /* Firefox */
}

.synergy-left-menu.gold-theme .userProfile .searchMenuContainer .searchbar-ios .searchbar-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #716f7b;
  opacity: 1;
  /* Firefox */
}

.synergy-left-menu.gold-theme .userProfile .searchMenuContainer .searchbar-ios .searchbar-input:placeholder-shown {
  font-style: italic;
}

.synergy-left-menu.gold-theme .userProfile img {
  border-color: #c79921;
}

.synergy-left-menu.gold-theme ::-webkit-scrollbar-thumb {
  background-color: #c79921 !important;
  border: none !important;
  height: 2rem !important;
}

.synergy-left-menu.gold-theme .left-menu-items {
  padding: 0 !important;
  margin: 0 !important;
}

.synergy-left-menu.gold-theme .scroll-content {
  overflow-y: hidden !important;
}

.synergy-left-menu.gold-theme ::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}

.synergy-left-menu.gold-theme .pattern-mode {
  background: url(../assets/images/mydcaa/side-menu-pattern-3.png);
  background-size: cover;
  background-color: #0E1317 !important;
}

.synergy-left-menu.gold-theme .list-item-wrap {
  color: #fff;
}

.synergy-left-menu.gold-theme .list-item-wrap ion-icon {
  color: #c79921 !important;
  margin-right: 3px;
}

.synergy-left-menu.gold-theme .list-item-wrap button {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-left: 0px !important;
}

.synergy-left-menu.gold-theme .list-item-wrap button .item-inner {
  margin-left: 0px !important;
}

.synergy-left-menu.gold-theme .list-item-wrap:hover button {
  background-color: #fff;
  width: 100%;
  background-color: #c79921 !important;
}

.synergy-left-menu.gold-theme .list-item-wrap:hover button * {
  color: #fff !important;
}

.synergy-left-menu.gold-theme .list-item-wrap:hover button .item-inner {
  margin-left: 0px !important;
}

.synergy-left-menu.gold-theme .dcaa-menu {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.synergy-left-menu.gold-theme .scrollable {
  overflow-y: overlay;
}

.synergy-left-menu.gold-theme .menuActive button {
  background-color: #c79921 !important;
}

.synergy-left-menu.gold-theme .menuActive button * {
  color: #fff !important;
}

.synergy-left-menu.gold-theme .menuActive.secondary button {
  background: #c79921;
  background: linear-gradient(35deg, #c79921 0%, #dad11a 65%) !important;
}

.synergy-left-menu.gold-theme .searchbar-input-container {
  background-color: #fff;
  border-radius: 25px;
}

.synergy-left-menu.gold-theme ion-footer {
  border-top: 1px solid #f5f5f5;
}

.synergy-left-menu.gold-theme ion-footer ion-buttons {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

/* STYLING SCROLLBAR */
::-webkit-scrollbar-button {
  height: 10px;
}

::-webkit-scrollbar {
  width: 0.5em;
  /* THIS WILL RESET THE DEFAULT SCORLLBAR STYLING */
}

/* TO STYLE THE SCROLLBAR TRACK */
::-webkit-scrollbar-track {
  background-color: transparent;
  /* THIS WILL SET THE COLOR OF THE SCROLLBAR TRACK */
}

/* TO STYLE THE SCROLLBAR THUMB */
::-webkit-scrollbar-thumb {
  background-color: #dc695d;
  border: 1px solid #f7f6fd;
  border-radius: 1em;
}

@media screen and (max-width: 1400px) {
  page-mydcaa-advance-search.ion-page.show-page ion-col.col {
    -webkit-box-flex: 50% !important;
    -webkit-flex: 50% !important;
    -ms-flex: 50% !important;
    flex: 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }
}

@media screen and (max-width: 1180px) {
  .max-width-leftmenu {
    max-width: 250px !important;
    border: none !important;
    min-width: 250px !important;
  }
}

@media screen and (max-width: 1180px) {
  .max-width-rightmenu {
    max-width: 250px !important;
    border: none !important;
    min-width: 250px !important;
  }
}

@media screen and (min-width: 1025px) {
  .scroll-content,
  .alert-message {
    overflow-y: auto !important;
  }
  .action-sheet-group {
    overflow: auto !important;
  }
  .max-width-leftmenu {
    max-width: 260px !important;
    border: none !important;
  }
  .max-width-rightmenu {
    max-width: 300px !important;
  }
  notification-toast {
    padding-top: 0px !important;
    background-color: #048441;
    bottom: 0;
    max-width: 600px;
    left: 0px;
    border-radius: 0px 40px 0px 0px;
    padding-right: 20px;
  }
  notification-toast .my-toast .toast-message-box {
    margin-left: 15px !important;
  }
  .token-expiry {
    background-color: #fff;
    max-width: 600px;
    left: 30px;
    border-radius: 20px;
    padding: 20px;
    position: absolute;
    background-image: url(../assets/images/alert/falcon.svg) !important;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    border: 1px solid #c79921;
    bottom: -500px;
    -webkit-transition: bottom 1s ease;
    transition: bottom 1s ease;
  }
  .token-expiry.show {
    bottom: 65px;
  }
  .token-expiry .timer-font {
    font-size: 1.7rem;
    text-shadow: 0px 0px 0px #000 !important;
  }
  .token-expiry .timer {
    height: 30px;
  }
  .token-expiry .timer-block {
    background: #f4dfdf4d;
    border-radius: 20px;
    color: #d23737;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
  }
  .token-expiry .button-outline-custom {
    border: 1px solid #c79921;
    color: #c79921;
    background-color: transparent;
  }
  .token-expiry .button-outline-custom:hover {
    background-color: transparent;
  }
  .bigmodal.tallest .modal-wrapper {
    border-radius: 10px;
    width: 50%;
    max-width: 904px;
    height: 90%;
    left: 0px !important;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    overflow: hidden;
  }
  .bigmodal.tallest.login .modal-wrapper {
    max-width: 400px;
    max-height: 550px;
  }
  .bigmodal.tallest.login .modal-wrapper .scroll-content {
    overflow-y: hidden !important;
  }
  .bigmodal.widest .modal-wrapper {
    width: 850px;
    max-width: 90%;
    max-height: 650px;
  }
  .bigmodal.fullwidth-modal .modal-wrapper {
    width: 1024px;
    max-width: 90%;
    max-height: 80%;
    min-width: 80%;
  }
  .bigmodal.fullwidth-modal2 .modal-wrapper {
    width: 1024px;
    max-width: 98%;
    height: 95%;
    min-width: 80%;
  }
  .bigmodal.average-h-w .modal-wrapper {
    max-width: 50%;
    height: 650px;
    min-height: 50%;
    width: 800px;
  }
  .hide-1024,
  .small-only {
    display: none;
  }
  .no-desktop {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: thin solid #eaeaea;
    border-radius: 10px;
  }
}

@media screen and (max-width: 800px) {
  page-mydcaa-advance-search.ion-page.show-page ion-col.col {
    -webkit-box-flex: 100% !important;
    -webkit-flex: 100% !important;
    -ms-flex: 100% !important;
    flex: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  page-mydcaa-advance-search .main-result.bigger {
    height: 38vh !important;
  }
  page-mydcaa-advance-search ion-header .toolbar {
    min-height: 155px;
  }
  page-mydcaa-advance-search ion-searchbar {
    margin-top: 8px;
  }
}

.hero {
  width: 100%;
  background-color: #f2f2f2;
  height: 53px;
  position: relative;
  top: -3px;
}

.userContainer {
  position: relative;
  top: -64px;
}

.userContainer .m-b-neg-force {
  margin-bottom: -6px !important;
}

.userContainer .profileGrid {
  background-color: #f6f6f6;
  margin-bottom: 0px !important;
  min-height: 130px;
}

.border-20 {
  border-radius: 20px !important;
}

.storage-info {
  padding: 0 10px;
  width: 100%;
}

.db-progressbar {
  background-color: #fff;
  border-radius: 10px;
}

.db-progressbar div {
  background-color: #ba463a;
  height: 5px;
  border-radius: 10px;
}

.border-top-gray {
  border-top: 1px solid #f2f2f2;
}

.line-header {
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
  line-height: 0.1em;
}

.line-header span {
  background: #fff;
  padding: 0 5px;
}

.button-center {
  margin: 0 auto !important;
}

.beta-image {
  width: 150px;
}

.db-plus-icon {
  font-size: 2.5em;
}

.db-plus-icon:hover {
  color: #b21f2f;
}

[class^="ion-ios-mydcaa"],
[class*=" ion-ios-mydcaa"],
[class^="ion-md-mydcaa"],
[class*=" ion-md-mydcaa"],
[class^="ion-wp-mydcaa"],
[class*=" ion-wp-mydcaa"] {
  font-size: 1em;
  padding: 0 0.5em;
}

.action-sheet-container {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.action-sheet-group {
  background: #ffffff85 !important;
  -webkit-backdrop-filter: blur(12px) brightness(115%) !important;
  backdrop-filter: blur(12px) brightness(115%) !important;
}

.action-sheet-group .button-inner {
  text-shadow: 0 0 black;
}

.action-sheet-group ion-icon {
  color: #c79921 !important;
  margin-right: 1rem !important;
  text-shadow: none !important;
}

.action-sheet-group:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 0px 3rem;
}

.action-sheet-group:last-child:not(:first-child) {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: 1px solid #c7c7c7;
  padding: 0;
}

.action-sheet-group:last-child:not(:first-child) ion-icon {
  color: #000 !important;
}

.action-sheet-group:last-child:not(:first-child) .button-inner {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.action-sheet-group .action-sheet-title {
  font-size: 1.5em;
  color: #c7c7c7;
  border-bottom: 2px solid #c7c7c7;
}

@media screen and (max-width: 768px) {
  .userProfile .display-flex.flex-halign-center {
    margin-bottom: 0 !important;
  }
  .avatar-like {
    width: 60px;
    top: 8px;
    height: 60px;
  }
  .userProfile h3.text-ellipsis {
    font-size: 18px;
  }
  .userProfile p.text-ellipsis.m-b-neg-force {
    font-size: 13px;
    margin-top: -5px;
  }
  ion-split-pane .p-4 {
    padding-bottom: 0;
  }
  .synergy-left-menu ion-content .left-menu-items .list-item-wrap button.p-l-10 {
    min-height: 2rem !important;
  }
}

.session-notification {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}

.session-notification.show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.session-notification.hide {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
}

.role-desc {
  position: relative !important;
  border: none;
  cursor: pointer;
}

.role-desc:hover::after {
  position: absolute;
  top: 0;
  left: 110px;
  background-color: #383838;
  color: #fff;
  padding: 3px 10px;
  font-size: 1.3rem;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.1;
  z-index: 100;
}

.role-desc:hover.approver::after {
  content: "As per the Authority Matrix this role to be for the Final Approval before publication";
}

.role-desc:hover.reviewer::after {
  content: "As per the Authority Matrix this role to be for the recommender to review the final document before sharing it to the final Approval.";
}

.role-desc:hover.collabrator::after {
  content: "As per the Authority Matrix this role to be for the reviewer to reflect the changes in the document to be reviewed by the initial to accept the changes if applicable.";
}

.admin-chat-header .showdropdownOptions .dropdown-content-options {
  top: -82px;
  display: none;
  background: #fff;
  margin-top: -5px;
}

.admin-chat-header .showdropdownOptions:hover .dropdown-content-options {
  display: block;
}

.admin-chat-header .white-text {
  color: #fff;
}

.admin-chat-header .more-content {
  -webkit-box-shadow: 0 0 8px #b3b3b3;
  box-shadow: 0 0 8px #b3b3b3;
  display: none;
  position: absolute;
  border-radius: 10px;
  padding: 0.3em;
  background: #fff;
  right: 237px;
  top: 0px;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 555;
}

.admin-chat-header .more-content:hover {
  display: inline-block;
}

.admin-chat-header .more-content .item {
  padding: 0.2em 1.5em;
}

.admin-chat-header .more-content .item ion-icon,
.admin-chat-header .more-content .item span {
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  padding: 0.4em;
  color: #000 !important;
  text-decoration: none;
}

.admin-chat-header .more-content .item ion-icon:hover,
.admin-chat-header .more-content .item span:hover {
  color: #d23737 !important;
}

.admin-chat-header .more-content::after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 24%;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
}

.admin-chat-header .more-content::before {
  content: "";
  display: block;
  position: absolute;
  right: -111px;
  top: 0%;
  margin-top: 4px;
  width: 120px;
  height: 206px;
}

.showMore:hover + .more-content {
  display: inline-block;
}

.showMore:hover + .dropdown-content {
  display: inline-block;
}

.filter-box {
  bottom: 20px;
  z-index: 1000;
}

.filter-box .showdropdown .dropdown-content {
  bottom: 53px;
  display: none;
  margin-top: -5px;
}

.filter-box .showdropdown:hover .dropdown-content {
  display: block;
}

.file-link {
  text-decoration: none;
}

.file-link img.thumbImage {
  max-width: 198px;
}

.file-link .icon-image {
  height: 35px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.file-link .link-name {
  width: 158px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat-text-box {
  bottom: 20px;
  z-index: 1000;
}

.chat-text-box input {
  padding: 0.375rem 0.75rem;
  font-size: 0.9em;
}

.chat-text-box .showScroll {
  overflow-y: scroll;
  height: 100px;
  resize: none;
}

.chat-text-box .dropdown-bottom-arrow {
  background: #fff;
  margin-left: -17px;
}

.chat-text-box .dropdown-bottom-arrow::before, .chat-text-box .dropdown-bottom-arrow::after {
  left: 12%;
  bottom: -12%;
}

.chat-text-box .dropdown-bottom-arrow::before {
  margin-left: -23px;
  width: 200px;
}

.chat-text-box .emoji-button {
  background: #fff !important;
  margin: 2px;
}

.chat-text-box .emoji-button:hover {
  -webkit-filter: grayscale(60%);
  filter: grayscale(60%);
}

.chat-text-box .submenu-emoji {
  overflow-x: hidden;
  max-height: 150px;
  overflow-y: auto;
  border: none !important;
}

.chat-text-box .submenu-emoji:hover {
  border: none !important;
  background: none;
}

.chat-text-box .submenu {
  cursor: pointer;
}

.chat-text-box .submenu a {
  word-break: break-word;
}

.chat-text-box .submenu .submenu-icon {
  font-size: 1em;
  width: 15px;
}

.chat-text-box .showdropdown-emoji .dropdown-content-emoji {
  bottom: 40px;
  display: none;
  margin-top: -5px;
}

.chat-text-box .showdropdown-emoji:hover .dropdown-content-emoji {
  display: block;
}

.chat-text-box .icon-envelop {
  padding: 0.2em;
}

.chat-text-box .showdropdown .dropdown-content {
  bottom: 2px;
  display: none;
  left: 0;
  margin-top: -5px;
  width: 100%;
}

.chat-text-box .showdropdown:hover .dropdown-content {
  display: block;
}

.chat-text-box .message-dropdown {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  width: 200px;
  position: absolute;
  opacity: 1;
  line-height: 1.46667;
  z-index: 100;
  background: #fff;
  max-height: 404px;
  overflow-y: auto;
}

.chat-text-box .message-dropdown::before, .chat-text-box .message-dropdown::after {
  border: 10px solid transparent;
  height: 0;
  position: absolute;
  content: "";
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  bottom: -10%;
  left: 89%;
}

.chat-text-box .message-dropdown::after {
  border-bottom-color: #fff;
}

.chat-text-box .message-dropdown::before {
  margin-left: -185px;
  border: 13px solid transparent;
  -webkit-filter: blur(1px);
  filter: blur(1px);
  width: 184px;
}

.live-chat-header .header-label {
  text-transform: capitalize;
}

.live-chat-header .dropdown {
  position: relative;
}

.live-chat-header .dropdown .dropdown-content {
  display: none;
  position: absolute;
  top: 118%;
  z-index: 100;
  width: 200px;
  margin-left: -160px;
  background: #fff;
  line-height: 1.46667;
  margin-top: -5px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.live-chat-header .dropdown .dropdown-content::after, .live-chat-header .dropdown .dropdown-content::before {
  content: "";
  position: absolute;
  bottom: 100%;
  margin-left: -10px;
  border: 10px solid transparent;
  height: 0;
  left: 86%;
}

.live-chat-header .dropdown .dropdown-content::after {
  border-bottom-color: #fff;
}

.live-chat-header .dropdown:hover .dropdown-content {
  display: block;
}

.chat-body {
  padding-top: 6px;
  background: url("../../assets/images/chat/5.jpg");
  background-size: cover;
  background-color: #fff;
  overflow-x: hidden;
  max-height: 300px;
  min-height: calc(500px - 200px);
  overflow-y: auto;
}

.chat-body.no-max-but-pad {
  max-height: 0px;
  padding-bottom: 10px;
}

.feedback-body {
  max-height: 450px !important;
}

.reply-message-box {
  padding: 5px 12px;
  font-size: 12px;
  background-color: #fff;
  border-top: thin dotted #a3a3a3;
  font-style: italic;
}

.reply-message-box .close-icon {
  padding: 5px;
  border-radius: 50%;
  border: thin solid #dadada;
  height: 21px;
  font-size: 9px;
}

.reply-message-box .replied-msg {
  margin: 0 0 5px 0;
  padding: 5px 11px;
  background-color: #dadada !important;
  border-radius: 9px;
}

.reply-message-box ion-icon,
.replied-msg ion-icon {
  font-size: 19px;
  color: #62af39;
  margin-right: 6px;
}

.reply-icon {
  font-size: 12px;
  margin: 0.2em;
  padding: 0.1em;
  border-radius: 50%;
  border: 1px solid #a3a3a3;
  cursor: pointer;
  color: #a3a3a3;
}

.file-attachment {
  padding: 0.5em;
}

.file-attachment a {
  word-break: break-word;
}

.file-attachment .receiver a {
  color: #fff !important;
}

.file-attachment .receiver .file-attachment a {
  color: #fff;
}

.file-attachment .sender .file-attachment a {
  color: #d23737;
}

.file-attachment .chat-item-video video {
  margin-top: 0px;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 0.9em;
  border-radius: 1em;
  width: 100%;
  min-width: 183px;
  outline: none;
}

.file-attachment .chat-item-video .receiver video {
  border: 1px solid #d23737;
  border-top-right-radius: 0;
}

.file-attachment .chat-item-video .receiver.colleague {
  border: 1px solid #62af39;
}

.file-attachment .chat-item-video .sender video {
  border: 1px solid #f1f2f4;
  border-top-left-radius: 0;
}

.file-attachment .chat-item-audio .receiver .message audio::-webkit-media-controls-play-button,
.file-attachment .chat-item-audio .receiver .message audio::-webkit-media-controls-enclosure,
.file-attachment .chat-item-audio .receiver .message audio::-webkit-media-controls-panel {
  background-color: #d23737;
}

.file-attachment .chat-item-audio .receiver.colleague {
  background-color: #62af39;
}

.file-attachment .chat-item-audio .sender .message audio::-webkit-media-controls-play-button,
.file-attachment .chat-item-audio .sender .message audio::-webkit-media-controls-enclosure,
.file-attachment .chat-item-audio .sender .message audio::-webkit-media-controls-panel {
  background-color: #f1f2f4;
}

.file-attachment .chat-item-audio .message audio {
  width: 100%;
  height: 25px;
  margin-top: 10px;
  min-width: 183px;
  outline: none;
}

.file-attachment .chat-item-audio .message:hover, .file-attachment .chat-item-audio .message:focus {
  outline: 0;
}

.file-attachment .chat-item-audio audio::-webkit-media-controls-mute-button,
.file-attachment .chat-item-audio audio::-webkit-media-controls-timeline {
  display: none;
}

.user-list .user-list-item {
  padding: 0 0 0 0.5em;
  border-left: 5px solid #f1f2f4;
  cursor: pointer;
}

.user-list .user-list-item:hover {
  border-left: 5px solid #d23737;
  background: #f1f2f4;
}

.user-list .user-list-item .users {
  text-align: center;
}

.user-list .user-list-item .users .plus-more {
  background-color: #62af39;
  border-radius: 10px;
  letter-spacing: -1px;
  font-size: 12px;
  width: 31px;
  margin: 3px 0px;
  line-height: 13px;
  color: #fff;
}

.user-list .user-list-item .users .plus-more.closedPlus {
  background-color: #a0a0a0;
  color: #fff;
}

.user-list .neg-mg8 {
  margin-top: -8px !important;
}

.user-list .neg-mg5 {
  margin-top: -2px !important;
}

.user-list .avatar {
  margin-right: 10px;
  margin-top: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.user-list .item-list {
  padding-right: 0.5em;
  border-bottom: 1px solid #f1f2f4;
  margin: 10px 0 0 0;
  width: 100%;
}

.user-list .item-list .closedSession {
  color: #d23737;
}

.user-list .item-list .star-text {
  font-size: 12px;
}

.user-list .item-list .chat-status-text {
  min-width: 85px;
}

.user-list .mb-2 {
  margin-bottom: 2px;
}

.user-list .list-data h4 {
  margin: 0;
}

.user-list .list-data .small-label {
  margin: 0;
  text-align: left;
}

.user-list .list-data .text-right {
  float: right;
}

.user-list .chat-status {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  color: #fff;
  border-radius: 50%;
}

.user-list .list-item span {
  margin: 2px;
}

.user-list .list-item span.icon-chat-footer, .user-list .list-item span.icon-sphere {
  color: #868282;
}

.user-list .more-content {
  -webkit-box-shadow: 0 0 8px #b3b3b3;
  box-shadow: 0 0 8px #b3b3b3;
  display: none;
  position: absolute;
  border-radius: 10px;
  background: #fff;
  padding: 0.89em 1.5em;
  right: 347px;
}

.user-list .more-content:hover {
  display: inline-block;
}

.user-list .more-content .item a,
.user-list .more-content .item span,
.user-list .more-content .item ion-icon {
  font-size: 0.8em;
  padding: 0.2em;
  color: #000 !important;
  text-decoration: none;
}

.user-list .more-content .item a:hover,
.user-list .more-content .item span:hover,
.user-list .more-content .item ion-icon:hover {
  color: #d23737 !important;
}

.user-list .more-content::after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 24%;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
}

.user-list .more-content::before {
  content: "";
  display: block;
  position: absolute;
  right: -55px;
  top: 14%;
  margin-top: -10px;
  width: 60px;
  height: 33px;
}

.showMore:hover + .more-content {
  display: inline-block;
}

.showMore:hover + .dropdown-content {
  display: inline-block;
}

.max300 {
  max-width: 300px;
}

document-card .white-card {
  padding: 15px !important;
}

document-card .small-img.ring-yellow {
  border: thin solid rgba(199, 153, 33, 0.56);
}

document-card .stopper {
  width: 80% !important;
}

document-card .status-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

document-card .icon-small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
}

document-card .ion-md-done-all {
  color: #357940;
}

document-card .ion-ios-clock-outline {
  color: #dda529;
}

document-card .ion-md-close {
  color: #b31f2f;
}

document-signature-card .white-card {
  padding: 15px !important;
}

document-signature-card .small-img.ring-yellow {
  border: thin solid rgba(199, 153, 33, 0.56);
}

document-signature-card .stopper {
  width: 80% !important;
}

document-signature-card .status-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

document-signature-card .icon-small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
}

document-signature-card .ion-md-done-all {
  color: #357940;
}

document-signature-card .ion-ios-clock-outline {
  color: #dda529;
}

document-signature-card .badgemaxh {
  max-height: 17px;
}

internal-services-application-details-card .m-tb-neg {
  margin-top: -10px;
  margin-bottom: 17px;
}

internal-services-application-details-card .risk-avatar {
  width: 45px;
  height: 45px;
  /* margin-right: -12px; */
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
}

internal-services-application-details-card .vehicles {
  position: relative;
  width: 100%;
  padding: 1rem;
  gap: 2rem 2%;
}

internal-services-application-details-card .vehicles .static-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: -12px;
  left: 15px;
  max-height: 14.5px;
  background: white;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
  color: #b21f2f;
}

internal-services-application-details-card .vehicles .img-container {
  height: 80px;
  width: 80px;
  -o-object-fit: cover;
  object-fit: cover;
}

internal-services-application-details-card .vehicles .vehicle-container {
  border: thin solid #a3a3a3;
  border-radius: 8px;
  padding: 5px 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #a3a3a3;
  width: 50%;
  margin: auto;
}

internal-services-application-details-card .vehicles .vehicle-container .vehicle-name {
  color: #000;
  cursor: pointer !important;
}

internal-services-application-details-card .vehicles .vehicle-container .ion-md-time {
  padding: 0 0.5em;
}

internal-services-application-details-card .vehicles .vehicle-container [class*=" ion-md-mydcaa"] {
  font-size: 1em;
}

internal-services-application-details-card .overtime_total {
  position: relative;
  padding: 0.5em;
  border: thin solid #dddddd;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

inventory-asset-card .out-of-stock {
  opacity: .5;
}

.m-neg-t-14 {
  margin-top: -14px;
}

.very-small-img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

question-generator .font2 {
  font-size: 0.875em;
}

question-generator .font1 {
  font-size: 1.063rem;
}

question-generator .font3 {
  font-size: 1.1em;
}

question-generator .font4 {
  font-size: 1.125em;
}

question-generator .font5 {
  font-size: 1.25em;
}

question-generator .font6 {
  font-size: 1.3em;
}

question-generator .font7 {
  font-size: 1.5em;
}

question-generator .font8 {
  font-size: 1.3em;
}

question-generator .font9 {
  font-size: 0.9375em;
}

question-generator .font11 {
  font-size: 1.8em;
}

question-generator .font18 {
  font-size: 3em;
}

question-generator .text-gold {
  color: #e8b909;
}

question-generator ion-item {
  background-color: transparent !important;
}

question-generator ion-icon.icon.icon-md.ion-ios-arrow-down:dir(rtl) {
  right: unset !important;
  left: 10px !important;
}

question-generator .generator-container {
  position: relative;
  margin: 18px 0 18px 0;
  padding: 1em;
  border: thin solid #dddddd;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

question-generator .generator-container .label.label-md {
  margin: 0;
}

question-generator .generator-container .question-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}

question-generator .generator-container .question-container:focus-within .question-text, question-generator .generator-container .question-container:hover .question-text {
  padding: .5rem 1rem;
  outline-style: none;
  border: thin solid black;
  border-radius: 8px;
  -webkit-animation-name: Animated-question-text;
  animation-name: Animated-question-text;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

question-generator .generator-container .question-container .question-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
  padding: .5rem 0;
  border: thin solid transparent;
  color: #d23737;
  font-size: 1.5em;
}

question-generator .generator-container .question-container .question-text::-webkit-input-placeholder {
  color: #d23737;
  font-size: 1.5em;
}

question-generator .generator-container .question-container .question-text::-moz-placeholder {
  color: #d23737;
  font-size: 1.5em;
}

question-generator .generator-container .question-container .question-text::-ms-input-placeholder {
  color: #d23737;
  font-size: 1.5em;
}

question-generator .generator-container .question-container .question-text::placeholder {
  color: #d23737;
  font-size: 1.5em;
}

question-generator .generator-container .question-container .languagebox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

question-generator .generator-container .question-container .languagebox * {
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
}

question-generator .generator-container .question-container .languagebox span {
  font-weight: bold;
  cursor: pointer;
}

question-generator .generator-container .question-container .dropdown {
  min-width: 200px;
}

question-generator .generator-container .description-container:focus-within .description-text, question-generator .generator-container .description-container:hover .description-text {
  padding: .5rem 1rem;
  outline-style: none;
  border: thin solid black;
  border-radius: 8px;
  -webkit-animation-name: Animated-question-text;
  animation-name: Animated-question-text;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

question-generator .generator-container .description-container .description-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
  padding: .5rem 0;
  border: thin solid transparent;
}

question-generator .generator-container .description-container .description-text::-webkit-input-placeholder {
  color: #d23737;
  font-size: 1.5em;
}

question-generator .generator-container .description-container .description-text::-moz-placeholder {
  color: #d23737;
  font-size: 1.5em;
}

question-generator .generator-container .description-container .description-text::-ms-input-placeholder {
  color: #d23737;
  font-size: 1.5em;
}

question-generator .generator-container .description-container .description-text::placeholder {
  color: #d23737;
  font-size: 1.5em;
}

question-generator .generator-container .hr {
  width: 100%;
  border-bottom: 1px solid;
  margin: 1rem 0;
}

question-generator .generator-container .input-as-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: thin solid transparent;
  border-radius: 8px;
  outline-style: none;
  padding: .5rem 0;
}

question-generator .generator-container .input-as-text::-webkit-input-placeholder {
  color: black;
}

question-generator .generator-container .input-as-text::-moz-placeholder {
  color: black;
}

question-generator .generator-container .input-as-text::-ms-input-placeholder {
  color: black;
}

question-generator .generator-container .input-as-text::placeholder {
  color: black;
}

question-generator .generator-container .input-as-text:hover, question-generator .generator-container .input-as-text:focus {
  padding: .5rem 0;
  outline-style: none;
  border: thin solid black;
  border-radius: 8px;
  -webkit-animation-name: Animated-question-text-05;
  animation-name: Animated-question-text-05;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

question-generator .generator-container .answer-container .item-inner {
  border: none !important;
}

question-generator .generator-container .answer-container ion-reorder {
  cursor: -webkit-grab;
  cursor: grab;
}

question-generator .generator-container .answer-container ion-reorder:focus, question-generator .generator-container .answer-container ion-reorder:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

question-generator .generator-container .answer-container .response ion-reorder {
  display: none;
}

question-generator .generator-container .answer-container .response:hover .input-as-text, question-generator .generator-container .answer-container .response:focus-within .input-as-text, question-generator .generator-container .answer-container .response:active .input-as-text {
  padding: .5rem 1rem;
  outline-style: none;
  border: thin solid black;
  border-radius: 8px;
  -webkit-animation-name: Animated-question-text;
  animation-name: Animated-question-text;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

question-generator .generator-container .answer-container .response:hover ion-reorder, question-generator .generator-container .answer-container .response:focus-within ion-reorder, question-generator .generator-container .answer-container .response:active ion-reorder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

question-generator .generator-container .answer-container .Options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.5em;
}

question-generator .generator-container .answer-container .true-false {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: .5rem;
}

question-generator .generator-container .answer-container .true-false .response {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
}

question-generator .generator-container .answer-container .slider-answer .max-value {
  height: 41px;
}

question-generator .generator-container .answer-container .slider-answer .max-value .max-value-label {
  position: absolute;
  text-align: center;
  top: -11px;
  line-height: 1rem;
  width: 100%;
}

question-generator .generator-container .answer-container .slider-answer .max-value input {
  outline-style: none;
  border: thin solid black;
  border-radius: 8px;
  -webkit-animation-name: Animated-question-text;
  animation-name: Animated-question-text;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

question-generator .generator-container .answer-container .slider-answer .max-value input::-webkit-input-placeholder {
  text-align: center;
}

question-generator .generator-container .answer-container .slider-answer .max-value input::-moz-placeholder {
  text-align: center;
}

question-generator .generator-container .answer-container .slider-answer .max-value input::-ms-input-placeholder {
  text-align: center;
}

question-generator .generator-container .answer-container .slider-answer .max-value input::placeholder {
  text-align: center;
}

question-generator .generator-container .answer-container .checkbox-container, question-generator .generator-container .answer-container .radio-container, question-generator .generator-container .answer-container .dropdown-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

question-generator .generator-container .answer-container .checkbox-container .response, question-generator .generator-container .answer-container .radio-container .response, question-generator .generator-container .answer-container .dropdown-container .response {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

question-generator .generator-container .answer-container .checkbox-container .response .input-as-text, question-generator .generator-container .answer-container .radio-container .response .input-as-text, question-generator .generator-container .answer-container .dropdown-container .response .input-as-text {
  font-size: 1.5em;
}

question-generator .generator-container .answer-container .checkbox-container .response input[type="radio"], question-generator .generator-container .answer-container .checkbox-container .response input[type="checkbox"], question-generator .generator-container .answer-container .radio-container .response input[type="radio"], question-generator .generator-container .answer-container .radio-container .response input[type="checkbox"], question-generator .generator-container .answer-container .dropdown-container .response input[type="radio"], question-generator .generator-container .answer-container .dropdown-container .response input[type="checkbox"] {
  min-width: 20px;
}

question-generator .generator-container .answer-container .dropdown-container .dropdown-dummy {
  padding: 1rem;
  outline-style: none;
  border: thin solid black;
  border-radius: 8px;
  text-align: end;
}

question-generator .generator-container .answer-container .dropdown-container .responses {
  background-color: #dddddd;
  gap: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

question-generator .generator-container .answer-container .dropdown-container .responses .response input {
  background-color: transparent;
}

question-generator .generator-container .answer-container .dropdown-container .responses .response:hover input, question-generator .generator-container .answer-container .dropdown-container .responses .response:focus-within input {
  background-color: #fff;
}

question-generator .generator-container .answer-container .textbox-container, question-generator .generator-container .answer-container .textarea-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

question-generator .generator-container .answer-container .textbox-container input, question-generator .generator-container .answer-container .textbox-container textarea, question-generator .generator-container .answer-container .textarea-container input, question-generator .generator-container .answer-container .textarea-container textarea {
  width: 100%;
  padding: 0.75rem;
}

question-generator .generator-container .answer-container .textbox-container textarea, question-generator .generator-container .answer-container .textarea-container textarea {
  resize: none;
}

question-generator .generator-container .answer-container .StarRating-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

question-generator .generator-container .answer-container .StarRating-container .star-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

question-generator .generator-container .answer-container .StarRating-container .star-control .star-icon .star {
  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;
}

question-generator .generator-container .answer-container .StarRating-container .star-control .star-icon .star:before {
  content: "\f383";
}

question-generator .generator-container .answer-container .StarRating-container .star-control .star-icon .star:hover:before, question-generator .generator-container .answer-container .StarRating-container .star-control .star-icon .star:active:before, question-generator .generator-container .answer-container .StarRating-container .star-control .star-icon .star.active:before {
  content: "\f384";
}

question-generator .generator-container .answer-container .StarRating-container .star-control .action-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@-webkit-keyframes Animated-question-text {
  from {
    padding-left: 0;
    padding-right: 0;
    border: thin solid #dddddd;
  }
  to {
    padding-left: 1rem;
    padding-right: 1rem;
    border: thin solid black;
  }
}

@keyframes Animated-question-text {
  from {
    padding-left: 0;
    padding-right: 0;
    border: thin solid #dddddd;
  }
  to {
    padding-left: 1rem;
    padding-right: 1rem;
    border: thin solid black;
  }
}

@-webkit-keyframes Animated-question-text-05 {
  from {
    padding-left: 0;
    padding-right: 0;
    border: thin solid #dddddd;
  }
  to {
    padding-left: .5rem;
    padding-right: .5rem;
    border: thin solid black;
  }
}

@keyframes Animated-question-text-05 {
  from {
    padding-left: 0;
    padding-right: 0;
    border: thin solid #dddddd;
  }
  to {
    padding-left: .5rem;
    padding-right: .5rem;
    border: thin solid black;
  }
}

question-generator .show-child .hide-child-flex, question-generator .show-child .hide-child {
  display: none !important;
}

question-generator .show-child:hover .hide-child-flex, question-generator .show-child:focus-within .hide-child-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

question-generator .show-child:hover .hide-child, question-generator .show-child:focus-within .hide-child {
  display: block !important;
}

question-generator [contentEditable=true]:empty:before {
  content: attr(data-place-holder);
  cursor: text;
}

question-generator .fadeout {
  -webkit-animation-name: Animated-fadeout;
  animation-name: Animated-fadeout;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

question-generator .fadein {
  -webkit-animation-name: Animated-fadein;
  animation-name: Animated-fadein;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

@-webkit-keyframes Animated-fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes Animated-fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes Animated-fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes Animated-fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

rating-widget .rating_div {
  margin-top: 5px !important;
  font-size: 22px;
}

rating-widget .left-adjust {
  margin-left: -2px !important;
}

rating-widget .left-adjust .left-adjust-child {
  margin-left: -4px !important;
}

rating-widget .verybig {
  font-size: 2em;
}

rating-widget .average {
  font-size: 1.1em;
}

rating-widget .very-small ion-icon {
  font-size: 1.5rem;
}

rating-widget .very-small.lineheight {
  line-height: 16px;
}

rating-widget .very-big-widget ion-icon {
  font-size: 2.5em;
}

rating-widget .rate-plus {
  font-size: 20px;
  padding: 0px 5px;
  position: relative;
  top: -5px;
}

risk-card .border-divider:before {
  content: " ";
  position: absolute;
  height: 90%;
  border: 1px solid #f2f2f2 !important;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

risk-card .min-height-30 {
  min-height: 30px;
}

risk-card .float-bottom-right {
  position: absolute;
  bottom: 68px;
  right: 10px;
}

risk-card .more-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}

risk-card .eby {
  text-align: left;
}

se-landing-permits-details .airport-item {
  padding: 5px;
  background: whitesmoke;
  border-radius: 5px;
  margin-bottom: 5px !important;
  margin-top: 0 !important;
}

stakeholder-card .white-card {
  padding: 15px !important;
}

stakeholder-card .gridView {
  margin: 5px 5px !important;
  width: calc(50% - 10px) !important;
}

stakeholder-card .image {
  width: 90px;
}

stakeholder-card .image img {
  width: 100%;
  height: auto;
}

stakeholder-card .stopper {
  width: 80% !important;
}

stakeholder-card .font2 {
  font-size: 1.04em !important;
}

.tox-promotion {
  display: none;
}

@media screen and (max-width: 700px) {
  .file_wrap {
    width: 191px;
    overflow-wrap: break-word;
    white-space: pre-wrap;
  }
}

page-inspection-sessions ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-inspection-sessions ion-select {
  padding-left: 10px !important;
}

page-inspection-sessions ion-datetime {
  padding-left: 10px !important;
}

page-inspection-sessions .del-button {
  padding: 0.4em 0.8em !important;
  font-size: 1em;
  border-radius: 7px !important;
}

page-add-stakeholder .stakeholder-container {
  position: relative;
  margin: 18px 0 18px 0;
  padding: 1em;
  border: thin solid #dddddd;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-add-stakeholder .stakeholder-container.grey {
  background-color: #f7f7f7;
}

page-add-stakeholder .add-button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 1em;
}

page-add-stakeholder .p-lr-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

page-add-stakeholder .bold-title {
  font-weight: bold;
  color: #5f6978;
}

page-add-stakeholder .logo-container {
  width: 35%;
}

page-add-stakeholder .bold-title.sub-title {
  height: 100%;
  margin: 0;
  margin-left: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 1.2em;
  color: #4e4e4e;
}

page-add-stakeholder .sub-title {
  margin: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2em;
  color: #4e4e4e;
}

page-add-stakeholder .score-title {
  font-weight: bold;
  width: 100%;
  margin: 0px;
  color: #c6514c;
}

page-add-stakeholder .score-title.black {
  color: #000;
}

page-add-stakeholder .score-title.grey {
  color: #646464;
}

page-add-stakeholder .score-title.bold {
  color: #383838;
  font-weight: bolder;
  font-size: 1.5em;
}

page-add-stakeholder .stakeholder-score {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: thin solid #f05503;
  border-radius: 10px;
  padding: 0px 2em;
  margin: 0px;
  line-height: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-add-stakeholder .container-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

page-add-stakeholder .container-close-button .md-close-color {
  color: #5f6978;
}

page-add-stakeholder .help-icon {
  width: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4em;
}

page-add-stakeholder .pr-lg-6 {
  padding-right: 3.5em !important;
}

page-add-stakeholder .file-uploader .fileuploader_icons > *:not(:first-child) {
  display: none;
}

page-add-stakeholder .file-uploader .fileuploader_icons {
  margin: 0;
  padding: 0;
}

page-add-stakeholder .view-container {
  background-color: #ffffff;
  position: relative;
  margin: 0;
  padding: 1em;
  border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-add-stakeholder .view-container .interest {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 0.5em 0;
  font-weight: 500;
}

page-add-stakeholder .view-container .interest .check-icon {
  font-size: 1.4em;
}

page-add-stakeholder .view-container .interest p {
  margin: 0;
  font-size: 1.4em;
}

page-add-stakeholder .view-container .interest:not(:last-child) {
  border-bottom: thin solid #dddddd;
}

page-add-stakeholder .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}

page-add-stakeholder .column {
  width: 100% !important;
  -webkit-box-flex: 49%;
  -webkit-flex: 49%;
  -ms-flex: 49%;
  flex: 49%;
  padding: 0 0.5em;
  text-wrap: wrap;
}

page-add-stakeholder .column p {
  padding: 3px 5px;
  margin: 0;
}

page-add-stakeholder .view-container.column {
  min-height: 50px;
}

page-add-stakeholder .column:first-child {
  margin-right: 10px;
}

page-add-stakeholder .ml-4 {
  margin-left: 1.2rem !important;
}

page-add-stakeholder .avatar-area {
  height: 50px;
  width: 50px;
}

page-add-stakeholder .stakeholder-container .help-icon.tooltip.advance::before {
  left: -30px;
  margin-bottom: 15px;
}

page-add-stakeholder .stakeholder-score.bg-white {
  width: 70px;
  height: 40px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

page-add-stakeholder .borderd-group {
  position: relative;
  border: thin solid #dddddd;
  border-radius: 8px;
}

page-add-stakeholder .borderd-group .static-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: -12px;
  left: 15px;
  max-height: 14.5px;
  background: white;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
}

page-add-stakeholder .assets-section,
page-add-stakeholder .priority-section {
  margin-top: 0px;
}

page-add-stakeholder .img-circle.view-stake {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

page-add-stakeholder .img-circle.view-stake img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

page-dashboard .main-container {
  padding: 15px;
  margin-top: 15px;
}

page-dashboard .dashboard-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  border-radius: 0.5rem;
}

@media (min-width: 768px) {
  page-dashboard .dashboard-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

page-dashboard .page-title {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 2rem;
}

page-dashboard .task-panel {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding: 1.5rem;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

page-dashboard .task-header {
  margin-bottom: 1.5rem;
}

page-dashboard .task-count {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  color: #111827;
  margin: 0;
}

page-dashboard .task-label {
  font-size: 18px;
  font-weight: 700;
  color: #374151;
  margin: 0;
}

page-dashboard .progress-bar {
  height: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 9999px;
  overflow: hidden;
  margin-bottom: 2rem;
}

page-dashboard .progress-completed {
  height: 20px;
  background-color: #22c55e;
}

page-dashboard .progress-in-progress {
  height: 20px;
  background-color: #fbbf24;
}

page-dashboard .progress-suspended {
  height: 20px;
  background-color: #ef4444;
}

page-dashboard .section-title {
  font-size: 18px;
  color: #1f2937;
  margin-bottom: 1rem;
}

page-dashboard .task-details-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.5rem;
}

page-dashboard .task-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}

page-dashboard .task-indicator {
  width: 5px;
  height: 40px;
  border-radius: 9999px;
}

page-dashboard .completed-indicator {
  background-color: #22c55e;
}

page-dashboard .in-progress-indicator {
  background-color: #fbbf24;
}

page-dashboard .suspended-indicator {
  background-color: #ef4444;
}

page-dashboard .task-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-dashboard .task-number {
  font-size: 18px;
  font-weight: 700;
  line-height: 2rem;
  margin: 0;
}

page-dashboard .task-status {
  color: #4b5563;
  font-size: 18px;
  margin: 0;
}

page-dashboard .document-panel {
  width: 100%;
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding: 1.5rem;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

@media (min-width: 768px) {
  page-dashboard .document-panel {
    width: 500px;
  }
}

page-dashboard .document-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

page-dashboard .document-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #4b5563;
}

page-dashboard .document-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #4b5563;
}

page-dashboard .chart-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 30px;
}

page-dashboard .circular-chart {
  width: 15rem;
  height: 15rem;
  position: relative;
}

page-dashboard .chart-svg {
  width: 100%;
  height: 100%;
}

page-dashboard .chart-background {
  fill: none;
  stroke: #e2e2e2;
  stroke-width: 8;
}

page-dashboard .chart-progress {
  fill: none;
  stroke: #82d18b;
  stroke-width: 8;
  stroke-linecap: round;
  -webkit-transition: stroke-dashoffset 0.5s ease-in-out;
  transition: stroke-dashoffset 0.5s ease-in-out;
}

page-dashboard .tick-mark {
  fill: #cccccc;
}

page-dashboard .signature-image {
  width: 30px;
  margin-right: 10px;
}

page-dashboard .signature-image.full-width {
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-dashboard .chart-text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-dashboard .percentage-text {
  font-size: 2.25rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.2rem;
}

page-dashboard .status-text {
  color: #1f2937;
  text-align: center;
  line-height: 18px;
}

page-dashboard .legend-container {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
}

page-dashboard .legend-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
}

page-dashboard .legend-indicator {
  width: 1rem;
  height: 1rem;
  border-radius: 0.125rem;
}

page-dashboard .done-indicator {
  background-color: #4ade80;
}

page-dashboard .pending-indicator {
  background-color: #d1d5db;
}

page-dashboard .legend-label {
  color: #374151;
}

page-dashboard notfound .not-found {
  position: relative !important;
}

page-document-editor .width100percent {
  width: 100% !important;
}

page-document-editor .document-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  width: 100%;
  padding-top: 10px;
}

page-document-editor .document-container .document-title {
  line-height: 25px;
  color: #4b4b4b;
  font-weight: 700 !important;
}

page-document-editor .document-container .document-title p {
  font-size: 1.75rem;
}

page-document-editor .document-container .document-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 25%;
  height: 100%;
}

page-document-editor .document-container .document-menu .title-area p {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 600;
}

page-document-editor .document-container .menu-header {
  width: 25%;
  top: none;
}

page-document-editor .document-container .menu-header p {
  font-size: 1.75rem !important;
}

page-document-editor .document-container .menu-header .language-span {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  cursor: pointer;
}

page-document-editor .document-container .menu-header .language-span .active {
  color: #dda529 !important;
}

page-document-editor .document-container .menu-content .submit-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
  width: 95%;
  margin: 0 auto;
}

page-document-editor .document-container .menu-header,
page-document-editor .document-container .menu-content {
  border-right: 2px solid #ccc;
}

page-document-editor .document-container .menu-back {
  padding: 10px;
}

page-document-editor .document-container .menu-back button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 10px;
  font-size: 1.5rem !important;
  background-color: transparent !important;
  border: none !important;
}

page-document-editor .document-container .menu-back button span {
  margin-left: 15px;
}

page-document-editor .document-container .menu-back button .icon.icon-md.ion-ios-arrow-round-back {
  display: inline-block;
  font-size: 2em !important;
  font-weight: 600;
}

page-document-editor .document-container .editor-header {
  width: 100%;
  top: -10px !important;
  position: relative;
  left: 0px;
  z-index: 10;
  width: 100%;
  background-color: #f0f0f0;
}

page-document-editor .document-container .document-editor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 75%;
  height: 100%;
}

page-document-editor .document-container .document-editor .avatar-area .tooltip {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: relative !important;
}

page-document-editor .document-container .document-editor .avatar-area .tooltip::before {
  z-index: 99999 !important;
  bottom: 0px !important;
  left: 40px !important;
}

page-document-editor .document-container .document-editor .avatar-area .collab-pfp .tooltip {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: relative !important;
}

page-document-editor .document-container .document-editor .avatar-area .collab-pfp .tooltip::before {
  z-index: 99999 !important;
  bottom: 0px !important;
  left: -150px !important;
  right: 40px !important;
}

page-document-editor .document-container .document-editor .ion-md-person-add {
  color: #357940;
  font-size: 24px;
}

page-document-editor .document-container .document-editor .title-area p {
  font-size: 2rem;
  color: #fff;
  font-weight: 600;
}

page-document-editor .document-container .document-editor .content.content-md {
  padding-top: 10px;
  margin-bottom: -10px !important;
  top: 0px;
}

page-document-editor .document-container .item-content {
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px auto;
  width: 95% !important;
  height: 40% !important;
  border: 1px solid #ccc;
  border-radius: 10px;
  cursor: pointer;
}

page-document-editor .document-container .item-content input {
  border: none !important;
  font-style: italic !important;
}

page-document-editor .document-container .item-content .label.label-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.75rem;
  font-weight: 700;
  color: #4b4b4b;
}

page-document-editor .document-container .item-icon-active {
  width: 80% !important;
  overflow: hidden;
}

page-document-editor .document-container .item-icon {
  min-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-document-editor .document-container .item-icon .tooltip {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: relative !important;
}

page-document-editor .document-container .item-icon .tooltip::before {
  z-index: 99999 !important;
  bottom: -5px !important;
  left: -100px !important;
  right: 30px !important;
  padding: 0px 10px !important;
  font-size: 12px !important;
}

page-document-editor .document-container .item-icons {
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 15%;
  min-width: 15%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.5rem;
}

page-document-editor .document-container .item-icons .ion-md-add-circle {
  color: #357940;
}

page-document-editor .document-container .item-icons .ion-md-eye {
  color: #dda529;
}

page-document-editor .document-container .item-icons .ion-md-lock {
  color: #c60505;
  margin-bottom: 3px;
}

page-document-editor .document-container .item-icons .ion-md-trash {
  color: #c60505;
}

page-document-editor .document-container .item-inner {
  border: none !important;
  height: 35px;
}

page-document-editor .document-container .mydcaa-button.preview {
  background-color: #f0f0f0 !important;
  color: #007b39 !important;
  border: 2px solid #007b39 !important;
}

page-document-editor .document-container .document-close-icon {
  position: relative;
  font-size: 30px;
}

page-document-editor .document-container .floating-header {
  height: 60px !important;
}

page-document-editor .document-container .mydcaa-button {
  margin-bottom: 10px !important;
}

page-document-editor .document-container .document-editor .scroll-content {
  margin-top: -15px !important;
  margin-left: 3px;
  margin-right: 3px;
}

page-document-editor .document-container .item-content.item.item-block.item-md {
  padding-left: 0px !important;
}

page-document-editor .document-container .document-editor .group.pt-4.white-page {
  height: calc(100% - 3.75rem);
}

page-document-editor .document-container .document-editor .group.pt-4.white-page .tox.tox-tinymce {
  height: 100% !important;
}

page-document-editor .document-container .document-editor .group.pt-4.white-page textarea {
  height: 100% !important;
}

page-document-editor .document-container .italic-input {
  font-style: italic !important;
}

page-document-editor .document-container .italic-input:hover, page-document-editor .document-container .italic-input:focus {
  -webkit-animation-name: Animated-editor-title;
  animation-name: Animated-editor-title;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

page-document-editor .document-container .tooltip {
  position: fixed !important;
  z-index: 1000 !important;
  display: none !important;
  /* Other tooltip styles... */
}

page-document-editor .document-container .tooltip[data-tooltip]:before {
  content: attr(data-tooltip);
  /* Other styles... */
}

page-document-editor .document-container .custom-tooltip[data-tooltip] {
  position: fixed !important;
  z-index: 1000 !important;
  display: none;
  width: 15rem;
  content: attr(data-tooltip);
  background-color: #383838;
  border-radius: 25px;
  text-align: center;
  color: #fff;
  padding: 3px 10px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  z-index: 100;
  left: 0%;
  right: 0;
  margin: auto;
  margin-left: -54%;
  font-size: 14px;
}

page-document-editor .document-container .custom-tooltip[data-tooltip]:before {
  content: attr(data-tooltip);
  /* Other styles... */
}

page-document-editor .revision-container {
  height: 100% !important;
}

page-document-editor .revision-container .auto-height {
  height: auto !important;
}

page-document-editor .revision-container .history-container {
  position: relative;
  margin: 18px 0 18px 0;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  border: thin solid #dddddd;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f7f7f7;
}

page-document-editor .revision-container .version-user-animate:hover, page-document-editor .revision-container .version-user-animate:focus {
  text-decoration: underline;
}

@-webkit-keyframes Animated-revision-title {
  0%,
  100% {
    padding-left: 0;
    padding-right: 0;
  }
  70% {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

@keyframes Animated-revision-title {
  0%,
  100% {
    padding-left: 0;
    padding-right: 0;
  }
  70% {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

@-webkit-keyframes Animated-editor-title {
  0%,
  100% {
    font-size: 1.8rem;
  }
  50% {
    font-size: 1.9rem;
  }
}

@keyframes Animated-editor-title {
  0%,
  100% {
    font-size: 1.8rem;
  }
  50% {
    font-size: 1.9rem;
  }
}

page-document-editor .revision-container .input-as-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  outline-style: none;
  padding-bottom: 0 !important;
  background-color: transparent;
  font-size: 16px;
}

page-document-editor .revision-container .input-as-text::-webkit-input-placeholder {
  color: black;
}

page-document-editor .revision-container .input-as-text::-moz-placeholder {
  color: black;
}

page-document-editor .revision-container .input-as-text::-ms-input-placeholder {
  color: black;
}

page-document-editor .revision-container .input-as-text::placeholder {
  color: black;
}

page-document-editor .revision-container .input-as-text:hover, page-document-editor .revision-container .input-as-text:focus {
  padding-bottom: 0 !important;
  outline-style: none;
  border: none;
  font-style: italic;
  -webkit-animation-name: Animated-revision-title;
  animation-name: Animated-revision-title;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

page-document-editor .revision-container ion-select {
  width: 100%;
  max-width: 100%;
}

page-document-editor .revision-container .word-break {
  word-break: break-word;
}

page-document-editor .revision-container .rename-ctrl input {
  font-size: 1.5em;
}

page-document-editor .revision-container .comments-input {
  width: 80%;
  height: 50%;
}

page-document-editor .revision-container ion-buttons {
  height: 0;
}

page-document-editor .revision-container .icon-image {
  font-size: 1.6em;
  padding: 5px;
}

page-document-editor .revision-container .primary-list ul {
  list-style-type: none;
  text-align: justify;
  position: relative;
}

page-document-editor .revision-container .primary-list ul:before {
  content: " ";
  background: #b21f2f;
  display: inline-block;
  position: absolute;
  left: 20px;
  width: 2px;
  height: 100%;
  z-index: 400;
  margin-top: 8px;
}

page-document-editor .revision-container .primary-list li:before {
  content: " ";
  background: #b21f2f;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  left: 18px;
  width: 6px;
  height: 6px;
  z-index: 400;
  margin-top: 5px;
}

page-document-editor .revision-container .primary-list p {
  padding-right: 1rem;
  padding-left: 1rem;
}

page-document-editor .revision-container .floating-image {
  position: absolute;
  left: 0;
  z-index: 999;
  width: 40px !important;
}

page-document-editor .revision-container .padding-left-1 {
  padding-left: 2.4em !important;
}

page-document-editor .revision-container .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

page-document-editor .revision-container .pad-children > .bigger {
  padding: 7px 0px;
}

page-document-editor .revision-container .pad-left-right {
  padding: 0px 10px;
}

page-document-editor .revision-container .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

page-document-editor .revision-container .members-icon {
  font-size: 2em;
  width: 40px;
  height: 40px;
  padding: 0.2em;
  padding: 0.2em;
}

page-document-editor .revision-container .bordered {
  border: thin solid #f5f5f5 !important;
}

page-document-editor .revision-container .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

page-document-editor .revision-container .gray-text {
  color: #474747;
}

page-document-editor .revision-container .m-p-2 {
  position: relative;
  top: 2px;
}

page-document-editor .revision-container .service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

page-document-editor .revision-container .pad-children > .bigger {
  padding: 7px 0px;
}

page-document-editor .revision-container .pad-left-right {
  padding: 0px 10px;
}

page-document-editor .revision-container .header-text-p {
  font-size: 1.5rem;
  font-weight: 600;
}

page-document-editor .revision-container .members-icon {
  font-size: 2em;
  width: 40px;
  height: 40px;
  padding: 0.2em;
  padding: 0.2em;
}

page-document-editor .revision-container .bordered-gray {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

page-document-editor .revision-container .split-between {
  border-left: thin solid #f2f2f2;
  border-right: thin solid #f2f2f2;
}

page-document-editor .revision-container .gray-text {
  color: #474747;
}

page-document-editor .revision-container .m-p-2 {
  position: relative;
  top: 2px;
}

page-document-editor .revision-container .refreshNOC {
  font-size: 1.7em;
}

page-document-editor .borderd-group {
  position: relative;
  border: thin solid #dddddd;
  border-radius: 8px;
}

page-document-editor .borderd-group .static-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: -12px;
  left: 15px;
  max-height: 14.5px;
  background: white;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
}

page-document-editor .assets-section,
page-document-editor .priority-section {
  margin-top: 0px;
}

page-document-editor .chip {
  border-radius: 18px;
  border: 1px solid #c79921;
  background-color: #c79921;
  color: #fff;
}

page-document-editor .chip.reversed {
  border: 1px solid #dddddd;
  background-color: #fff;
  color: #000;
}

document-card .gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

page-document-revision .z101 {
  z-index: 101;
}

page-document-revision .flex1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

page-document-revision .title {
  margin: 0;
  margin-top: 12px;
  font-weight: 800;
  font-size: 1.6rem;
  text-transform: capitalize;
  max-width: 90%;
}

page-document-revision .title.no-resize {
  margin-top: 0px;
  max-width: 100%;
}

page-document-revision .title.bigger-title {
  font-size: 2rem;
}

page-document-revision .title.bigger-title2 {
  font-size: 1.8rem;
}

page-document-revision .title.smaller-title {
  font-size: 1.3rem;
}

page-document-revision .height100 {
  height: 100%;
}

page-document-revision .revision-details-container {
  overflow-x: auto;
}

page-document-revision .revision-details-container .highlighted-red {
  background-color: #ffe6e6;
}

page-document-revision .revision-details-container .highlighted-green {
  background-color: #e6ffe6;
}

page-document-revision .revert-button {
  position: absolute;
  right: 5px;
}

page-document-revision .collaborators-container {
  height: 100%;
}

page-document-revision .collaborators-container .auto-height {
  height: auto !important;
}

page-document-revision .collaborators-container .submit-collab {
  position: absolute  !important;
  bottom: 5px !important;
  right: 0 !important;
  left: 0 !important;
}

page-document-revision .signature-request .borderd-group {
  position: relative;
  border: thin solid #dddddd;
  border-radius: 8px;
}

page-document-revision .signature-request .borderd-group .static-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: -12px;
  left: 15px;
  max-height: 14.5px;
  background: white;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
}

page-document-revision .signature-request .documents {
  position: relative;
  margin: 18px 0 18px 0;
  padding: 16px;
  border: thin solid #dddddd;
  border-radius: 8px;
  width: 100%;
  gap: 2rem 2%;
}

page-document-revision .signature-request .documents .static-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: -12px;
  left: 15px;
  max-height: 14.5px;
  background: white;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
  color: #b21f2f;
}

page-document-revision .signature-request .documents .document-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: thin solid #a3a3a3;
  border-radius: 8px;
  padding: 5px 10px;
  width: 49%;
  color: #a3a3a3;
}

page-document-revision .signature-request .documents .document-container.selected, page-document-revision .signature-request .documents .document-container:hover {
  border-color: #ec322a;
}

page-document-revision .signature-request .documents .document-container .document-name {
  color: #000;
  cursor: pointer !important;
}

page-document-revision .signature-request .documents .document-container .ion-md-time {
  padding: 0 0.5em;
}

page-document-revision .signature-request .documents .document-container [class*=" ion-md-mydcaa"] {
  font-size: 1em;
}

@media screen and (max-width: 1580px) {
  page-document-revision .signature-request .documents {
    gap: 2rem;
  }
  page-document-revision .signature-request .documents .document-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(50% - 1rem);
    -ms-flex: 0 1 calc(50% - 1rem);
    flex: 0 1 calc(50% - 1rem);
  }
}

page-document-revision .signature-request .bigger-important {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}

@media screen and (max-width: 580px) {
  page-document-revision .signature-request .documents {
    gap: 1rem;
  }
  page-document-revision .signature-request .documents .document-container {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
}

page-document-revision .signature-request ion-label {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: black !important;
  text-transform: uppercase;
}

page-document-revision .signature-request ion-select {
  padding-left: 10px !important;
}

page-document-revision .signature-request ion-datetime {
  padding-left: 10px !important;
}

page-document-revision .signature-request .del-button {
  padding: 0.4em 0.8em !important;
  font-size: 1em;
  border-radius: 7px !important;
}

page-document-revision .signature-request ion-row.padding-set.row {
  width: 98%;
  margin: 0 auto !important;
}

page-document-revision .signature-request ion-row.padding-set.row .group {
  margin-bottom: 0;
}

page-document-revision .signature-request ion-row.padding-set .date-input.m-b-10 {
  margin-bottom: 0;
}

page-document-revision .signature-request .chip {
  border-radius: 18px;
  border: 1px solid #c79921;
  background-color: #c79921;
  color: #fff;
}

page-document-revision .signature-request .chip.reversed {
  border: 1px solid #dddddd;
  background-color: #fff;
  color: #000;
}

page-document-revision .signature-request .bordered {
  border: thin solid #dddddd;
  border-radius: 8px;
}

page-document-revision .signature-request .bordered .synergy-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  top: -5px;
  left: 11px;
  padding-left: 2px;
  padding-right: 2px;
  max-height: 14.5px;
  font-size: 14px;
  color: #b21f2f;
  background: white;
}

page-document-revision .chip {
  border-radius: 18px;
  border: 1px solid #c79921;
  background-color: #c79921;
  color: #fff;
}

page-document-revision .chip.reversed {
  border: 1px solid #dddddd;
  background-color: #fff;
  color: #000;
}

page-document-revision .submitors table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

page-document-revision .submitors table td,
page-document-revision .submitors table th {
  border: none;
  padding: 8px;
}

page-document-revision .submitors table tr:nth-child(even) {
  background-color: #f2f2f2;
}

page-document-revision .submitors table tr:hover {
  background-color: white;
}

page-document-revision .submitors table th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #b21f2f;
  color: white;
}

page-document-revision .submitors .align {
  text-align: center;
}

page-document-revision .submitors .tooltip {
  position: absolute;
  width: 100%;
  height: 100%;
}

page-document-revision .submitors .tooltip::before {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
}

page-document-revision .invitee-container {
  position: relative;
  margin: 18px 0 18px 0;
  padding: 1em;
  border: thin solid #dddddd;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-document-revision .container-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

page-document-revision .container-close-button .md-close-color {
  color: #5f6978;
}

page-document-revision .add-button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 1em;
}

page-document-revision .borderd-group {
  position: relative;
  border: thin solid #dddddd;
  border-radius: 8px;
}

page-document-revision .borderd-group .static-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: -12px;
  left: 15px;
  max-height: 14.5px;
  background: white;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
}

page-document-revision .assets-section,
page-document-revision .priority-section {
  margin-top: 0px;
}

page-document-revision .p-relative {
  position: relative;
}

page-document-revision .checkbox {
  width: 20px;
  height: 20px;
  accent-color: #b21f2f;
}

page-document-revision .primary-color,
page-document-revision .text-primary {
  color: #b21f2f;
}

page-document-revision .signcpy.tooltip::before {
  left: unset !important;
  right: 0px !important;
}

page-document-revision .revision-container {
  height: 100% !important;
}

page-document-revision .mydcaa-button {
  margin-bottom: 10px !important;
}

page-document-revision .w-20 {
  width: 15%;
}

document-signature-card .gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

.flight-list.service-card-panel.gridView {
  margin: 5px 5px;
  width: calc(50% - 10px);
}

.flight-list .approvalCheck.approved {
  color: #4aa966;
  border: 1px solid #4aa966;
  padding: 0 0.5rem;
  border-radius: 8px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.1rem;
}

.flight-list .bordered {
  border: thin solid #f2f2f2;
  border-left: none;
  border-right: none;
}

.flight-list .icon_img {
  width: 50px;
  height: 50px;
}

.flight-list .flight-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  border-radius: 8px;
  font-family: Arial, sans-serif;
}

.flight-list .flight-card .airport {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flight-list .flight-card .airport .flag-icon {
  width: 27px;
  height: 18px;
  margin-bottom: 5px;
  background-size: cover;
}

.flight-list .flight-card .airport .code {
  font-size: 14px;
  font-weight: bold;
  color: #1a1a1a;
}

.flight-list .flight-card .airport .location {
  font-size: 13px;
  color: #333;
}

.flight-list .flight-card .airport .country {
  font-size: 11px;
  color: #555;
}

.flight-list .flight-card .flight-path {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 11px;
}

.flight-list .flight-card .flight-path .pax-badge {
  background-color: #3abf4c;
  color: #fff;
  padding: 5px 12px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 10px;
}

.flight-list .flight-card .flight-path .plane-container {
  position: relative;
  height: 24px;
  margin-bottom: 4px;
}

.flight-list .flight-card .flight-path .plane-container .plane-icon {
  font-size: 20px;
  width: 27px;
  position: absolute;
  left: 50%;
  top: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flight-list .flight-card .flight-path .dotted-line {
  width: 80%;
  border-top: 2px dotted #666;
  margin-top: -14px;
}

@media (max-width: 1300px) {
  .flight-card {
    padding: 20px 0px !important;
  }
  .airport .location {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    max-width: 80px !important;
  }
}

.text-primary {
  color: #b21f2f;
  font-weight: 800;
}

internal-services-overtime-request .duration {
  background-color: #f7f7f7;
  height: 45px;
  max-width: 127px;
  min-width: 89px;
  border-radius: 11px;
  margin: 17px 0px 17px 0px;
  font-weight: 700;
  font-size: 15px;
}

internal-services-overtime-request .total {
  background-color: #f7f7f7;
  height: 60px;
  border: thin solid #dddddd;
  margin: 18px 0 18px 0;
  padding: 1em;
  color: #646464;
  font-weight: bold;
  border-radius: 8px;
  font-size: 1.6rem;
}

@media only screen and (min-width: 320px) and (max-width: 570px) {
  internal-services-overtime-request .margin_left {
    margin-left: 1em !important;
  }
}

page-internal-services-vehicle-services .vehicles {
  position: relative;
  margin: 18px 0 18px 0;
  padding: 16px;
  border: thin solid #dddddd;
  border-radius: 8px;
  width: 100%;
  gap: 2rem 2%;
}

page-internal-services-vehicle-services .vehicles .static-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: -12px;
  left: 15px;
  max-height: 14.5px;
  background: white;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
  color: #b21f2f;
}

page-internal-services-vehicle-services .vehicles .img-container {
  height: 80px;
  width: 80px;
  -o-object-fit: cover;
  object-fit: cover;
}

page-internal-services-vehicle-services .vehicles .vehicle-container {
  border: thin solid #a3a3a3;
  border-radius: 8px;
  padding: 5px 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 calc(50% - 0.5rem);
  -ms-flex: 0 1 calc(50% - 0.5rem);
  flex: 0 1 calc(50% - 0.5rem);
  color: #a3a3a3;
}

page-internal-services-vehicle-services .vehicles .vehicle-container.selected, page-internal-services-vehicle-services .vehicles .vehicle-container:hover {
  border-color: #ec322a;
}

page-internal-services-vehicle-services .vehicles .vehicle-container .vehicle-name {
  color: #000;
  cursor: pointer !important;
}

page-internal-services-vehicle-services .vehicles .vehicle-container .ion-md-time {
  padding: 0 0.5em;
}

page-internal-services-vehicle-services .vehicles .vehicle-container [class*=" ion-md-mydcaa"] {
  font-size: 1em;
}

@media screen and (max-width: 1580px) {
  page-internal-services-vehicle-services .vehicles {
    gap: 2rem;
  }
  page-internal-services-vehicle-services .vehicles .vehicle-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(50% - 1rem);
    -ms-flex: 0 1 calc(50% - 1rem);
    flex: 0 1 calc(50% - 1rem);
  }
}

page-internal-services-vehicle-services .bigger-important {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}

@media screen and (max-width: 580px) {
  page-internal-services-vehicle-services .vehicles {
    gap: 1rem;
  }
  page-internal-services-vehicle-services .vehicles .vehicle-container {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
}

mydcaa-inventory-asset-editor .hover-asset:hover * {
  background-color: #e2e2e2;
}

mydcaa-inventory-asset-editor .font1-6rem {
  font-size: 1.6rem;
}

mydcaa-inventory-asset-editor .round {
  border-radius: 8px !important;
}

mydcaa-inventory-asset-editor .go-up {
  margin-top: -7rem;
}

mydcaa-inventory-asset-editor .borderd-group {
  position: relative;
  border: thin solid #dddddd;
  border-radius: 8px;
}

mydcaa-inventory-asset-editor .borderd-group .static-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: -12px;
  left: 15px;
  max-height: 14.5px;
  background: white;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
}

mydcaa-inventory-asset-editor .heavyLabel {
  font-weight: 600;
}

mydcaa-inventory-asset-editor .listItem {
  min-width: 200px;
  border-style: solid;
  border-color: #e5e5ea;
  border-radius: 20px;
  padding: 1rem 2.5rem;
}

mydcaa-inventory-asset-editor .help-icon {
  height: 20px;
  width: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.3em;
  cursor: pointer;
}

mydcaa-inventory-asset-editor .help-icon.center {
  position: absolute;
  top: calc(50% + 2px);
  right: 28px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

mydcaa-inventory-asset-editor .dock-top-right {
  position: absolute;
  top: 6px;
  right: 6px;
}

page-latest-news-content img {
  height: auto !important;
}

page-latest-news-content table {
  max-width: 100%;
}

.reqClass {
  margin-top: -15px;
}

.UAEFilterDiv {
  position: absolute;
  z-index: 3;
  width: 100%;
  padding-left: 30px !important;
  -webkit-transform: translate(-12.5px);
  transform: translate(-12.5px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-shadow: 0px 7px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 7px 5px 0px rgba(0, 0, 0, 0.25);
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.UAEFilterDiv .tooltip {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.news-img {
  height: 32.13px !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  float: left;
}

.filterActive {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.filter-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 2;
}

.ltd {
  border-left: 4px solid #c79921;
  max-width: 326px;
  padding-left: 18px !important;
}

mydcaa-risk-editor .borderd-group {
  position: relative;
  border: thin solid #dddddd;
  border-radius: 8px;
}

mydcaa-risk-editor .borderd-group .static-label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: -12px;
  left: 15px;
  max-height: 14.5px;
  background: white;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
}

mydcaa-risk-editor .heavyLabel {
  font-weight: 600;
}

mydcaa-risk-editor .listItem {
  min-width: 200px;
  border-style: solid;
  border-color: #e5e5ea;
  border-radius: 20px;
  padding: 1rem 2.5rem;
}

mydcaa-risk-editor .help-icon {
  height: 20px;
  width: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.3em;
  cursor: pointer;
}

mydcaa-risk-editor .help-icon.center {
  position: absolute;
  top: calc(50% + 2px);
  right: 28px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

mydcaa-risk-editor .dock-top-right {
  position: absolute;
  top: 6px;
  right: 6px;
}

.m-l--5 {
  margin-left: -5px;
}

.spinner-pos {
  margin: 10px auto 45px auto;
  width: 20px;
}

.spinner-pos {
  margin: 10px auto 45px auto;
  width: 20px;
}

.green-title {
  color: #4aa966;
}

.pax_count {
  width: 24px;
  height: 20px;
}

.center-content {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.arrival_icon {
  background: white;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 8px;
}

.icon_img {
  width: 37px;
  height: 37px;
}

.more_mb {
  margin-top: -3px;
}