@charset "UTF-8";
/*** variables Starts ***/
@import url("../open-iconic/open-iconic-bootstrap.min.css");
/* color variables */
/*new design variables*/
/*primary color*/
/*primary color light*/
/*secondary color*/
/*secondary color light*/
/* $altsys-blue-hover: #3d70b20f;*/
/*14px*/
/*18px*/
/*20px*/
/*22px*/
/* temp variales */
/*** variables Ends ***/
/*** Mixins Starts ***/
@font-face {
  font-family: "Proxima Nova Bold";
  src: url("../fonts/proximanova/proxima nova bold.otf") format("opentype");
}
@font-face {
  font-family: "Proxima Nova Light";
  src: url("../fonts/proximanova/proxima nova light.otf") format("opentype");
}
@font-face {
  font-family: "Proxima Nova Regular";
  src: url("../fonts/proximanova/proxima nova regular.otf") format("opentype");
}
@font-face {
  font-family: "Proxima Nova SemiBold";
  src: url("../fonts/proximanova/proximanovaexcn-semibold.otf") format("opentype");
}
.f-bold {
  font-family: "Proxima Nova Bold";
}

.f-light {
  font-family: "Proxima Nova Light";
}

.f-regular {
  font-family: "Proxima Nova Regular";
}

.f-semibold {
  font-family: "Proxima Nova SemiBold";
}

/*** Mixins Ends ***/
/*** app Starts ***/
#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

body:not(.rz-default-scrollbars)::-webkit-scrollbar-thumb {
  background-color: #B3B9BD !important;
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 8px;
}

body:not(.rz-default-scrollbars) ::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}

body:not(.rz-default-scrollbars)::-webkit-scrollbar {
  background-color: #ffffff;
}

body:not(.rz-default-scrollbars)::-webkit-scrollbar-corner {
  background-color: #ffffff;
}

*::-webkit-scrollbar {
  width: 12px;
}

html, body {
  font-size: 16px !important;
  font-family: Proxima, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html,
body {
  overflow-x: hidden !important;
  font-family: "Proxima Nova Regular", Helvetica Neue, Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  /*background-color: #F0F2F2 !important;*/
  background-color: #ebecf0 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600 !important;
}

h1.rz-heading {
  font-size: 2.25rem !important;
  font-weight: bold !important;
}

h2.rz-heading {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
}

h3.rz-heading {
  font-size: 1.25rem !important;
  font-weight: normal !important;
}

h4.rz-heading {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
}

h5.rz-heading {
  font-size: 1rem !important;
  font-weight: 600 !important;
}

h6.rz-heading {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

h1,
.h1 {
  font-size: 2.25rem !important;
  font-weight: bold !important;
}

h2,
.h2 {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
}

h3,
.h3 {
  font-size: 1.25rem !important;
  font-weight: normal !important;
}

h4,
.h4 {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
}

h5,
.h5 {
  font-size: 1rem !important;
  font-weight: 600 !important;
}

h6,
.h6 {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

p {
  line-height: 1.38 !important;
}

.rz-label {
  margin-bottom: 0 !important;
}

label {
  margin-bottom: 0 !important;
}

a {
  color: #3c8dbc;
}

a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #8A1B61 !important;
}

a.visited {
  color: #ea732f !important;
}

/*
    Component: Sidebar
--------------------------
*/
.sidebar {
  margin-bottom: 5px;
}

.sidebar .sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 1rem 0;
}

.sidebar .sidebar-menu > li {
  margin: 0 0 10px 0;
  padding: 0;
}

.sidebar .sidebar-menu > li > a {
  padding: 2px 5px 2px 15px;
  display: flex;
  align-items: center;
}

.sidebar .sidebar-menu > li > a > .fa,
.sidebar .sidebar-menu > li > a > .glyphicon,
.sidebar .sidebar-menu > li > a > .ion {
  width: 20px;
}

.sidebar > .sidebar-menu > li {
  line-height: 44px;
  font-size: 0.875rem;
  /* li.active {
       background: #8A1B6;
       border-radius: 0 20px 20px 0;

       a,
       a:hover {
           color: #fff !important;
       }
   }*/
}

.sidebar > .sidebar-menu > li.active > a {
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #A2B50B), color-stop(2%, #A2B50B), color-stop(2%, #8A1B61), color-stop(100%, #8A1B61));
  border-radius: 0px 2.5vw 2.5vw 0px;
  width: auto;
  height: auto;
  display: flex !important;
}

.vela-detail-item .icon {
  border: 1px solid rgb(179, 185, 189);
  height: 3rem;
  width: 3rem rem;
  background-color: #FFFFFF;
  min-height: 3rem;
  min-width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1019607843);
}

.icon {
  margin: 0 10px;
  height: 24px;
  width: 24px;
}

.Aftericon {
  height: 24px;
  width: 24px;
  margin: 0 10px;
  display: none;
}

.sidebar > .sidebar-menu > li > a.active {
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #A2B50B), color-stop(2%, #A2B50B), color-stop(2%, #8A1B61), color-stop(100%, #8A1B61));
  border-radius: 0px 2.5vw 2.5vw 0px !important;
  width: auto;
  height: auto;
}

.sidebar .sidebar-menu .expand-menu {
  color: #304156;
  font-size: var(--fdb-input-font-size);
  font-weight: 400;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar .sidebar-menu .expand-menu li {
  width: 190px;
  margin-left: 4.063rem;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  cursor: pointer;
  transition: background-color 0.25s ease-in-out;
}
.sidebar .sidebar-menu .expand-menu li:hover {
  background-color: rgba(138, 27, 97, 0.06);
  border-radius: 8px;
}

.sidebar > .sidebar-menu > li > a.active,
.sidebar > .sidebar-menu > li.active:hover {
  color: #FFFFFF !important;
  font-weight: 400;
}

.sidebar > .sidebar-menu > li > a {
  color: #304156;
  font-weight: 400;
}

.sidebar > .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #444;
}

.left-side {
  background: #FFFFFF;
  z-index: 999;
}

.sidebar a {
  color: #304156;
}

.sidebar a:hover {
  text-decoration: none;
}

.main {
  flex: 1;
}

.main .content {
  padding-top: 6rem !important;
  padding-bottom: 2rem;
  transition: all 0.35s cubic-bezier(0.51, 0.92, 0.24, 1.15);
}

.sidebar {
  /*background-color: #f8f9fa;*/
  background-color: #ffffff;
  overflow: hidden;
  width: 100vw;
  height: calc(100vh - 5rem);
  transition: all 0.35s cubic-bezier(0.51, 0.92, 0.24, 1.15);
  cursor: pointer;
  z-index: 10;
  position: fixed;
  top: 5rem;
  transform: translateX(-100%);
  width: 70px;
  max-width: 270px;
  border-right: 1px solid #8A9299;
  border-right: groove;
  border-right-width: thin;
  border-right-style: inset;
  /*overflow-y: scroll;*/
}

/* width */
.sidebar::-webkit-scrollbar {
  width: 8px !important;
}

::-webkit-scrollbar-thumb {
  background-color: #B3B9BD !important;
  border-radius: 5px;
}

/* Track */
.sidebar::-webkit-scrollbar-track {
  background: #8A1B61 !important;
}

/* Handle */
.sidebar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1803921569) !important;
}

/* Handle on hover */
.sidebar::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.1215686275) !important;
}

.fdb-logo_img,
.sidebar.open {
  transform: translateX(0);
  width: 220px;
}

@media (min-width: 767px) {
  .page {
    flex-direction: row;
  }
  .mobile-nav-btn {
    margin-left: 1.3rem;
    margin-right: 1.4rem;
  }
  .sidebar {
    width: 70px;
    transform: none;
  }
  .main .content {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-bottom: 1rem;
    margin-left: 70px !important;
    width: calc(100vw - 70px) !important;
  }
  .main.open .content {
    margin-left: 220px !important;
    width: calc(100vw - 220px) !important;
  }
}
/********* header **********/
.logo {
  cursor: pointer;
  /*padding: 0.4vw 1.5vw;*/
}

.page-header {
  background-color: #F7F7F8;
  border-bottom: 1px solid #D8D8D8;
  height: 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2001;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

.page-header a:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-header {
  background-color: #FFFFFF;
}

@media (max-width: 640.98px) {
  .page-header:not(.auth) {
    display: none;
  }
  .fdb-logo_img {
    height: 1.7rem;
  }
  .fdb-logo_text {
    font-size: 1.4rem;
  }
  .page-header.auth {
    justify-content: space-between;
  }
  .page-header a, .page-header .btn-link {
    margin-left: 0;
  }
  .admin-header {
    padding: 0;
  }
}
/********* End header **********/
.box-title {
  position: relative;
  z-index: 9;
  font-size: 2rem !important;
}

.card-body .box-title {
  margin-bottom: 0;
}

.boxshadow {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}

/********** Breadcrumb  ***********/
.vela-breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.breadcrumbs {
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 27px;
  display: block;
  align-items: center;
}

/********** End Breadcrumb  ***********/
/*
    Component: Buttons
-------------------------
*/
.btn-addpharmacy img {
  border-radius: 3rem;
  background-color: rgba(148, 18, 100, 0.78);
  filter: none;
  min-height: 1.2rem;
  display: flex;
  font-weight: 500;
  font-size: 1rem;
  align-items: center;
  padding: 10px;
  line-height: 1;
  justify-content: center;
  height: 1.9rem !important;
  width: 1.9rem !important;
}

.btn,
.btn.btn-white.icon-btn {
  font-style: normal;
  font-size: 1rem !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 0.625rem !important;
  border-radius: 0.625rem !important;
  -webkit-box-shadow: 0px 5px 15px rgba(82, 35, 153, 0.2);
  -moz-box-shadow: 0px 5px 15px rgba(82, 35, 153, 0.2);
  box-shadow: 0px 5px 15px rgba(82, 35, 153, 0.2);
  padding: 7px 16px !important;
  line-height: 1px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1px !important;
}

.btn.btn-white.icon-btn .icon {
  margin: 0 6px 0 0;
  height: 20px;
  width: 20px;
}

/*.rz-dialog .rz-dialog-content .col-md-12 button {
    font-family: 'Poppins','Proxima Nova Regular'; 
    box-shadow: $btn-shadow !important;
    border-radius: 0.625rem;
    line-height: 1 !important;
    transition: $transition-primary !important;
    padding: 1.5rem 2rem;
    font-size: 1.125rem !important;
    text-align: center !important;
    border: 1.5px solid $altsys-winered !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem !important;
} */
.btn-icon-search {
  display: flex;
  height: 100%;
  padding: 0 1.2rem !important;
  /*padding: 1.625rem 1.825rem !important;*/
  border-radius: 0.625rem !important;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0px 5px 15px rgba(82, 35, 153, 0.2) !important;
  -moz-box-shadow: 0px 5px 15px rgba(82, 35, 153, 0.2) !important;
  box-shadow: 0px 5px 15px rgba(82, 35, 153, 0.2) !important;
}

.btn-icon-search:hover {
  color: #FFFFFF !important;
}

.btn-icon-edit {
  display: flex;
  height: 100%;
  padding: 0 1.2rem !important;
  border-radius: 6rem !important;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0px 5px 15px rgba(82, 35, 153, 0.2) !important;
  -moz-box-shadow: 0px 5px 15px rgba(82, 35, 153, 0.2) !important;
  box-shadow: 0px 5px 15px rgba(82, 35, 153, 0.2) !important;
}

.btn-icon-edit:hover {
  color: #FFFFFF !important;
}

.btn-filter {
  height: 5rem;
}

.btn-grid {
  font-size: 1.25rem !important;
  height: 36px !important;
}

.rz-button.copy-template {
  height: 36px !important;
  font-size: 1rem !important;
}

.btn-mute {
  background: none !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  height: 40px;
  width: 134px;
  font-size: 1.125rem;
  border: none;
  font-weight: 400;
  border: none !important;
  box-shadow: none !important;
}

.btn-ash {
  background: #EAEAEA;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  height: 40px;
  width: 134px;
  font-size: 1.125rem;
  border: none;
  font-weight: 400;
  box-shadow: none !important;
}

.btn-ash:hover {
  background-color: #8A1B61 !important;
  color: #FFFFFF !important;
}

.btn.btn-white {
  color: #8A1B61;
  background-color: #FFFFFF;
  border-color: #9b007d;
  display: inline-block !important;
  white-space: nowrap;
}

.btn.btn-white:hover {
  background-color: #8A1B61 !important;
  color: #FFFFFF !important;
}

.btn.btn-white:hover img {
  filter: brightness(0) invert(1);
}

.searchboxicon {
  cursor: pointer;
  position: absolute;
  top: 20%;
  right: 10px;
  float: left;
}

/******* End Controls *******/
/*
    Component: Form
    ----------------------
*/
.hidden {
  display: none;
}

.form-group {
  display: inline-block;
  position: relative;
  float: left;
  margin-bottom: 10px;
  /*margin-right: 2.8vw;*/
}

.rz-spinner-up.rz-button,
.rz-spinner-down.rz-button {
  height: 18px !important;
}

.rz-spinner-up.rz-button {
  margin-top: 4px;
}

.add-user .rz-spinner,
.rz-spinner:not(:disabled):not(.rz-state-disabled):hover {
  border: 0px;
  box-shadow: none;
}

.form-group input[type=text]:not(.rz-state-disabled), select.form-control,
.form-group input[inputmode=decimal]:not(.rz-state-disabled) {
  font-style: normal;
  font-weight: 400;
  font-size: 1rem !important;
  display: flex;
  align-items: center;
  color: #304156 !important;
  padding: 0.32rem 0.75rem;
  border: 0;
  background: transparent;
  transition: all 0.2s linear;
  border: 1px solid #B3B9BD !important;
  border-radius: 8px !important;
}

.form-group > label,
.form-group .d-flex > label {
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 36px;
  display: flex;
  align-items: center;
  color: #304156;
}

.pharmacy-form .form-group strong {
  color: #000;
  margin-right: 7px;
  line-height: normal;
}

@media screen and (max-width: 1100px) {
  .form-group label {
    font-size: 1rem;
  }
}
select.form-control:not([size]):not([multiple]) {
  height: 3vw;
}

.messagetype {
  width: 15.4vw;
  min-height: 3.2rem;
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 30px;
  display: flex;
  /*align-items: center;*/
  color: #4B4C4D !important;
}

.messagetype:hover {
  color: #4B4C4D;
}

.DateRange-Title {
  font-family: "Proxima Nova Regular";
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 48px;
}

.Filter-Title {
  font-family: "Proxima Nova Regular";
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 40px;
}

.logCount {
  font-family: "Proxima Nova Light";
  font-weight: lighter;
  font-size: 34px;
}

/********Background Colors Reusable codes *************/
bg-transparent {
  background-color: transparent !important;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.bg-ash {
  background-color: #F9F9F9 !important;
}

.bg-ash-white {
  background-color: #FBFBFB !important;
}

.boxshadow {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}

.borderall {
  border: 1px solid #D8DADA;
}

.borderbottom {
  border-bottom: 1px solid #D8DADA;
}

.bordernone {
  border: none !important;
}

.compose-mt-5 {
  margin-top: 4rem !important;
}

/******* Monaco Edditor Starts******/
.monaco-editor-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  /* width: 51.6vw; */
  width: 100%;
  height: 26vw !important;
  border-radius: 8px;
}

.editorcontainer {
  box-shadow: none;
  background: none;
}

.EditorPanel {
  padding: 15px;
  width: 100%;
  padding: 6px 10px;
  height: auto;
  float: left;
}

.EditorRequest {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 24px;
}

.monaco-editor {
  /*  overflow: scroll !important;*/
  width: 100% !important;
}

.monaco-editor .margin {
  background-color: none !important;
}

.monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input {
  background-color: none !important;
}

/******* Monaco Editor Ends ******/
.blazored-toast-container {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 9999;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
  font-family: "Proxima Nova Regular";
  font-style: normal;
}

.position-topleft,
.position-topright,
.position-topcenter {
  top: 0;
}

.position-bottomleft,
.position-bottomright,
.position-bottomcenter {
  bottom: 0;
}

.blazored-toast {
  display: flex;
  position: relative;
  flex-direction: row;
  animation: fadein 1.5s;
  margin-bottom: 1rem;
  padding: 2rem 1.25rem;
  color: #FFFFFF;
  width: 100vw;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 40px;
}

.blazored-toast-component {
  display: initial;
  padding: 0 0 0 0;
}

.blazored-toast-info {
  background-color: #34a9ad;
}

.blazored-toast-success {
  /*background-color: #5fba7d;*/
  background: #F9F9F9;
  color: #000;
}

.blazored-toast-warning {
  background-color: #c1c13e;
}

.blazored-toast-error {
  /*background-color: #ba5e5e;*/
  background: #F9F9F9;
  color: #000;
  border-color: #ba5e5e;
}

.blazored-toast-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1rem 0 0;
  font-size: 2.5rem;
}

.blazored-toast-success .blazored-toast-icon {
  color: #85FF4B;
}

.blazored-toast-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.blazored-toast-body .blazored-toast-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.blazored-toast-body .blazored-toast-header h5 {
  font-weight: bold;
  /*text-transform: uppercase;*/
  font-weight: 400;
  font-size: 22px;
  margin-bottom: 0;
  line-height: 32px;
}

.blazored-toast-body .blazored-toast-header .blazored-toast-close {
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  color: inherit;
  font-size: 1.25rem;
}

.blazored-toast-body p {
  margin-bottom: 0;
  font-size: 1rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.blazored-toast-progressbar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 8px;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.blazored-toast-progressbar > span {
  position: absolute;
  filter: brightness(75%);
  height: 8px;
  border-bottom-left-radius: 0.25rem;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 0 0);
  transition: all 0.5s linear;
}

.blazored-toast-action {
  cursor: pointer;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (min-width: 576px) {
  .position-topleft {
    top: 2rem;
    left: 2rem;
  }
  .position-topright {
    top: 2rem;
    right: 2rem;
  }
  .position-topcenter {
    top: 2rem;
    left: 50%;
    margin-left: -15rem;
  }
  .position-bottomleft {
    bottom: 2rem;
    left: 2rem;
  }
  .position-bottomright {
    bottom: 2rem;
    right: 2rem;
  }
  .position-bottomcenter {
    bottom: 2rem;
    left: 50%;
    margin-left: -15rem;
  }
  .blazored-toast {
    width: 40rem;
    border-radius: 0.25rem;
  }
}
.zindex {
  z-index: 99;
  position: absolute;
}

.actionbutton {
  padding: 1rem 3rem !important;
}

.appbutton {
  margin-right: 1.2vw;
}

.rz-sortable-column-icon rzi-grid-sort rzi-sort {
  width: 1.5rem !important;
  height: 1.5rem !important;
  font-size: 1.5rem !important;
  vertical-align: middle !important;
}

.rz-sortable-column .rzi-sort:before {
  content: "unfold_more" !important;
  font-size: 1.5rem !important;
}

.rz-sortable-column .rzi-grid-sort {
  width: 1.5rem !important;
  /*height: 1.5rem !important;*/
  font-size: 1.5rem !important;
  vertical-align: middle !important;
}

.rz-sortable-column .rzi-sort-asc:before {
  content: "keyboard_arrow_up" !important;
}

.rz-sortable-column .rzi-sort-desc:before {
  content: "keyboard_arrow_down" !important;
}

.form-group input[type=text], select.form-control {
  font-family: "Proxima Nova Regular";
  padding: 5px 10pm !important;
}

.display-inline {
  display: flex;
}

.grid-receivertype {
  background: #F0F2F2;
  border-radius: 50px;
  text-align: center;
}

.sidedialog {
  padding: 1rem 1.5rem !important;
}

/******* TransactionLogs Details *******/
.vela-detail-item .data p {
  margin-bottom: 0.2rem;
}

/* Ends TransactionLogs Details */
/******* Text Colors *******/
.text-blue {
  color: #133b63 !important;
}

.text-primary {
  color: #8A1B61 !important;
}

.text-info {
  color: #3D70B2 !important;
}

.text-purple {
  color: #522399 !important;
}

.transaction-id a {
  color: #522399;
  font-weight: 600;
}

.text-dark {
  color: #080808 !important;
}

.text-gray {
  color: #5A5A5A !important;
}

.text-danger {
  color: #E53D3D !important;
}

.text-success {
  color: #A2B50B !important;
}

.text-warning {
  color: #FA9218 !important;
}

.text-link {
  color: #006FFF !important;
}

.text-black {
  color: #000000 !important;
}

.text-gray {
  color: #304156 !important;
}

.vivid-grey {
  color: #687783 !important;
}

.dark-grey {
  color: #304156 !important;
}

.text-light-gray {
  color: #7f7f7f;
}

.text-blue-light {
  color: #3D70B2 !important;
}

.text-winered {
  color: #8A1B61 !important;
}

/****** Ends text Color *******/
/****** text Size *******/
.text-base {
  font-size: 1rem !important;
}

.text-md {
  font-size: 0.875rem !important;
}

.text-lg {
  font-size: 1.125rem !important;
}

.text-sm {
  font-size: 0.75rem;
}

.text-500 {
  font-weight: 500 !important;
}

.text-700 {
  font-weight: 700 !important;
}

.icon-isdefault {
  font-size: 1.05rem !important;
  color: green;
  position: relative;
  top: 1px;
}

.icon-istesting {
  font-size: 1.05rem !important;
  color: red;
  position: relative;
  top: 1px;
}

.applicationlogo {
  display: flex;
  text-decoration: none;
  align-items: end;
}

.fbdvelaiconn {
  padding-right: 0.4rem;
  width: auto;
  height: 42px;
}

button.btn.btn-white.btn-reporting.do-not-print-show {
  float: right;
  margin-bottom: -50px;
  position: relative;
  z-index: 2;
  margin-right: -15px;
}

.ellipses {
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-group .rz-dropdown .rz-dropdown-label {
  width: 90%;
}

/******* Ends text size *******/
/*** responsive css ****/
@media screen and (max-width: 1400px) {
  .form-group .form-label,
  .form-group input[type=text], select.form-control,
  .form-group .rz-dropdown .rz-dropdown-label,
  .rz-tabview-nav li a .rz-tabview-title,
  .rz-cell-data .rz-button.rz-secondary.rz-shade-default,
  .rz-dropdown-items li {
    font-size: 1rem !important;
  }
  .form-group input[type=text] {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .sucessful-message-grid {
    width: 100%;
  }
}
/****** Testing Reports ******/
.d-show {
  display: block !important;
}

.d-none {
  display: none !important;
}

.txtsender {
  color: #424242 !important;
  font-size: 0.875rem;
  font-weight: 500;
  float: left;
}

.testing-label {
  margin-bottom: 5px;
  margin-top: 10px;
}

/*Spinner*/
.spinner-screen {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.85);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition-primary);
}

.spinner-screen-inline {
  position: relative;
  background-color: transparent;
}

.spinner-circle {
  border: 3.5px solid #B3B9BD;
  border-top-color: #8A1B61;
  border-radius: 50%;
  animation: spin 1100ms linear infinite;
  width: 50px;
  height: 50px;
  margin: auto;
}

.spinner-text {
  color: var(--dark-grey);
}

.spinner-text::before {
  content: "Fetching results. This may take a moment." !important;
  animation: loading_animation_text 3s forwards ease-in infinite !important;
}

.spinner-loading-text::before {
  content: "Loading. This may take a moment.";
  animation: loader_animation_text 3s forwards ease-in infinite;
}

.spinner-screen-print {
  display: none;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(35px);
  height: 100vh;
}

.spinner-screen-inline .spinner-circle,
.spinner-screen-print .spinner-circle {
  width: 38px;
  height: 38px;
  border-width: 3px;
  animation-duration: 700ms;
}

.spinner-screen-inline .spinner-circle-small {
  width: 30px;
  height: 30px;
  border-width: 3px;
}

.spinner-circle.danger {
  border-top-color: var(--color-danger) !important;
}

.spinner-circle.success {
  border-top-color: var(--color-success) !important;
}

.spinner-circle.primary {
  border-top-color: #8A1B61 !important;
}

.spinner-screen-print .spinner-circle {
  animation-duration: 500ms;
}

.spinner-screen-inline .spinner-text::before,
.spinner-screen-print .spinner-text::before,
.spinner-screen-no_animation .spinner-text::before,
.spinner-loading-text::before {
  content: "";
  animation: none;
}

.showOnLoading {
  position: relative;
  z-index: 9;
}

/*Spinner Ends*/
@keyframes dropdown_fade_up {
  from {
    display: none;
    transform: translateY(1rem);
    visibility: hidden;
  }
  to {
    display: flex;
    transform: translateY(0);
    visibility: visible;
  }
}
@keyframes dialog_fade_up {
  from {
    display: none;
    transform: translateY(2.5rem);
    visibility: hidden;
  }
  to {
    display: flex;
    transform: translateY(0);
    visibility: visible;
  }
}
@keyframes loading_animation_text {
  0% {
    content: "Fetching results. This may take a moment." !important;
  }
  33% {
    content: "Fetching results. This may take a moment..";
  }
  66% {
    content: "Fetching results. This may take a moment...";
  }
}
@keyframes loader_animation_text {
  0% {
    content: "Loading. This may take a moment.";
  }
  33% {
    content: "Loading. This may take a moment..";
  }
  66% {
    content: "Loading. This may take a moment...";
  }
}
/*not part of scss*/
.card-body {
  padding: 0 1.5rem 1.5rem 0;
}

.rz-chip .rz-button {
  height: 32px !important;
}

.buttons-container {
  display: flex;
  /*justify-content: space-evenly;*/
}

.buttons-container .rz-button.rz-secondary.rz-shade-default {
  display: inline-block;
  align-items: center;
  line-height: 18px;
  max-height: 30px !important;
  max-width: 30px !important;
  min-height: 30px !important;
  min-width: 30px !important;
  border-radius: 50% !important;
  padding: 4px !important;
}

.buttons-container .rz-button-box .rzi {
  font-size: 1rem !important;
}

.remove-scroller .fdb_datagrid {
  max-height: initial !important;
}

.remove-scroller .fdb_datagrid .rz-data-grid-data {
  overflow: auto !important;
}

.remove-scroller .rz-data-grid-data {
  overflow: initial;
}

.content-padding .rz-tabview-panels .rz-tabview-panel {
  padding-left: 10px;
}

.rz-accordion-header a[role=tab] {
  padding: 0.5rem 1rem;
}

.card-body.bg-ash {
  border-radius: 0.675rem;
}

.pharmacy-lables {
  font-size: 1.3rem !important;
  font-weight: 600;
}

.pharmacy-form table .form-group {
  margin-bottom: 0;
}

.pharmacy-form .form-group {
  margin-bottom: 16px;
}

.pharmacy-form .form-group .rz-dropdown {
  float: left;
}

.trasaction-grid-header .font-weight-normal {
  font-size: 1.25rem;
}

/*** app Ends ***/
/*filters override*/
.filters h3 {
  font-size: 1rem !important;
}

.vela-pill {
  border-radius: 5rem;
  background-color: #F0F2F2;
  padding: 0.375rem 1.25rem;
  display: inline-block;
  margin: auto;
  font-size: 0.85rem;
}

.vela-pill-purple {
  border-radius: 5rem;
  padding: 0.375rem 1.25rem;
  display: inline-block;
  margin: auto;
  font-size: 0.85rem;
  background-color: #f44336 !important;
  color: white;
}

/*pharmacy registration scss*/
.hops-container {
  margin: 1rem 0;
}

.hops-container .rz-tabview-nav {
  flex-direction: column;
  min-width: 17rem;
  max-width: 22rem;
  max-height: 70vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.hops-container .rz-tabview-nav .rz-tabview-selected a {
  color: #000000;
}

.hops-container .rz-tabview {
  flex-direction: row;
}

.hops-container .rz-tabview-nav a .transaction-id {
  color: #3d70b2;
  font-weight: 600;
  word-break: break-all;
}

.hops-container .rz-tabview-nav .rz-tabview-selected a .transaction-id {
  color: #000000;
  font-weight: 500;
}

.hops-container .rz-tabview-panel {
  padding-top: 1rem;
}

.hops-container .rz-tabview-nav {
  position: relative;
  z-index: 2;
}

.hops-container .rz-state-active a[role=tab] {
  color: #000000 !important;
  display: block;
}

.hops-container .rz-tabview-nav h5 {
  color: #000000 !important;
}

.hops-container .rz-tabview-nav li {
  background-color: transparent;
  border: none;
  border-radius: 0;
}

.hops-container .rz-tabview-nav li > a {
  padding: 1rem 0.875rem;
  cursor: auto;
  -webkit-user-select: text;
  -moz-select: text;
  -ms-select: text;
  user-select: text;
  font-weight: 500;
}

.hops-container .rz-tabview-nav .rz-tabview-selected {
  background-color: #FFFFFF;
  border: solid 1px #dfe7ec;
  border-right: none;
  border-top-color: #dfe7ec !important;
  width: calc(100% + 1px);
}

.t_details-hops-container .container-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.t_details-hops-container .rz-tabview {
  flex-direction: row;
  align-items: flex-start;
}
.t_details-hops-container .rz-tabview-panel {
  padding: 1.25rem 1rem 0.75rem 2rem;
}
.t_details-hops-container .rz-tabview-nav {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 86vh;
  flex-direction: column;
  scroll-behavior: smooth;
  padding-bottom: 1rem;
  box-shadow: 5px 4px 15px 0px rgba(75, 76, 77, 0.05);
  border-radius: 1.25rem 0rem;
  padding: 1.6rem 0 2.5rem 1.875rem;
  background-color: coral;
}
.t_details-hops-container #TransactionDetails .rz-tabview-nav::before {
  content: "Transaction History";
  font-size: 1.125rem;
  color: #304156;
  font-weight: 600;
  margin-bottom: 1.25rem;
}
.t_details-hops-container #PrescriptionDetails .rz-tabview-nav::before {
  content: "Prescription History";
  font-size: 1.125rem;
  color: #304156;
  font-weight: 600;
  margin-bottom: 1.25rem;
}
.t_details-hops-container .rz-tabview-nav li {
  background: transparent;
  border: none;
  min-width: 15rem;
  max-width: 22rem;
  width: 22vw;
}
.t_details-hops-container .rz-tabview-nav li a {
  font-weight: 500;
  padding: 0;
  pointer-events: none;
  cursor: auto;
  -webkit-user-select: text;
  -moz-select: text;
  -ms-select: text;
  user-select: text;
}
.t_details-hops-container .rz-tabview-nav li:last-child .container-hop .hop-metadata {
  border-bottom: none;
}
.t_details-hops-container .container-hop {
  display: flex;
  width: 100%;
  position: relative;
  pointer-events: none;
}
.t_details-hops-container .container-hop::before {
  content: "";
  height: 0.8rem;
  position: absolute;
  left: -1rem;
  top: 0.9rem;
  width: 0.8rem;
  opacity: 0;
  transform: translateX(-50%);
  background-image: url("../../icons/active-hop.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: 0.35s all cubic-bezier(0.51, 0.92, 0.24, 1.15);
}
.t_details-hops-container .rz-tabview-nav li.rz-tabview-selected .container-hop::before {
  transform: translateX(0);
  opacity: 1;
}
.t_details-hops-container .rz-tabview-panels {
  background-color: transparent;
  border: none;
}
.t_details-hops-container {
  /* payload-header */
}
.t_details-hops-container .payload-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.t_details-hops-container .payload-body {
  padding: 1.25rem 2rem;
  border-radius: 1rem;
  margin-top: 0.625rem;
  background-color: #fff;
  border: 1.5px solid #B3B9BD;
  height: 62vh;
  overflow-y: scroll;
  word-break: break-word;
  white-space: pre-wrap;
  font-weight: 400;
  font-size: 0.875rem !important;
  line-height: 1.8rem;
  color: #454545 !important;
}
.t_details-hops-container .payload-text-std {
  word-break: break-all;
  font-weight: 400;
  line-height: 1.8rem !important;
  font-size: 1.125rem !important; /*20px*/
}
.t_details-hops-container .payload-text-md {
  word-break: break-all;
  font-weight: 400;
  line-height: 1.8rem !important;
  font-size: 1.125rem !important; /*20px*/
}
.t_details-hops-container .payload-text-xl {
  word-break: break-all;
  font-weight: 400;
  line-height: 1.8rem !important;
  font-size: 1.375rem !important; /*22px*/
}
.t_details-hops-container .payload-text-sm {
  word-break: break-all;
  font-weight: 600;
  line-height: 1.8rem !important;
  font-size: 1.125rem !important;
}
.t_details-hops-container .payload-hop-participants {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  gap: 0.5rem;
}
.t_details-hops-container .rz-tabview-nav {
  background-color: aliceblue;
  border-radius: 1.25rem;
}
.t_details-hops-container .rz-tabview-nav li.rz-tabview-selected .tick-icon {
  background-color: #3d70b2;
}

/*payload container styles*/
.payload-hop-participants img {
  height: 1.35rem;
  width: 1.35rem;
}

.payload-container {
  padding: 0 25px;
}

/* payload-header */
.t_details .vela-container-light {
  margin-top: 1.25rem;
}

.container-header .scroll-nav-btns {
  display: flex;
  gap: 2rem;
}
.container-header .scroll-nav-btns button {
  min-height: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
  display: flex;
  border-radius: 6rem;
  align-items: center;
  padding: 1rem;
  filter: drop-shadow(0px 5px 15px rgba(103, 44, 191, 0.2));
  box-shadow: none;
  justify-content: center;
}
.container-header .scroll-nav-btns button i {
  font-weight: 400;
  font-size: 5rem;
}

.container-hop::after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  border-left: 2px dashed #AEBCBC;
  left: 0.9rem;
  z-index: 0;
}

.hop-metadata {
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #E8E8E8;
  pointer-events: all;
  text-align: left;
}
.hop-metadata p, .hop-metadata span {
  line-height: 1.2;
  margin-bottom: 0;
}
.hop-metadata .hop-id {
  margin: 0.5rem 0;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  color: #304156;
  font-weight: 600;
  min-width: 12rem;
  max-width: 19rem;
  width: 17.5vw;
}
.hop-metadata .hop-id.empty {
  font-size: 1.125rem;
}
.hop-metadata .hop-participants {
  align-items: center;
  gap: 0.5rem;
}
.hop-metadata .hop-participants .next-icon {
  width: 1rem;
  height: 1rem;
}
.hop-metadata .hop-participants span {
  font-weight: 600;
  font-size: 0.875rem;
  color: #080808;
}

.tick-icon {
  border: 0.3rem solid #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
  background-color: #AEBCBC;
  height: 1.85rem;
  width: 1.85rem;
  min-height: 1.85rem;
  min-width: 1.85rem;
  padding: 4px;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4rem;
  margin: 0.3rem 0 0.625rem;
  transition: 0.35s all cubic-bezier(0.51, 0.92, 0.24, 1.15);
}
.tick-icon i {
  color: #fff;
  font-size: 1rem;
}

.hop-tags {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.hop-tags span {
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  display: inline-block;
  padding: 0.25rem 0.5rem;
  letter-spacing: 0.1px;
  color: #fff;
}
.hop-tags .status-tag.empty {
  background-color: #787878;
}
.hop-tags .status-tag.valid {
  background-color: #3d70b2;
}
.hop-tags .type-tag {
  border: 1px solid #D1D1D1;
  color: #080808;
}

.t_details-hops-container {
  width: 100% !important;
  border-radius: 1.25rem;
  background-color: #EBECF0 !important;
  overflow: hidden;
}

.vela-detail-item {
  display: flex;
  gap: 1rem;
  margin-bottom: 2.4rem;
}

label.no-flex {
  display: initial;
}

.sm-holder {
  border: 1px solid #e9e9e9;
  background-color: #f3f3f3;
  border-radius: 1.25rem;
  padding: 1rem;
  margin: 0 1rem 1rem 1rem;
}

.card-body.bg-ash.boxshadow {
  padding: 0 15px;
}

.small {
  font-size: 16px;
}

/*** XML Editor Starts ***/
.mtk14 {
  color: #8A1B61 !important;
  font-weight: 800;
}

.mtk6 {
  color: #c86765 !important;
  font-weight: 800;
}

.mtk4 {
  color: #4876d6 !important;
  font-weight: 800;
}

.mtk1 {
  color: #434155 !important;
  font-weight: 600;
}

.monaco-editor .line-numbers {
  color: #a3b6be !important;
}

.tag {
  color: blue;
}

.attribute {
  color: red;
}

.value {
  color: green;
}

/*** XML Editor Ends ***/
.full-modal .card-body {
  padding: 0 1.5rem 0.5rem 0;
}
.full-modal .rz-tabview-nav {
  border-radius: 1.25rem 0 0 1.25rem;
}
.full-modal .rz-tabview {
  align-items: stretch;
}
.full-modal .rz-tabview-nav {
  height: initial;
}

/*small button loader*/
.laoder-container {
  display: flex;
  align-items: center;
}

.lds-dual-ring {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #98999d #98999d #98999d transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.provider-tabs .rz-tabview-top > .rz-tabview-nav li {
  white-space: nowrap;
}
.provider-tabs .rz-tabview.rz-tabview-top ul.rz-tabview-nav {
  width: 360px;
}
.provider-tabs .rz-tabview.rz-tabview-top ul.rz-tabview-nav .rz-tabview-selected {
  background: none;
  border-bottom: 2px solid #8a1b61 !important;
}
.provider-tabs .rz-tabview.rz-tabview-top ul.rz-tabview-nav .rz-tabview-selected a {
  color: #8a1b61 !important;
}

.upload-container {
  border: 1px dashed #D1D1D1;
  width: 70%;
  margin: 20px auto;
  text-align: center;
  padding: 20px;
  position: relative;
  border-radius: 10px;
  height: calc(100vh - 400px);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.upload-container:hover {
  border: 1px solid #8A1B61;
  background: #FFEFF9;
}
.upload-container .download-file {
  font-size: 16px;
  position: absolute;
  cursor: pointer;
  margin: 0 auto;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 3vh;
}
.upload-container .download-file img {
  margin-right: 6px;
}
.upload-container .upload-content {
  margin-top: 20px;
}
.upload-container input {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.drop-zone {
  font-size: 20px;
}
.drop-zone .note {
  color: #777777;
}
.drop-zone .highlight {
  color: #8A1B61;
}

.select-customer,
.select-customer .rz-dropdown-label.rz-inputtext,
.select-customer input[type=text] {
  cursor: pointer;
}

.decrease-300 {
  transition: all 0.3s ease;
  height: 50px;
}

.increase-300 {
  transition: all 0.3s ease;
  height: 300px;
}

#popup-Testing_Pharmacies,
#popup-Testing_Providers {
  width: auto !important;
}

.transactionlogs tbody tr {
  cursor: pointer;
}

.box-body.add-user {
  height: calc(80vh - 200px);
}

.hv-wrapper {
  display: flex;
  padding-top: 1rem;
}

.hv-wrapper .hv-item {
  display: flex;
  flex-direction: column;
  margin: auto;
}

.hv-wrapper .hv-item .hv-item-parent {
  margin-bottom: 50px;
  position: relative;
  display: flex;
  justify-content: center;
}

.hv-wrapper .hv-item .hv-item-parent:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 25px;
  bottom: 0;
  left: 50%;
  background-color: rgb(179, 185, 189);
  transform: translateY(100%);
}

.hv-wrapper .hv-item .hv-item-children {
  display: flex;
  justify-content: center;
}

.hv-wrapper .hv-item .btn.btn-white {
  height: auto !important;
  line-height: normal !important;
  font-size: 16px !important;
  color: #000;
}

.hv-wrapper .hv-item .btn.btn-white.active-card {
  background-color: rgb(138, 27, 97);
  font-weight: 700;
  color: #fff;
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child {
  padding: 0 15px;
  position: relative;
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child img {
  width: 1.5rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-47%, -63%) rotate(180deg);
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child:before,
.hv-wrapper .hv-item .hv-item-children .hv-item-child:not(:only-child):after {
  content: "";
  position: absolute;
  background-color: rgb(179, 185, 189);
  left: 0;
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child:before {
  left: 50%;
  top: 0;
  transform: translateX(18%) translateY(-100%);
  width: 1px;
  height: 26px;
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child:after {
  top: -25px;
  transform: translateY(-100%);
  height: 1px;
  width: 100%;
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child:first-child:after {
  left: 50%;
  width: 50%;
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child:last-child:after {
  width: calc(50% + 1px);
}

.simple-card.btn-white,
.active-card {
  margin: 0;
  color: #fff;
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
  min-width: 100px;
  text-align: center;
}

.btn.btn-white.disabled-card {
  border: 1px solid rgb(138, 27, 97);
}

.btn.btn-white.disabled-card:hover {
  background: #fff !important;
  color: #000 !important;
  cursor: default;
}

.customer-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1.4;
  border-right: 1px solid #ccc;
  padding-right: 25px;
  color: rgb(97, 97, 97);
}
.customer-details .icon {
  margin: 0 2px;
}

.simple-card.btn-white {
  font-weight: 700;
  color: #000;
  border: 2.5px solid rgba(138, 27, 97, 0.3) !important;
}

.pedigree-icon svg {
  fill: #ab4686;
}

.pedigree-icon:hover svg {
  fill: #fff;
}

.rz-dialog-content {
  border-top: 1px solid var(--border-gray);
  margin-top: 1rem;
}

/* /Pedigree tree  */
.roles-defination td {
  font-size: 14px !important;
}
.roles-defination td .defination {
  display: inline-block;
}

.validationerrors li {
  color: #E53D3D;
  font-size: 16px;
}

.btn.btn-link.btn-link-ping {
  padding-left: 30px !important;
}

.status-indicator {
  position: absolute !important;
  z-index: 10;
  left: 10px;
}

.relative {
  position: relative;
}

.status-indicator.failed {
  background: rgba(222, 12, 12, 0.8);
}

.status-indicator.pending {
  background: rgb(250, 146, 24);
}

.status-indicator.success {
  background: green;
}

.status-indicator {
  height: 0.75rem;
  min-height: 0.75rem;
  min-width: 0.75rem;
  position: relative;
  width: 0.75rem;
  display: inline-flex;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 5px;
}

.btn.btn-white.icon-btn.switch-customer {
  height: 36px !important;
  margin-right: 180px;
  border: 0;
  box-shadow: none !important;
  border-right: 1px solid #ccc;
  border-radius: 0 !important;
  padding: 0 29px !important;
  font-size: 16px !important;
}

.relative {
  position: relative;
}

.user-details-section {
  position: absolute;
  right: 0;
  top: -10px;
  padding: 5px 10px;
  background-color: #f0f0f0;
  border: 1px solid #8a1b61;
  color: #8a1b61;
  line-height: 20px;
  font-size: 16px;
}

.text-ellipses {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 3px;
}

.update-service-container .box-body.add-user {
  height: auto;
}

.break-word {
  word-break: break-all;
  display: block;
  white-space: normal;
  line-height: normal;
}

.url-table tr td {
  border-bottom: none;
  padding: 0.2rem;
}
.url-table tr td.width-90 {
  width: 90px;
}

.chevron {
  height: 22px;
  width: 22px;
  border: 1px solid #ccc;
  border-radius: 50%;
  padding: 5px 4px;
  background-color: #fff;
  margin-left: 6px;
}

.active > .chevron {
  transition: ease all 0.2s;
  transform: rotate(180deg);
}

.icon.configuration {
  opacity: 0.7;
}

.edit-input-group {
  display: flex;
  align-items: center;
  padding: 0.25rem 1rem;
  border: 1px solid rgb(216, 218, 218);
  box-shadow: none;
  border-radius: 0.625rem;
  width: 100%;
  background-color: #fff;
}
.edit-input-group input[type=text] {
  min-height: 40px !important;
}

.edit-input-group .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus,
.edit-input-group textarea:not(:disabled):not(.rz-state-disabled):focus {
  box-shadow: none !important;
}

.form-group .edit-input-group .rz-dropdown,
.form-group .edit-input-group .form-input,
.form-group .edit-input-group .rz-textbox {
  height: 44px !important;
  width: 100%;
}

.form-group .edit-input-group .rz-textarea {
  width: 100%;
}

.form-group .edit-input-group input[type=text]:not(.rz-state-disabled),
.form-group .edit-input-group .rz-textbox,
.form-group .edit-input-group .rz-textbox:focus,
.form-group .edit-input-group .rz-textarea:not(:disabled):not(.rz-state-disabled):focus,
.form-group .edit-input-group .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
  border: none !important;
  box-shadow: none !important;
}

.form-group .edit-input-group .rz-dropdown .rz-dropdown-label {
  line-height: 24px;
}

.edit-input-group .rz-label, .edit-input-group label {
  color: #687783;
  font-weight: 400;
  white-space: nowrap;
}

.edit-input-group .rz-dropdown {
  box-shadow: none !important;
  border: none !important;
}

.edit-input-group .rz-dropdown .rz-dropdown-label {
  transform: translateY(35%);
}

.edit-input-group .form-input {
  border: none !important;
  border: none !important;
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  outline: none !important;
  margin-left: 0.35rem;
  box-shadow: none !important;
  width: 100%;
}

.edit-delete-box .btn-icon {
  border-radius: 6rem;
  border: 1.2px solid #8A1B61 !important;
  color: #8A1B61 !important;
  background: #fff !important;
  height: 44px !important;
  width: 44px;
  padding: 1px !important;
  outline: none !important;
  box-shadow: 0px 5px 15px 0px rgba(21, 106, 184, 0.2) !important;
}

.edit-delete-box .rz-button-box .rzi {
  font-size: 1.5rem !important;
}

.edit-delete-box .btn-icon-edit {
  width: 44px !important;
}

.upload-btn {
  color: #8A1B61 !important;
  background-color: #FFFFFF !important;
  border: 1px solid #8A1B61 !important;
  height: 44px !important;
  padding: 7px 0px !important;
  display: inline-block;
}
.upload-btn .rz-fileupload-buttonbar,
.upload-btn .rz-fileupload .rz-button,
.upload-btn .rz-fileupload-choose:not(.rz-state-disabled) {
  background: transparent !important;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: space-around;
  display: block;
  line-height: 44px;
}
.upload-btn:hover,
.upload-btn .rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) {
  background-color: rgb(138, 27, 97) !important;
  color: rgb(255, 255, 255) !important;
}

@media (max-width: 1366px) {
  .btn, .btn.btn-white.icon-btn {
    font-size: 1rem !important;
  }
  /*    #ApplyButton {
      padding: 1.5rem 10px !important;
  }*/
}
@media (max-width: 1100px) {
  .btn, .btn.btn-white.icon-btn {
    font-size: 0.9rem !important;
    padding: 1.5rem 12px !important;
  }
}
.heading-style {
  font-size: 14px;
}

.ping-result {
  background: rgb(255, 255, 255);
  box-shadow: rgb(204, 204, 204) 0px 0px 4px;
  padding: 7px;
  border-radius: 4px;
  color: rgb(80, 80, 80);
  margin-top: 10px;
  position: relative;
}

.ping-result:before {
  content: "";
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: rgba(255, 255, 255, 0.6);
  top: -16px;
  left: 80px;
}

.flex-row-reverse .appbutton.btn-white {
  margin-right: 0;
}

span.live {
  background: #a2b50c;
  padding: 1px 13px;
  border-radius: 15px;
  display: inline-block;
  color: #fff;
}

span.test {
  background: rgb(235, 236, 240);
  padding: 1px 13px;
  border-radius: 15px;
  display: inline-block;
}

.encryption-switch + label {
  cursor: pointer;
  height: 2.5rem;
  width: 5rem;
  background: #8A1B61;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  border-radius: 100px;
  position: relative;
  z-index: 1;
  color: #fff;
  overflow: hidden;
  padding: 18px 16px 16px 48px !important;
  padding-left: 3rem;
  transition: var(--transition-primary);
}

.encryption-switch + label::before {
  position: absolute;
  content: "In Progress...";
  left: 0;
  top: 0;
  background-color: #8A1B61;
  opacity: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 0.825rem;
  justify-content: center;
  z-index: 3;
  width: 100%;
  color: #fff;
  pointer-events: none;
}

.encryption-switch + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 10rem;
  transition: 0.4s;
  background: #fff;
  z-index: 5;
}

.encryption-switch {
  height: 0;
  width: 0;
  visibility: hidden;
  display: none;
}

.encryption-switch + label.checked {
  padding-left: 1rem !important;
  padding-right: 3rem !important;
}

.encryption-switch + label.checked:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}

.btn-icon i {
  font-size: 2rem !important;
  font-weight: 600;
  width: auto !important;
  line-height: 1 !important;
}

textarea {
  line-height: 23px !important;
  margin-top: 7px !important;
}

.encryption-switch-grayish-blue + label {
  cursor: pointer;
  height: 2.5rem;
  width: 5rem;
  background: #687783;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  border-radius: 100px;
  position: relative;
  z-index: 1;
  color: #fff;
  overflow: hidden;
  padding: 18px 16px 16px 48px !important;
  padding-left: 3rem;
  transition: var(--transition-primary);
}

.encryption-switch-grayish-blue + label::before {
  position: absolute;
  content: "In Progress...";
  left: 0;
  top: 0;
  background-color: #687783;
  opacity: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 0.825rem;
  justify-content: center;
  z-index: 3;
  width: 100%;
  color: #fff;
  pointer-events: none;
}

.encryption-switch-grayish-blue + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 10rem;
  transition: 0.4s;
  background: #fff;
  z-index: 5;
}

.encryption-switch-grayish-blue {
  height: 0;
  width: 0;
  visibility: hidden;
  display: none;
}

.encryption-switch-grayish-blue + label.checked {
  padding-left: 1rem !important;
  padding-right: 3rem !important;
}

.encryption-switch-grayish-blue + label.checked:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}

.encryption-switch + label.in-progress::before {
  opacity: 1;
}

/****** Radzen starts*******/
:root {
  --rz-icon-font-family: "Material Icons";
}

@font-face {
  font-family: "Material Icons" !important;
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("https://fonts.googleapis.com/css2?family=Material+Icons") format("woff");
}
@font-face {
  font-family: "Material Icons Outlined";
  /*font-style: normal;
  font-weight: 400;*/
  src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v108/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format("woff2");
}
.no-scroll {
  overflow: hidden !important;
  scroll-behavior: smooth;
  height: 100vh;
}

.rz-link:hover .rz-link-text, .rz-link:focus .rz-link-text {
  text-decoration: none !important;
}

.rz-button:not(.rz-state-disabled):after, .rz-paginator-element:not(.rz-state-disabled):after {
  font-family: "Material Icons";
}

.rz-breadcrumb-item.active .rz-link, .rz-breadcrumb-item.active label {
  color: #304156 !important;
}

.rz-breadcrumb-item .rzi {
  background-color: #8A1B61;
}

.rzi {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-variation-settings: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  /*color: $dark-grey;*/
  border-radius: 50%;
  text-stroke: none;
  -webkit-text-stroke: none;
  /*text-stroke: 1px $altsys-winered;
  -webkit-text-stroke: 1px $altsys-winered;*/
}

.rz-sortable-column .rzi-sort {
  color: #304156 !important;
}

.rz-link {
  color: #304156 !important;
}

.rz-breadcrumb-item + .rz-breadcrumb-item::before {
  content: "›" !important;
  display: inline-block;
  padding-left: 0.8vw !important;
  padding-right: 0.8vw !important;
  margin-top: -0.15em;
  font-size: 2rem !important;
  font-weight: 200;
  color: rgb(48, 65, 86);
}

.rz-link-text {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 27px;
  display: flex;
  align-items: center;
  color: #304156 !important;
}

.rz-dialog-confirm-message,
.rz-dialog-alert-message {
  text-align: center !important;
  font-size: 16px;
}

.rz-dialog-content {
  font-size: 22px !important;
  color: #000000 !important;
}

/*.rz-dropdown {
    position: relative;
    overflow: hidden;
    width: 15.4vw !important;
    height: 3vw;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 10%);
    background: $color-white;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 0.375rem 0.75rem;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 30px;
    display: flex;
    flex-direction: column;
    color: #4B4C4D;
}*/
.rz-dropdown-trigger {
  background-color: #FFFFFF;
  border-radius: 10px;
  margin: 1px;
}

.rz-dialog-mask {
  background-color: #000000 !important;
  opacity: 0.6;
}

.rz-dialog-titlebar-close .rzi-times {
  color: #fff !important;
  font-size: 2rem;
}

.testingpage .rz-dialog-title {
  text-align: center;
  display: block !important;
}

.rz-dialog-title {
  font-family: "Proxima Nova Regular" !important;
  color: #304156 !important;
  font-weight: 600 !important;
  letter-spacing: -0.2px !important;
  font-size: 1.25rem;
}

.invalid {
  outline: 1px solid red !important;
}

.validation-message {
  color: red !important;
  font-size: 14px;
  line-height: 14px;
  padding-top: 4px;
}
.validation-message.zindex {
  bottom: -18px;
}

.float-end {
  float: right !important;
}

.rz-dialog-wrapper {
  left: 0;
  /*animation: dialog_fade_up forwards 0.25s ease-in-out;*/
  z-index: 2010 !important;
}

.rz-dialog-wrapper .rz-dialog {
  background-color: #FFFFFF;
  border-radius: 1.25rem !important;
  padding: 0.4rem 0.5rem 1.4rem !important;
  /*box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 5%);*/
}

.rz-dialog-titlebar {
  letter-spacing: 0px !important;
  background-color: #FFFFFF !important;
  padding: 1rem 1.5rem 0.5rem !important;
}

.rz-dialog-content {
  background-color: #FFFFFF !important;
  padding: 0rem 1.5rem 1rem 1.5rem !important;
}

.form-tabs .rz-tabview-nav {
  border: 1px solid #B3B9BD;
  border-radius: 1rem !important;
  overflow: hidden !important;
  justify-content: space-around;
}

.form-tabs .rz-tabview-nav li:not(:last-child) {
  border-right: 1px solid #DEDFE1;
}

.form-tabs .rz-tabview-nav li {
  background-color: #FFFFFF;
  display: flex;
  border: none;
  border-radius: 0;
  width: 100%;
  justify-content: center;
  border: none;
}

.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
  border-bottom: none !important;
  background: #8A1B61;
}

.rz-tabview-nav .rz-tabview-selected a {
  color: #FFFFFF;
}

.rz-tabview-nav li a {
  text-transform: none !important;
  letter-spacing: normal !important;
}

.rz-tabview-panels .rz-tabview-panel {
  padding-left: 0px;
}

.rz-autocomplete {
  border: none !important;
  border-radius: 8px !important;
}

.rz-autocomplete:hover {
  border: none !important;
}

.rz-dialog-mask {
  background-color: #000000;
  opacity: 0.6;
}

.rz-dialog-titlebar-close .rzi-times {
  color: #fff !important;
}

.invalid {
  outline: 1px solid red !important;
}

.validation-message {
  color: red !important;
}

.float-end {
  float: right !important;
}

/****** Grid Starts ********/
span.rz-column-title-content {
  font-size: 0.875rem;
  font-weight: 600;
  color: #304156;
}

.rz-sortable-column .rzi-sort:before {
  margin-top: 0.8vh;
}

span.rz-cell-data {
  font-family: Proxima, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  line-height: 24px !important;
}

.rz-data-grid-data {
  background: #FFFFFF;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}

.rz-data-grid {
  /*margin-top: 5.6vh;*/
  width: 52.8vw;
  background: #FFFFFF;
  border-radius: 20px;
  overflow: hidden;
}

.newclass {
  background-color: aqua;
  height: 800px;
}

.rz-grid-table-striped tbody tr:not(.rz-expanded-row-content):nth-child(even) > td {
  /*background: rgba(250, 146, 24, 0.03);*/
  /*height: 4.063rem !important;*/
}

.rz-grid-table-striped tbody tr:not(.rz-expanded-row-content):nth-child(odd) > td {
  /*height: 4.063rem !important;*/
}

/*#templatename {
    font-size: 1.04vw !important;
}*/
/*input#templatename:focus {
    border: red;
    background-color: $color-white;
    border-color: red;
}*/
/*.col-lg-12.col-md-12 {
    display: flex;
}*/
.rz-paginator-summary {
  color: #304156 !important;
}

/****** Grid Ends ********/
/*
    tabview-nav
*/
.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
  border-top-width: 0;
  border-bottom: none !important;
  background: #8A1B61;
  border-radius: 0px;
}

.rz-tabview-nav .rz-tabview-selected a {
  color: #FFFFFF !important;
}

.rz-tabview-nav > li > a {
  color: #304156 !important;
  text-transform: none !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  display: flex !important;
  align-items: center !important;
  text-align: center;
  padding: 0.5rem 1rem !important;
  font-size: 1rem !important;
  /*white-space:nowrap;*/
}

.rztabviewnav-li {
  padding: 0.5rem 1rem !important;
}

.rz-tabview-top > .rz-tabview-nav li {
  /*padding: 0.5rem 1rem !important;*/
  /*height: 40px;*/
  display: flex;
  width: 100%;
  /*background-color: #EAEAEA;*/
}

.column {
  display: flex;
}

.rz-datepicker-calendar td .rz-state-active,
.rz-calendar-view td .rz-state-active {
  background-color: #8A1B61 !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
}

.rz-datepicker-calendar td .rz-state-default,
.rz-calendar-view td .rz-state-default {
  border: none;
  border-radius: 50%;
}

.rz-datepicker {
  --rz-datepicker-calendar-selected-background-color: #8A1B61;
  --rz-datepicker-calendar-selected-hover-background-color: #8A1B61;
  --rz-datepicker-calendar-selected-color: #FFFFFF;
  --rz-datepicker-calendar-selected-hover-color: #FFFFFF;
  --rz-datepicker-calendar-padding: 0.75rem 0.25rem;
  --rz-datepicker-calendar-font-size: 0.9375rem;
}

.rz-calendar-header {
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.rz-calendar-header .rz-button.rz-secondary.rz-calendar-prev,
.rz-calendar-header .rz-button.rz-secondary.rz-calendar-next {
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  color: #304156 !important;
}
.rz-calendar-header .rz-button.rz-secondary.rz-calendar-prev:hover,
.rz-calendar-header .rz-button.rz-secondary.rz-calendar-next:hover {
  background-color: transparent !important;
  color: #304156 !important;
}
.rz-calendar-header .rz-calendar-title .rz-dropdown-label {
  border: none !important;
}

.rzi.rzi-times {
  content: url(/icons/cross.svg) !important;
}

/*
    Ends tabview-nav
*/
.rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus,
.rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus,
.rz-spinner:not(:disabled):not(.rz-state-disabled):focus,
.rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus,
.rz-multiselect:not(:disabled):not(.rz-state-disabled):focus,
.rz-dropdown:not(:disabled):not(.rz-state-disabled):focus,
.mask:not(:disabled):not(.rz-state-disabled):focus,
.rz-textarea:not(:disabled):not(.rz-state-disabled):focus,
.rz-textbox:not(:disabled):not(.rz-state-disabled):focus, .rz-autocomplete-input:focus {
  box-shadow: inset 0 0 0 1px #8A1B61 !important;
}

/*.rz-sortable-column-icon {
    margin-top: 1rem;
}*/
/*
    Dialog Starts
*/
.defaultdialog {
  width: 410px !important;
}

.defaultdialogborder {
  border-radius: 10px;
}

.dialogsuccess {
  height: auto;
  width: 428px !important;
  border: 1px solid #8A1B61;
  border-radius: 13px;
  text-align: center;
  padding: 0px !important;
}

.dialogreset {
  width: 674px;
  /*    height: 190px;*/
  text-align: center;
  /*    padding: 0px 7.5rem !important;*/
}

.dialogsuccess .rz-dialog-alert-buttons {
  text-align: center;
}

.dialogsuccess .rz-dialog-alert-buttons .rz-button {
  width: 146px;
}

.dialogsuccess .rz-button {
  width: 146px;
}

.rz-button-text {
  text-transform: none;
}

.rz-dialog-confirm-buttons {
  gap: 2rem !important;
}

.rz-dialog-confirm, .rz-dialog-alert {
  max-width: 700px !important;
}

.on-success {
  font-size: 18px;
  margin: 0px 0px 20px;
  display: block;
}

.on-success > img {
  height: 40px;
  width: 40px;
  margin-right: 10px;
  position: relative;
  top: -3px;
}

.float-center .rz-dialog-alert-buttons {
  text-align: center;
}

/*
    Button
*/
.rz-primary.rz-shade-default.rz-paginator-element,
.rz-secondary.rz-shade-default.rz-paginator-element {
  background-color: #FFFFFF;
  padding: 0.2rem;
}

.rz-button.rz-primary.rz-shade-default,
.rz-button.rz-secondary.rz-shade-default,
.rz-primary.rz-shade-default {
  color: #8A1B61 !important;
  background-color: #FFFFFF !important;
  border-color: #8A1B61 !important;
  border: 1px solid #8A1B61 !important;
  font-weight: 600;
  font-size: 18px;
}

.rz-button.rz-secondary.rz-shade-default:disabled:hover {
  background-color: #ffffff !important;
  color: #991b61 !important;
}

.rz-button.rz-primary.rz-shade-default:hover,
.rz-button.rz-secondary.rz-shade-default:hover,
.rz-primary.rz-shade-default:hover {
  background-color: #8A1B61 !important;
  color: #FFFFFF !important;
}

/* Time picker - reset global button overrides that break up/down arrows */
.rz-timepicker .rz-numeric-button {
  height: calc(50% - 2px) !important;
  width: 1.25rem !important;
  border: none !important;
  background-color: var(--rz-numeric-button-background-color, transparent);
  box-shadow: none;
  font-size: inherit;
  font-weight: normal;
  padding: 0;
}
.rz-timepicker .rz-numeric-button .rzi {
  font-size: var(--rz-numeric-button-height, 1rem) !important;
  width: auto;
  height: auto;
  content: none;
  padding: 0;
}

.rz-timepicker .rz-numeric-button:hover {
  background-color: var(--rz-base-200, #eeeeee);
}

.rz-timepicker .rz-numeric-up {
  top: 2px;
  right: 2px;
}

.rz-timepicker .rz-numeric-down {
  bottom: 2px;
  right: 2px;
}

.rz-timepicker .rz-ampm-picker {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.rz-timepicker .rz-ampm-picker a {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.rz-timepicker .rz-ampm-picker .rzi {
  font-size: 1rem !important;
  width: auto;
  height: auto;
  content: none;
  padding: 0;
}

.testingpage .rz-button.rz-shade-default.rz-primary {
  width: 100%;
}

.rz-button.rz-shade-default.rz-primary {
  color: #8A1B61 !important;
  background-color: #FFFFFF !important;
}

.rz-button.rz-shade-default.rz-secondary {
  color: #8A1B61 !important;
  background-color: #FFFFFF !important;
  letter-spacing: normal;
}

.rz-dialog.sidedialog {
  /*    padding: 0px 20px;*/
  overflow: hidden !important;
  border-radius: 15px 0px 0px 15px !important;
  padding: 1rem 0 1rem 1.5rem !important;
}

/*
    Dropdown
*/
.rz-dropdown:hover {
  color: #4B4C4D;
}

/*.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox*/ /*Radzendefault*/
.form-group .rz-dropdown, .rz-textbox, .rz-autocomplete input,
.rz-dropdown {
  height: 44px !important;
  line-height: 1.5rem !important;
  color: #666666 !important;
  font-size: 1rem !important;
  transition: all 0.35s cubic-bezier(0.51, 0.92, 0.24, 1.15) !important;
}

.form-input.type {
  width: 100%;
}

.form-group .rz-dropdown .rz-label {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.rz-calendar .rz-inputtext {
  height: 44px !important;
  line-height: 1.5rem !important;
  color: #666666 !important;
  font-size: 1rem !important;
  transition: all 0.35s cubic-bezier(0.51, 0.92, 0.24, 1.15) !important;
}

.rz-dropdown, .rz-textarea, .rz-textbox {
  border: 1px solid #B3B9BD !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  background-color: #FFFFFF !important;
}

.rz-calendar-title .rz-dropdown {
  border: 1px solid #B3B9BD !important;
  border-radius: 8px !important;
}

.rz-calendar .rz-inputtext {
  border: 1px solid #B3B9BD !important;
  border-radius: 8px !important;
  background-color: #FFFFFF !important;
}

.rz-multiselect-label-container, .form-group .rz-dropdown .rz-dropdown-label {
  padding: 1px 10px 1px 8px !important;
  display: inline-block !important;
  line-height: 26px;
}

.rz-datepicker-popup-container {
  position: absolute;
  max-height: 50vh;
  overflow-y: auto;
}

.rz-datepicker.rz-popup,
.rz-dropdown-panel,
.rz-multiselect-panel {
  z-index: 2030 !important;
}

.rz-dropdown-item, .rz-menuitem, .rz-autocomplete-list-item,
.rz-multiselect-item, .rz-dropdown-items li, .rz-autocomplete-items li, .rz-multiselect-items li {
  font-size: 1rem !important;
}

.rz-multiselect-items li {
  line-height: 16px;
}

.rz-dropdown-item span {
  display: inline-block;
}

/*.rz-dropdown-panel {
    z-index: 12 !important;
}*/
/*
    rzi 
*/
.rz-link .rzi, .rz-link .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-link .rz-menuitem-icon, .rz-link .rz-fileupload-row .rz-button .rzi-close,
.rz-fileupload-row .rz-button .rz-link .rzi-close, .rz-link .rz-fileupload-row .rz-button .rzi-times,
.rz-fileupload-row .rz-button .rz-link .rzi-times, .rz-link .rz-fileupload-row .rz-button .rz-icon-trash, .rz-fileupload-row .rz-button .rz-link .rz-icon-trash,
.rz-link .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-link .rzi-chevron-circle-right, .rz-link .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-link .rzi-chevron-circle-down, .rz-link .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-link .rzi-grid-sort, .rz-link .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-link .rzi-plus, .rz-link .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-link .rzi-circle-o-notch, .rz-link .rz-column-drag,
.rz-link .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-link .rzi-close, .rz-link .rz-fileupload-row .rz-paginator-element .rzi-times, .rz-fileupload-row .rz-paginator-element .rz-link .rzi-times,
.rz-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash, .rz-fileupload-row .rz-paginator-element .rz-link .rz-icon-trash {
  font-size: 21px;
  vertical-align: middle;
  height: 30px;
  width: 30px;
  content: url(/icons/Home.svg);
  padding-bottom: 8px;
  padding-top: 6px;
}

.rz-button.rz-button-icon-only.rz-calendar-button {
  width: 30px;
}

.rz-button.rz-button-icon-only.rz-calendar-button .rzi-calendar {
  position: relative;
  top: -2px;
}

.rz-button.rz-button-icon-only.btn-icon-search {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem !important;
  justify-content: space-around;
}

/*.rz-button-box .rzi {
    font-size: 3rem !important;
}*/
.rz-button-box .rzi {
  font-size: 2rem !important;
  /* font-weight: 500; */
}

.rz-paginator-page.rz-state-active {
  background-color: #304156 !important;
  color: #FFFFFF !important;
}

.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before {
  content: url(/icons/Chevron.svg) !important;
  text-align: center;
}

/*.rz-dropdown-trigger.rz-corner-right {
    padding-top: 0.20vw !important;
}*/
span.rz-dropdown-trigger-icon.rzi.rzi-chevron-down {
  margin: -1rem 0 0 0 !important;
}

.rz-dialog-side-position-right {
  /*width: 43.75rem !important;*/
  width: 44rem !important;
  overflow-y: scroll !important;
  /*transform: translateX(100%);
  transition-timing-function: ease-in-out;
  transition-duration: .25s;*/
  box-shadow: -10px 0px 24px 0px rgba(0, 0, 0, 0.05) !important;
  border-top-left-radius: 1.25rem !important;
  border-bottom-left-radius: 1.25rem !important;
}

.rz-dialog-side-content {
  padding: 2rem 3.25rem !important;
  width: 100%;
}

.rz-accordion.login-accordion {
  box-shadow: none !important;
  position: fixed;
  top: 1% !important;
  right: 0% !important;
}

.rz-accordion.login-accordion.profile-menu {
  height: 46px;
  position: relative;
  float: right;
}

.logout-accordion-label .rzi + span {
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 125px;
}

.logout-accordion-label span {
  font-size: 1rem;
  line-height: 1.15vw;
  display: flex;
  align-items: center;
  padding-top: 2px;
}

.logout-accordion-label .rzi::before {
  margin-top: -3px;
}

.logout-accordion-label .rzi {
  font-size: 26px !important;
  margin-left: 2px !important;
  margin-top: 2px !important;
}

.logout-accordion-label i.rzi {
  margin: 0 5px 0 0;
}

/*.logout-accordion-label .rzi {
    padding-top: 4px;
}*/
.t_details-hops-container .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
  /*background-color: #e5d5e7 !important;*/
  background-color: none !important;
  pointer-events: none;
  cursor: auto;
}

.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
  background-color: none !important;
}

.rz-tabview.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected {
  pointer-events: none !important;
  border-right: none !important;
}

.payload-hop-participants .participant-type, .hop-metadata .hop-participants .participant-type {
  color: #676767 !important;
}

/******* Transactiondetails ********/
.tick-icon i {
  color: #FFFFFF;
  font-size: 1rem;
}

.t_details-hops-container .rz-tabview-panels {
  /*background-color: #EBECF0 !important;*/
  background-color: #f9f9f9 !important;
  /*border: none;*/
  border-top-right-radius: 1.25rem;
}

.t_details-hops-container .rz-tabview-nav > li > a {
  padding: 0rem 1rem !important;
}

.t_details-hops-container .container-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.t_details-hops-container .rz-tabview-panel {
  padding: 1.25rem 1rem 0.75rem;
}

.t_details-hops-container.prescription .sm-holder {
  margin: 0px 1rem 1rem 0;
}
.t_details-hops-container.prescription .payload-text-std {
  font-size: 1rem !important;
}
.t_details-hops-container.prescription .payload-text-md {
  line-height: 1.25rem !important;
  font-size: 1rem !important;
}
.t_details-hops-container.prescription .payload-text-xl {
  font-size: 1.25rem !important;
}
.t_details-hops-container.prescription .rz-tabview-nav {
  box-shadow: none;
  height: initial;
}
.t_details-hops-container.prescription .hop-metadata .hop-participants {
  display: block;
}
.t_details-hops-container.prescription .rz-tabview {
  align-items: stretch;
  max-height: 1100px;
}

.t_details-hops-container .rz-tabview-nav {
  /*height: 86vh;*/
  flex-direction: column;
  scroll-behavior: smooth;
  padding-bottom: 1rem;
  box-shadow: 5px 4px 15px 0px rgba(75, 76, 77, 0.05);
  border-radius: 1.25rem;
  padding: 1.6rem 0 2.5rem 1.875rem;
  background-color: #FFFFFF;
}

#TransactionDetails .t_details-hops-container .rz-tabview-nav::before {
  content: "Transaction History";
  font-size: 1.125rem;
  color: #304156;
  font-weight: 600;
  margin-bottom: 1.25rem;
}

#PrescriptionDetails .t_details-hops-container .rz-tabview-nav::before {
  content: "Prescription History";
  font-size: 1.125rem;
  color: #304156;
  font-weight: 600;
  margin-bottom: 1.25rem;
}

.t_details-hops-container .rz-tabview-nav li {
  background: transparent;
  border: none;
  min-width: 15rem;
  max-width: 22rem;
  width: 22vw;
}

.t_details-hops-container .rz-tabview-nav li a {
  font-weight: 500;
  padding: 0;
  pointer-events: none;
  cursor: auto;
  -webkit-user-select: text;
  -moz-select: text;
  -ms-select: text;
  user-select: text;
}

.t_details-hops-container .rz-tabview-nav li:last-child .container-hop .hop-metadata {
  border-bottom: none;
}

/******* Ends Transactiondetails ********/
.btn, .rz-button, .rz-button-md, .rz-date-filter-buttons .rz-button, .rz-fileupload-choose, .rz-selectbutton .rz-button, .rz-splitbutton-menubutton, .rz-splitbutton .rz-button-text-icon-left, .rz-splitbutton .rz-button-text-only, .rz-selectbutton .rz-paginator-element, .rz-date-filter-buttons .rz-paginator-element .btn-icon-search {
  font-size: 1.0625rem;
  font-weight: normal;
  height: 44px !important;
}

/*    .form-input-search input {
        height: 50px !important;
    }*/
.rz-state-disabled {
  border: 1px solid #d9dbdc !important;
  color: #9c9b9b !important;
}

.rz-button .rzi, .rz-paginator-element .rzi, .rz-button .rz-column-drag, .rz-paginator-element .rz-column-drag, .rz-button .rz-datatable-loading-content .rzi-circle-o-notch,
.rz-paginator-element .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-button .rzi-circle-o-notch,
.rz-datatable-loading-content .rz-paginator-element .rzi-circle-o-notch, .rz-button .rz-datatable-header .rzi-plus, .rz-paginator-element .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-button .rzi-plus, .rz-datatable-header .rz-paginator-element .rzi-plus, .rz-button .rz-sortable-column .rzi-grid-sort, .rz-paginator-element .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-button .rzi-grid-sort, .rz-sortable-column .rz-paginator-element .rzi-grid-sort, .rz-button .rz-datatable .rzi-chevron-circle-down, .rz-paginator-element .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-button .rzi-chevron-circle-down, .rz-datatable .rz-paginator-element .rzi-chevron-circle-down, .rz-button .rz-datatable .rzi-chevron-circle-right, .rz-paginator-element .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-button .rzi-chevron-circle-right, .rz-datatable .rz-paginator-element .rzi-chevron-circle-right, .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-paginator-element .rzi-close {
  vertical-align: var(--rz-button-vertical-align);
}

.rz-align-right .rz-paginator-summary {
  font-size: 0.9375rem;
}

.rz-button {
  border-radius: 0.625rem;
}
.rz-button .rz-button-text {
  font-size: 16px;
}

.rz-state-disabled {
  border: 1px solid #d9dbdc !important;
  color: #9c9b9b !important;
}

/****** Radzen Ends ********/
.rz-button:not(.rz-state-disabled):focus:not(:active),
.rz-paginator-element:not(.rz-state-disabled):focus:not(:active) {
  box-shadow: none;
}

.icon-positoning .rz-calendar-button {
  height: 30px !important;
  margin-top: 2px;
}

.rz-state-disabled.btn-icon-edit {
  pointer-events: none;
}

.rz-radiobutton-box.rz-state-active {
  border: 1px solid #8a1b61;
}

.rz-radiobutton-box .rzi-circle-on {
  background-color: #8a1b61;
}

.rz-grid-table-fixed-overwrite .rz-grid-table-fixed {
  table-layout: initial;
}

.payload-editor .monaco-editor-container {
  height: 66vh !important;
}

.rz-dialog-content .payload-editor .monaco-editor-container {
  height: 47vh !important;
}

.decorationsOverviewRuler {
  background: #fff;
}

/*** GridStyle Starts ***/
:root {
  --bg-gray: #EBEBEB;
}

.rz-paginator-element {
  height: 2rem;
  width: 2rem;
  min-height: 2rem;
  min-width: 2rem;
  padding: 0.2rem;
}

.rz-paginator {
  justify-content: flex-end;
  /*background-color: #F0F2F2;*/
}

.rz-paginator .rz-dropdown {
  border: 1px solid rgb(222, 223, 225) !important;
  border-radius: 4px;
  padding-top: 0;
  padding-bottom: 0;
  height: 2rem;
  font-size: 1rem;
  line-height: 22px;
}

.rz-paginator .rz-dropdown .rz-dropdown-label {
  transform: translateY(5px);
}

.rz-paginator .rz-dropdown-item, .rz-paginator .rz-dropdown-items li {
  padding: 0.25rem 0.45rem !important;
}

.specific-page {
  border: none !important;
  box-shadow: none !important;
  height: auto;
}

.specific-page input {
  border: 1px solid rgb(222, 223, 225) !important;
  height: 1.8rem !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  width: 4rem !important;
}

.rz-dropdown-item, .rz-dropdown-items li {
  font-size: 0.8rem;
}
.rz-dropdown-item span span, .rz-dropdown-items li span span {
  font-size: 13px;
  margin-right: 10px;
}

.rz-paginator-page {
  background-color: transparent;
  border-radius: 25px;
  color: #304156;
}

.rz-paginator-page.rz-state-active {
  background-color: #304156;
  color: #FFFFFF;
  border: 1px solid #304156;
  border-radius: 25px;
  min-height: 2rem;
  min-width: 2rem;
  padding: 4px;
}

.rz-paginator-next, .rz-paginator-prev {
  background-color: transparent;
  color: #3D70B2;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 25px;
}

.rz-paginator-first, .rz-paginator-last {
  background-color: transparent;
  color: #3D70B2;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 25px;
}

.pagination-text {
  position: absolute;
  bottom: 0.625rem;
  left: 0.825rem;
  margin-bottom: 0;
}

.report-pagination-text {
  position: absolute;
  bottom: -0.375rem;
  left: 0.825rem;
  margin-bottom: 0;
}

.pagination-text p {
  margin: 0;
  font-size: 0.9375rem;
  color: #304156;
}

.rz-datatable-odd, .rz-datatable-even {
  cursor: pointer;
  border: 1px solid rgb(216, 218, 218);
}

.grid-nohover .rz-datatable-odd, .grid-nohover .rz-datatable-even {
  cursor: auto;
}

.rz-paginator-icon {
  font-size: 1.5rem !important;
}

.rz-paginator-icon:hover {
  color: #3D70B2 !important;
}

.rz-datatable-thead th > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.rz-datatable-scrollable-header {
  height: 2.8rem;
  display: flex;
  align-items: center;
}

.rz-grid-table rz-grid-table-fixed thead {
  height: 2.3rem;
  display: flex;
  align-items: center;
}

.rz-datatable-thead th, .rz-grid-table thead th {
  height: 2.3rem;
}

.rz-sortable-column .rzi-grid-sort {
  transform: translateY(-15%);
  z-index: 10;
}

.rz-datatable-thead th .rz-column-title,
.rz-grid-table thead th .rz-column-title {
  padding: 0;
  font-size: 0.875rem;
  text-transform: capitalize;
  color: rgb(48, 65, 86);
  font-family: "Proxima Nova bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*.rz-datatable-data tr:last-child td, .rz-grid-table tr:last-child td {
  border-bottom: solid 1px $border-gray);
}*/
.rz-datatable-thead th, .rz-grid-table thead th {
  background-color: #EBEBEB;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0 0.65rem;
}

.rz-datatable-data td, .rz-grid-table td {
  padding: 0.65rem;
}

.rz-datatable-data td .rz-cell-data,
.rz-grid-table td .rz-cell-data {
  color: #000000;
  font-size: 0.875rem;
}

*::-webkit-scrollbar {
  /* width: 12px;*/
}

.btn-light.rz-paginator-element {
  background-color: transparent;
  color: #2E5486;
  border: 1px solid #3D70B2;
}

.icons-table-cell {
  display: flex;
  gap: 1rem;
  justify-content: end;
  margin: auto;
}

.grid-total .rz-data-grid-data table thead {
  display: none;
}

.grid-total .rz-data-grid-data table .rz-cell-data {
  font-weight: 700;
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #133b63;
}

.grid-total .rz-data-grid-data table td {
  background-color: #DFE7EB !important;
  padding: 0.6rem 0.5rem;
}

.rz-grid-table tfoot, .rz-grid-table tfoot td {
  background-color: #DFE7EB !important;
  font-weight: 700;
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #133b63;
}

.custom-grid-header {
  background: #FFFFFF;
  padding: 0.625rem;
  text-align: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.custom-grid-header h5 {
  color: #133b63;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 700;
}

.grid-textwrap .rz-grid-table td .rz-cell-data {
  text-overflow: initial;
  word-break: break-word;
}

.rz-datatable-data td:not(:last-child), .rz-datatable-data td.rz-composite-cell, .rz-grid-table td:not(:last-child), .rz-grid-table td.rz-composite-cell {
  border-right: none;
}

/*.rz-grid-table {
  border: 1px solid #D8DADA;
  border-radius: 0.675rem;
}*/
.rz-grid-table thead th {
  border-bottom: 1px solid rgb(216, 218, 218);
  background-color: #FFFFFF !important;
}

.rz-datatable-thead th:not(:last-child), .rz-datatable-thead th.rz-composite-cell, .rz-grid-table thead th:not(:last-child), .rz-grid-table thead th.rz-composite-cell {
  border-right: none !important;
}

.rz-datatable-odd > td {
  background-color: #FFFFFF;
}

.vela-grid {
  /*border: 1px solid #D8DADA;*/
  overflow: visible;
  border-radius: 0.675rem;
}

.rz-datatable {
  background-color: transparent;
  box-shadow: none !important;
}

.rz-paginator .rzi-step-backward:before {
  content: "keyboard_double_arrow_left";
  font-weight: lighter;
}

.rz-paginator .rzi-step-forward:before {
  content: "keyboard_double_arrow_right";
  font-weight: lighter;
}

.rz-paginator-icon {
  color: #304156;
}

.rz-paginator .rz-pagesize-text {
  display: none;
}

.rz-sortable-column .rzi-sort:before {
  content: "unfold_more";
  font-size: 1.3rem;
}

.rz-sortable-column .rzi-sort-asc:before {
  content: "keyboard_arrow_up";
}

.rz-sortable-column .rzi-sort-asc:before {
  content: "keyboard_arrow_up";
}

.rz-sortable-column .rzi-sort-desc:before {
  content: "keyboard_arrow_down";
}

.rz-grid-table thead {
  border: 1px solid rgb(216, 218, 218);
}

.rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
  color: #000000;
  font-size: 0.875rem;
}

/*** GridStyle Ends ***/
/*** ReportStyles Starts ***/
.pdf-document.print .hidden-in-print {
  display: none !important;
}

.date-container {
  min-width: 160px;
  width: 160px;
}
.date-container .custom-date-picker {
  display: block;
  max-width: 100%;
}
.date-container .custom-date-picker > .rz-inputtext {
  width: 100%;
  padding-right: 2.5rem;
}
.date-container .custom-date-picker .rz-datepicker-popup-container {
  position: fixed;
  z-index: 2030;
  min-width: 22rem;
}

.btn-container {
  margin-top: 1.7rem;
}

.filters .rz-dropdown {
  border: 1px solid #B3B9BD !important;
}

.report-placeholder {
  display: flex;
  text-align: center;
  height: 50vh;
  flex-direction: column;
  padding: 4rem 0;
}

@page {
  margin: 10px 0px 10px 0px !important;
  padding: 1cm;
}
#element-to-print {
  page-break-before: auto;
  page-break-after: auto;
  page-break-inside: avoid;
  position: relative;
}

@media print {
  div.do-not-print {
    display: none;
  }
}
.pdf-document.print .hidden-in-print {
  display: none !important;
}

@page {
  margin: 10px 0px 10px 0px !important;
  padding: 1cm;
}
#element-to-print {
  page-break-before: auto;
  page-break-after: auto;
  page-break-inside: avoid;
  position: relative;
}

@media print {
  div.do-not-print {
    display: none;
  }
}
/*** ReportStyles Ends ***/
/*** ionicons Starts ***/
/*!
  Ionicons, v1.4.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/helloimben  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons
*/
@font-face {
  font-family: "Ionicons";
  src: url("../fonts/ionicons.eot?v=1.4.0");
  src: url("../fonts/ionicons.eot?v=1.4.0#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=1.4.0") format("truetype"), url("../fonts/ionicons.woff?v=1.4.0") format("woff"), url("../fonts/ionicons.svg?v=1.4.0#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ion, .ion-loading-a,
.ion-loading-b,
.ion-loading-c,
.ion-loading-d,
.ion-looping,
.ion-refreshing,
.ion-ios7-reloading, .ionicons,
.ion-alert,
.ion-alert-circled,
.ion-android-add,
.ion-android-add-contact,
.ion-android-alarm,
.ion-android-archive,
.ion-android-arrow-back,
.ion-android-arrow-down-left,
.ion-android-arrow-down-right,
.ion-android-arrow-up-left,
.ion-android-arrow-up-right,
.ion-android-battery,
.ion-android-book,
.ion-android-calendar,
.ion-android-call,
.ion-android-camera,
.ion-android-chat,
.ion-android-checkmark,
.ion-android-clock,
.ion-android-close,
.ion-android-contact,
.ion-android-contacts,
.ion-android-data,
.ion-android-developer,
.ion-android-display,
.ion-android-download,
.ion-android-dropdown,
.ion-android-earth,
.ion-android-folder,
.ion-android-forums,
.ion-android-friends,
.ion-android-hand,
.ion-android-image,
.ion-android-inbox,
.ion-android-information,
.ion-android-keypad,
.ion-android-lightbulb,
.ion-android-locate,
.ion-android-location,
.ion-android-mail,
.ion-android-microphone,
.ion-android-mixer,
.ion-android-more,
.ion-android-note,
.ion-android-playstore,
.ion-android-printer,
.ion-android-promotion,
.ion-android-reminder,
.ion-android-remove,
.ion-android-search,
.ion-android-send,
.ion-android-settings,
.ion-android-share,
.ion-android-social,
.ion-android-social-user,
.ion-android-sort,
.ion-android-star,
.ion-android-stopwatch,
.ion-android-storage,
.ion-android-system-back,
.ion-android-system-home,
.ion-android-system-windows,
.ion-android-timer,
.ion-android-trash,
.ion-android-volume,
.ion-android-wifi,
.ion-archive,
.ion-arrow-down-a,
.ion-arrow-down-b,
.ion-arrow-down-c,
.ion-arrow-expand,
.ion-arrow-graph-down-left,
.ion-arrow-graph-down-right,
.ion-arrow-graph-up-left,
.ion-arrow-graph-up-right,
.ion-arrow-left-a,
.ion-arrow-left-b,
.ion-arrow-left-c,
.ion-arrow-move,
.ion-arrow-resize,
.ion-arrow-return-left,
.ion-arrow-return-right,
.ion-arrow-right-a,
.ion-arrow-right-b,
.ion-arrow-right-c,
.ion-arrow-shrink,
.ion-arrow-swap,
.ion-arrow-up-a,
.ion-arrow-up-b,
.ion-arrow-up-c,
.ion-at,
.ion-bag,
.ion-battery-charging,
.ion-battery-empty,
.ion-battery-full,
.ion-battery-half,
.ion-battery-low,
.ion-beaker,
.ion-beer,
.ion-bluetooth,
.ion-bookmark,
.ion-briefcase,
.ion-bug,
.ion-calculator,
.ion-calendar,
.ion-camera,
.ion-card,
.ion-chatbox,
.ion-chatbox-working,
.ion-chatboxes,
.ion-chatbubble,
.ion-chatbubble-working,
.ion-chatbubbles,
.ion-checkmark,
.ion-checkmark-circled,
.ion-checkmark-round,
.ion-chevron-down,
.ion-chevron-left,
.ion-chevron-right,
.ion-chevron-up,
.ion-clipboard,
.ion-clock,
.ion-close,
.ion-close-circled,
.ion-close-round,
.ion-cloud,
.ion-code,
.ion-code-download,
.ion-code-working,
.ion-coffee,
.ion-compass,
.ion-compose,
.ion-connection-bars,
.ion-contrast,
.ion-disc,
.ion-document,
.ion-document-text,
.ion-drag,
.ion-earth,
.ion-edit,
.ion-egg,
.ion-eject,
.ion-email,
.ion-eye,
.ion-eye-disabled,
.ion-female,
.ion-filing,
.ion-film-marker,
.ion-flag,
.ion-flash,
.ion-flash-off,
.ion-flask,
.ion-folder,
.ion-fork,
.ion-fork-repo,
.ion-forward,
.ion-game-controller-a,
.ion-game-controller-b,
.ion-gear-a,
.ion-gear-b,
.ion-grid,
.ion-hammer,
.ion-headphone,
.ion-heart,
.ion-help,
.ion-help-buoy,
.ion-help-circled,
.ion-home,
.ion-icecream,
.ion-icon-social-google-plus,
.ion-icon-social-google-plus-outline,
.ion-image,
.ion-images,
.ion-information,
.ion-information-circled,
.ion-ionic,
.ion-ios7-alarm,
.ion-ios7-alarm-outline,
.ion-ios7-albums,
.ion-ios7-albums-outline,
.ion-ios7-arrow-back,
.ion-ios7-arrow-down,
.ion-ios7-arrow-forward,
.ion-ios7-arrow-left,
.ion-ios7-arrow-right,
.ion-ios7-arrow-thin-down,
.ion-ios7-arrow-thin-left,
.ion-ios7-arrow-thin-right,
.ion-ios7-arrow-thin-up,
.ion-ios7-arrow-up,
.ion-ios7-at,
.ion-ios7-at-outline,
.ion-ios7-bell,
.ion-ios7-bell-outline,
.ion-ios7-bolt,
.ion-ios7-bolt-outline,
.ion-ios7-bookmarks,
.ion-ios7-bookmarks-outline,
.ion-ios7-box,
.ion-ios7-box-outline,
.ion-ios7-briefcase,
.ion-ios7-briefcase-outline,
.ion-ios7-browsers,
.ion-ios7-browsers-outline,
.ion-ios7-calculator,
.ion-ios7-calculator-outline,
.ion-ios7-calendar,
.ion-ios7-calendar-outline,
.ion-ios7-camera,
.ion-ios7-camera-outline,
.ion-ios7-cart,
.ion-ios7-cart-outline,
.ion-ios7-chatboxes,
.ion-ios7-chatboxes-outline,
.ion-ios7-chatbubble,
.ion-ios7-chatbubble-outline,
.ion-ios7-checkmark,
.ion-ios7-checkmark-empty,
.ion-ios7-checkmark-outline,
.ion-ios7-circle-filled,
.ion-ios7-circle-outline,
.ion-ios7-clock,
.ion-ios7-clock-outline,
.ion-ios7-close,
.ion-ios7-close-empty,
.ion-ios7-close-outline,
.ion-ios7-cloud,
.ion-ios7-cloud-download,
.ion-ios7-cloud-download-outline,
.ion-ios7-cloud-outline,
.ion-ios7-cloud-upload,
.ion-ios7-cloud-upload-outline,
.ion-ios7-cloudy,
.ion-ios7-cloudy-night,
.ion-ios7-cloudy-night-outline,
.ion-ios7-cloudy-outline,
.ion-ios7-cog,
.ion-ios7-cog-outline,
.ion-ios7-compose,
.ion-ios7-compose-outline,
.ion-ios7-contact,
.ion-ios7-contact-outline,
.ion-ios7-copy,
.ion-ios7-copy-outline,
.ion-ios7-download,
.ion-ios7-download-outline,
.ion-ios7-drag,
.ion-ios7-email,
.ion-ios7-email-outline,
.ion-ios7-eye,
.ion-ios7-eye-outline,
.ion-ios7-fastforward,
.ion-ios7-fastforward-outline,
.ion-ios7-filing,
.ion-ios7-filing-outline,
.ion-ios7-film,
.ion-ios7-film-outline,
.ion-ios7-flag,
.ion-ios7-flag-outline,
.ion-ios7-folder,
.ion-ios7-folder-outline,
.ion-ios7-gear,
.ion-ios7-gear-outline,
.ion-ios7-glasses,
.ion-ios7-glasses-outline,
.ion-ios7-heart,
.ion-ios7-heart-outline,
.ion-ios7-help,
.ion-ios7-help-empty,
.ion-ios7-help-outline,
.ion-ios7-infinite,
.ion-ios7-infinite-outline,
.ion-ios7-information,
.ion-ios7-information-empty,
.ion-ios7-information-outline,
.ion-ios7-ionic-outline,
.ion-ios7-keypad,
.ion-ios7-keypad-outline,
.ion-ios7-lightbulb,
.ion-ios7-lightbulb-outline,
.ion-ios7-location,
.ion-ios7-location-outline,
.ion-ios7-locked,
.ion-ios7-locked-outline,
.ion-ios7-medkit,
.ion-ios7-medkit-outline,
.ion-ios7-mic,
.ion-ios7-mic-off,
.ion-ios7-mic-outline,
.ion-ios7-minus,
.ion-ios7-minus-empty,
.ion-ios7-minus-outline,
.ion-ios7-monitor,
.ion-ios7-monitor-outline,
.ion-ios7-moon,
.ion-ios7-moon-outline,
.ion-ios7-more,
.ion-ios7-more-outline,
.ion-ios7-musical-note,
.ion-ios7-musical-notes,
.ion-ios7-navigate,
.ion-ios7-navigate-outline,
.ion-ios7-paperplane,
.ion-ios7-paperplane-outline,
.ion-ios7-partlysunny,
.ion-ios7-partlysunny-outline,
.ion-ios7-pause,
.ion-ios7-pause-outline,
.ion-ios7-people,
.ion-ios7-people-outline,
.ion-ios7-person,
.ion-ios7-person-outline,
.ion-ios7-personadd,
.ion-ios7-personadd-outline,
.ion-ios7-photos,
.ion-ios7-photos-outline,
.ion-ios7-pie,
.ion-ios7-pie-outline,
.ion-ios7-play,
.ion-ios7-play-outline,
.ion-ios7-plus,
.ion-ios7-plus-empty,
.ion-ios7-plus-outline,
.ion-ios7-pricetag,
.ion-ios7-pricetag-outline,
.ion-ios7-printer,
.ion-ios7-printer-outline,
.ion-ios7-rainy,
.ion-ios7-rainy-outline,
.ion-ios7-recording,
.ion-ios7-recording-outline,
.ion-ios7-redo,
.ion-ios7-redo-outline,
.ion-ios7-refresh,
.ion-ios7-refresh-empty,
.ion-ios7-refresh-outline,
.ion-ios7-reload,
.ion-ios7-rewind,
.ion-ios7-rewind-outline,
.ion-ios7-search,
.ion-ios7-search-strong,
.ion-ios7-skipbackward,
.ion-ios7-skipbackward-outline,
.ion-ios7-skipforward,
.ion-ios7-skipforward-outline,
.ion-ios7-snowy,
.ion-ios7-speedometer,
.ion-ios7-speedometer-outline,
.ion-ios7-star,
.ion-ios7-star-outline,
.ion-ios7-stopwatch,
.ion-ios7-stopwatch-outline,
.ion-ios7-sunny,
.ion-ios7-sunny-outline,
.ion-ios7-telephone,
.ion-ios7-telephone-outline,
.ion-ios7-thunderstorm,
.ion-ios7-thunderstorm-outline,
.ion-ios7-time,
.ion-ios7-time-outline,
.ion-ios7-timer,
.ion-ios7-timer-outline,
.ion-ios7-trash,
.ion-ios7-trash-outline,
.ion-ios7-undo,
.ion-ios7-undo-outline,
.ion-ios7-unlocked,
.ion-ios7-unlocked-outline,
.ion-ios7-upload,
.ion-ios7-upload-outline,
.ion-ios7-videocam,
.ion-ios7-videocam-outline,
.ion-ios7-volume-high,
.ion-ios7-volume-low,
.ion-ios7-wineglass,
.ion-ios7-wineglass-outline,
.ion-ios7-world,
.ion-ios7-world-outline,
.ion-ipad,
.ion-iphone,
.ion-ipod,
.ion-jet,
.ion-key,
.ion-knife,
.ion-laptop,
.ion-leaf,
.ion-levels,
.ion-lightbulb,
.ion-link,
.ion-load-a,
.ion-load-b,
.ion-load-c,
.ion-load-d,
.ion-location,
.ion-locked,
.ion-log-in,
.ion-log-out,
.ion-loop,
.ion-magnet,
.ion-male,
.ion-man,
.ion-map,
.ion-medkit,
.ion-mic-a,
.ion-mic-b,
.ion-mic-c,
.ion-minus,
.ion-minus-circled,
.ion-minus-round,
.ion-model-s,
.ion-monitor,
.ion-more,
.ion-music-note,
.ion-navicon,
.ion-navicon-round,
.ion-navigate,
.ion-no-smoking,
.ion-nuclear,
.ion-paper-airplane,
.ion-paperclip,
.ion-pause,
.ion-person,
.ion-person-add,
.ion-person-stalker,
.ion-pie-graph,
.ion-pin,
.ion-pinpoint,
.ion-pizza,
.ion-plane,
.ion-play,
.ion-playstation,
.ion-plus,
.ion-plus-circled,
.ion-plus-round,
.ion-pound,
.ion-power,
.ion-pricetag,
.ion-pricetags,
.ion-printer,
.ion-radio-waves,
.ion-record,
.ion-refresh,
.ion-reply,
.ion-reply-all,
.ion-search,
.ion-settings,
.ion-share,
.ion-shuffle,
.ion-skip-backward,
.ion-skip-forward,
.ion-social-android,
.ion-social-android-outline,
.ion-social-apple,
.ion-social-apple-outline,
.ion-social-bitcoin,
.ion-social-bitcoin-outline,
.ion-social-buffer,
.ion-social-buffer-outline,
.ion-social-designernews,
.ion-social-designernews-outline,
.ion-social-dribbble,
.ion-social-dribbble-outline,
.ion-social-dropbox,
.ion-social-dropbox-outline,
.ion-social-facebook,
.ion-social-facebook-outline,
.ion-social-freebsd-devil,
.ion-social-github,
.ion-social-github-outline,
.ion-social-googleplus,
.ion-social-googleplus-outline,
.ion-social-hackernews,
.ion-social-hackernews-outline,
.ion-social-linkedin,
.ion-social-linkedin-outline,
.ion-social-pinterest,
.ion-social-pinterest-outline,
.ion-social-reddit,
.ion-social-reddit-outline,
.ion-social-rss,
.ion-social-rss-outline,
.ion-social-skype,
.ion-social-skype-outline,
.ion-social-tumblr,
.ion-social-tumblr-outline,
.ion-social-tux,
.ion-social-twitter,
.ion-social-twitter-outline,
.ion-social-vimeo,
.ion-social-vimeo-outline,
.ion-social-windows,
.ion-social-windows-outline,
.ion-social-wordpress,
.ion-social-wordpress-outline,
.ion-social-yahoo,
.ion-social-yahoo-outline,
.ion-social-youtube,
.ion-social-youtube-outline,
.ion-speakerphone,
.ion-speedometer,
.ion-spoon,
.ion-star,
.ion-stats-bars,
.ion-steam,
.ion-stop,
.ion-thermometer,
.ion-thumbsdown,
.ion-thumbsup,
.ion-trash-a,
.ion-trash-b,
.ion-umbrella,
.ion-unlocked,
.ion-upload,
.ion-usb,
.ion-videocamera,
.ion-volume-high,
.ion-volume-low,
.ion-volume-medium,
.ion-volume-mute,
.ion-waterdrop,
.ion-wifi,
.ion-wineglass,
.ion-woman,
.ion-wrench,
.ion-xbox {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ion-spin, .ion-loading-a,
.ion-loading-b,
.ion-loading-c,
.ion-loading-d,
.ion-looping,
.ion-refreshing,
.ion-ios7-reloading {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ion-loading-a {
  -webkit-animation-timing-function: steps(8, start);
  -moz-animation-timing-function: steps(8, start);
  animation-timing-function: steps(8, start);
}

.ion-alert:before {
  content: "\f101";
}

.ion-alert-circled:before {
  content: "\f100";
}

.ion-android-add:before {
  content: "\f2c7";
}

.ion-android-add-contact:before {
  content: "\f2c6";
}

.ion-android-alarm:before {
  content: "\f2c8";
}

.ion-android-archive:before {
  content: "\f2c9";
}

.ion-android-arrow-back:before {
  content: "\f2ca";
}

.ion-android-arrow-down-left:before {
  content: "\f2cb";
}

.ion-android-arrow-down-right:before {
  content: "\f2cc";
}

.ion-android-arrow-up-left:before {
  content: "\f2cd";
}

.ion-android-arrow-up-right:before {
  content: "\f2ce";
}

.ion-android-battery:before {
  content: "\f2cf";
}

.ion-android-book:before {
  content: "\f2d0";
}

.ion-android-calendar:before {
  content: "\f2d1";
}

.ion-android-call:before {
  content: "\f2d2";
}

.ion-android-camera:before {
  content: "\f2d3";
}

.ion-android-chat:before {
  content: "\f2d4";
}

.ion-android-checkmark:before {
  content: "\f2d5";
}

.ion-android-clock:before {
  content: "\f2d6";
}

.ion-android-close:before {
  content: "\f2d7";
}

.ion-android-contact:before {
  content: "\f2d8";
}

.ion-android-contacts:before {
  content: "\f2d9";
}

.ion-android-data:before {
  content: "\f2da";
}

.ion-android-developer:before {
  content: "\f2db";
}

.ion-android-display:before {
  content: "\f2dc";
}

.ion-android-download:before {
  content: "\f2dd";
}

.ion-android-dropdown:before {
  content: "\f2de";
}

.ion-android-earth:before {
  content: "\f2df";
}

.ion-android-folder:before {
  content: "\f2e0";
}

.ion-android-forums:before {
  content: "\f2e1";
}

.ion-android-friends:before {
  content: "\f2e2";
}

.ion-android-hand:before {
  content: "\f2e3";
}

.ion-android-image:before {
  content: "\f2e4";
}

.ion-android-inbox:before {
  content: "\f2e5";
}

.ion-android-information:before {
  content: "\f2e6";
}

.ion-android-keypad:before {
  content: "\f2e7";
}

.ion-android-lightbulb:before {
  content: "\f2e8";
}

.ion-android-locate:before {
  content: "\f2e9";
}

.ion-android-location:before {
  content: "\f2ea";
}

.ion-android-mail:before {
  content: "\f2eb";
}

.ion-android-microphone:before {
  content: "\f2ec";
}

.ion-android-mixer:before {
  content: "\f2ed";
}

.ion-android-more:before {
  content: "\f2ee";
}

.ion-android-note:before {
  content: "\f2ef";
}

.ion-android-playstore:before {
  content: "\f2f0";
}

.ion-android-printer:before {
  content: "\f2f1";
}

.ion-android-promotion:before {
  content: "\f2f2";
}

.ion-android-reminder:before {
  content: "\f2f3";
}

.ion-android-remove:before {
  content: "\f2f4";
}

.ion-android-search:before {
  content: "\f2f5";
}

.ion-android-send:before {
  content: "\f2f6";
}

.ion-android-settings:before {
  content: "\f2f7";
}

.ion-android-share:before {
  content: "\f2f8";
}

.ion-android-social:before {
  content: "\f2fa";
}

.ion-android-social-user:before {
  content: "\f2f9";
}

.ion-android-sort:before {
  content: "\f2fb";
}

.ion-android-star:before {
  content: "\f2fc";
}

.ion-android-stopwatch:before {
  content: "\f2fd";
}

.ion-android-storage:before {
  content: "\f2fe";
}

.ion-android-system-back:before {
  content: "\f2ff";
}

.ion-android-system-home:before {
  content: "\f300";
}

.ion-android-system-windows:before {
  content: "\f301";
}

.ion-android-timer:before {
  content: "\f302";
}

.ion-android-trash:before {
  content: "\f303";
}

.ion-android-volume:before {
  content: "\f304";
}

.ion-android-wifi:before {
  content: "\f305";
}

.ion-archive:before {
  content: "\f102";
}

.ion-arrow-down-a:before {
  content: "\f103";
}

.ion-arrow-down-b:before {
  content: "\f104";
}

.ion-arrow-down-c:before {
  content: "\f105";
}

.ion-arrow-expand:before {
  content: "\f25e";
}

.ion-arrow-graph-down-left:before {
  content: "\f25f";
}

.ion-arrow-graph-down-right:before {
  content: "\f260";
}

.ion-arrow-graph-up-left:before {
  content: "\f261";
}

.ion-arrow-graph-up-right:before {
  content: "\f262";
}

.ion-arrow-left-a:before {
  content: "\f106";
}

.ion-arrow-left-b:before {
  content: "\f107";
}

.ion-arrow-left-c:before {
  content: "\f108";
}

.ion-arrow-move:before {
  content: "\f263";
}

.ion-arrow-resize:before {
  content: "\f264";
}

.ion-arrow-return-left:before {
  content: "\f265";
}

.ion-arrow-return-right:before {
  content: "\f266";
}

.ion-arrow-right-a:before {
  content: "\f109";
}

.ion-arrow-right-b:before {
  content: "\f10a";
}

.ion-arrow-right-c:before {
  content: "\f10b";
}

.ion-arrow-shrink:before {
  content: "\f267";
}

.ion-arrow-swap:before {
  content: "\f268";
}

.ion-arrow-up-a:before {
  content: "\f10c";
}

.ion-arrow-up-b:before {
  content: "\f10d";
}

.ion-arrow-up-c:before {
  content: "\f10e";
}

.ion-at:before {
  content: "\f10f";
}

.ion-bag:before {
  content: "\f110";
}

.ion-battery-charging:before {
  content: "\f111";
}

.ion-battery-empty:before {
  content: "\f112";
}

.ion-battery-full:before {
  content: "\f113";
}

.ion-battery-half:before {
  content: "\f114";
}

.ion-battery-low:before {
  content: "\f115";
}

.ion-beaker:before {
  content: "\f269";
}

.ion-beer:before {
  content: "\f26a";
}

.ion-bluetooth:before {
  content: "\f116";
}

.ion-bookmark:before {
  content: "\f26b";
}

.ion-briefcase:before {
  content: "\f26c";
}

.ion-bug:before {
  content: "\f2be";
}

.ion-calculator:before {
  content: "\f26d";
}

.ion-calendar:before {
  content: "\f117";
}

.ion-camera:before {
  content: "\f118";
}

.ion-card:before {
  content: "\f119";
}

.ion-chatbox:before {
  content: "\f11b";
}

.ion-chatbox-working:before {
  content: "\f11a";
}

.ion-chatboxes:before {
  content: "\f11c";
}

.ion-chatbubble:before {
  content: "\f11e";
}

.ion-chatbubble-working:before {
  content: "\f11d";
}

.ion-chatbubbles:before {
  content: "\f11f";
}

.ion-checkmark:before {
  content: "\f122";
}

.ion-checkmark-circled:before {
  content: "\f120";
}

.ion-checkmark-round:before {
  content: "\f121";
}

.ion-chevron-down:before {
  content: "\f123";
}

.ion-chevron-left:before {
  content: "\f124";
}

.ion-chevron-right:before {
  content: "\f125";
}

.ion-chevron-up:before {
  content: "\f126";
}

.ion-clipboard:before {
  content: "\f127";
}

.ion-clock:before {
  content: "\f26e";
}

.ion-close:before {
  content: "\f12a";
}

.ion-close-circled:before {
  content: "\f128";
}

.ion-close-round:before {
  content: "\f129";
}

.ion-cloud:before {
  content: "\f12b";
}

.ion-code:before {
  content: "\f271";
}

.ion-code-download:before {
  content: "\f26f";
}

.ion-code-working:before {
  content: "\f270";
}

.ion-coffee:before {
  content: "\f272";
}

.ion-compass:before {
  content: "\f273";
}

.ion-compose:before {
  content: "\f12c";
}

.ion-connection-bars:before {
  content: "\f274";
}

.ion-contrast:before {
  content: "\f275";
}

.ion-disc:before {
  content: "\f12d";
}

.ion-document:before {
  content: "\f12f";
}

.ion-document-text:before {
  content: "\f12e";
}

.ion-drag:before {
  content: "\f130";
}

.ion-earth:before {
  content: "\f276";
}

.ion-edit:before {
  content: "\f2bf";
}

.ion-egg:before {
  content: "\f277";
}

.ion-eject:before {
  content: "\f131";
}

.ion-email:before {
  content: "\f132";
}

.ion-eye:before {
  content: "\f133";
}

.ion-eye-disabled:before {
  content: "\f306";
}

.ion-female:before {
  content: "\f278";
}

.ion-filing:before {
  content: "\f134";
}

.ion-film-marker:before {
  content: "\f135";
}

.ion-flag:before {
  content: "\f279";
}

.ion-flash:before {
  content: "\f137";
}

.ion-flash-off:before {
  content: "\f136";
}

.ion-flask:before {
  content: "\f138";
}

.ion-folder:before {
  content: "\f139";
}

.ion-fork:before {
  content: "\f27a";
}

.ion-fork-repo:before {
  content: "\f2c0";
}

.ion-forward:before {
  content: "\f13a";
}

.ion-game-controller-a:before {
  content: "\f13b";
}

.ion-game-controller-b:before {
  content: "\f13c";
}

.ion-gear-a:before {
  content: "\f13d";
}

.ion-gear-b:before {
  content: "\f13e";
}

.ion-grid:before {
  content: "\f13f";
}

.ion-hammer:before {
  content: "\f27b";
}

.ion-headphone:before {
  content: "\f140";
}

.ion-heart:before {
  content: "\f141";
}

.ion-help:before {
  content: "\f143";
}

.ion-help-buoy:before {
  content: "\f27c";
}

.ion-help-circled:before {
  content: "\f142";
}

.ion-home:before {
  content: "\f144";
}

.ion-icecream:before {
  content: "\f27d";
}

.ion-icon-social-google-plus:before {
  content: "\f146";
}

.ion-icon-social-google-plus-outline:before {
  content: "\f145";
}

.ion-image:before {
  content: "\f147";
}

.ion-images:before {
  content: "\f148";
}

.ion-information:before {
  content: "\f14a";
}

.ion-information-circled:before {
  content: "\f149";
}

.ion-ionic:before {
  content: "\f14b";
}

.ion-ios7-alarm:before {
  content: "\f14d";
}

.ion-ios7-alarm-outline:before {
  content: "\f14c";
}

.ion-ios7-albums:before {
  content: "\f14f";
}

.ion-ios7-albums-outline:before {
  content: "\f14e";
}

.ion-ios7-arrow-back:before {
  content: "\f150";
}

.ion-ios7-arrow-down:before {
  content: "\f151";
}

.ion-ios7-arrow-forward:before {
  content: "\f152";
}

.ion-ios7-arrow-left:before {
  content: "\f153";
}

.ion-ios7-arrow-right:before {
  content: "\f154";
}

.ion-ios7-arrow-thin-down:before {
  content: "\f27e";
}

.ion-ios7-arrow-thin-left:before {
  content: "\f27f";
}

.ion-ios7-arrow-thin-right:before {
  content: "\f280";
}

.ion-ios7-arrow-thin-up:before {
  content: "\f281";
}

.ion-ios7-arrow-up:before {
  content: "\f155";
}

.ion-ios7-at:before {
  content: "\f157";
}

.ion-ios7-at-outline:before {
  content: "\f156";
}

.ion-ios7-bell:before {
  content: "\f159";
}

.ion-ios7-bell-outline:before {
  content: "\f158";
}

.ion-ios7-bolt:before {
  content: "\f15b";
}

.ion-ios7-bolt-outline:before {
  content: "\f15a";
}

.ion-ios7-bookmarks:before {
  content: "\f15d";
}

.ion-ios7-bookmarks-outline:before {
  content: "\f15c";
}

.ion-ios7-box:before {
  content: "\f15f";
}

.ion-ios7-box-outline:before {
  content: "\f15e";
}

.ion-ios7-briefcase:before {
  content: "\f283";
}

.ion-ios7-briefcase-outline:before {
  content: "\f282";
}

.ion-ios7-browsers:before {
  content: "\f161";
}

.ion-ios7-browsers-outline:before {
  content: "\f160";
}

.ion-ios7-calculator:before {
  content: "\f285";
}

.ion-ios7-calculator-outline:before {
  content: "\f284";
}

.ion-ios7-calendar:before {
  content: "\f163";
}

.ion-ios7-calendar-outline:before {
  content: "\f162";
}

.ion-ios7-camera:before {
  content: "\f165";
}

.ion-ios7-camera-outline:before {
  content: "\f164";
}

.ion-ios7-cart:before {
  content: "\f167";
}

.ion-ios7-cart-outline:before {
  content: "\f166";
}

.ion-ios7-chatboxes:before {
  content: "\f169";
}

.ion-ios7-chatboxes-outline:before {
  content: "\f168";
}

.ion-ios7-chatbubble:before {
  content: "\f16b";
}

.ion-ios7-chatbubble-outline:before {
  content: "\f16a";
}

.ion-ios7-checkmark:before {
  content: "\f16e";
}

.ion-ios7-checkmark-empty:before {
  content: "\f16c";
}

.ion-ios7-checkmark-outline:before {
  content: "\f16d";
}

.ion-ios7-circle-filled:before {
  content: "\f16f";
}

.ion-ios7-circle-outline:before {
  content: "\f170";
}

.ion-ios7-clock:before {
  content: "\f172";
}

.ion-ios7-clock-outline:before {
  content: "\f171";
}

.ion-ios7-close:before {
  content: "\f2bc";
}

.ion-ios7-close-empty:before {
  content: "\f2bd";
}

.ion-ios7-close-outline:before {
  content: "\f2bb";
}

.ion-ios7-cloud:before {
  content: "\f178";
}

.ion-ios7-cloud-download:before {
  content: "\f174";
}

.ion-ios7-cloud-download-outline:before {
  content: "\f173";
}

.ion-ios7-cloud-outline:before {
  content: "\f175";
}

.ion-ios7-cloud-upload:before {
  content: "\f177";
}

.ion-ios7-cloud-upload-outline:before {
  content: "\f176";
}

.ion-ios7-cloudy:before {
  content: "\f17a";
}

.ion-ios7-cloudy-night:before {
  content: "\f308";
}

.ion-ios7-cloudy-night-outline:before {
  content: "\f307";
}

.ion-ios7-cloudy-outline:before {
  content: "\f179";
}

.ion-ios7-cog:before {
  content: "\f17c";
}

.ion-ios7-cog-outline:before {
  content: "\f17b";
}

.ion-ios7-compose:before {
  content: "\f17e";
}

.ion-ios7-compose-outline:before {
  content: "\f17d";
}

.ion-ios7-contact:before {
  content: "\f180";
}

.ion-ios7-contact-outline:before {
  content: "\f17f";
}

.ion-ios7-copy:before {
  content: "\f182";
}

.ion-ios7-copy-outline:before {
  content: "\f181";
}

.ion-ios7-download:before {
  content: "\f184";
}

.ion-ios7-download-outline:before {
  content: "\f183";
}

.ion-ios7-drag:before {
  content: "\f185";
}

.ion-ios7-email:before {
  content: "\f187";
}

.ion-ios7-email-outline:before {
  content: "\f186";
}

.ion-ios7-eye:before {
  content: "\f189";
}

.ion-ios7-eye-outline:before {
  content: "\f188";
}

.ion-ios7-fastforward:before {
  content: "\f18b";
}

.ion-ios7-fastforward-outline:before {
  content: "\f18a";
}

.ion-ios7-filing:before {
  content: "\f18d";
}

.ion-ios7-filing-outline:before {
  content: "\f18c";
}

.ion-ios7-film:before {
  content: "\f18f";
}

.ion-ios7-film-outline:before {
  content: "\f18e";
}

.ion-ios7-flag:before {
  content: "\f191";
}

.ion-ios7-flag-outline:before {
  content: "\f190";
}

.ion-ios7-folder:before {
  content: "\f193";
}

.ion-ios7-folder-outline:before {
  content: "\f192";
}

.ion-ios7-gear:before {
  content: "\f195";
}

.ion-ios7-gear-outline:before {
  content: "\f194";
}

.ion-ios7-glasses:before {
  content: "\f197";
}

.ion-ios7-glasses-outline:before {
  content: "\f196";
}

.ion-ios7-heart:before {
  content: "\f199";
}

.ion-ios7-heart-outline:before {
  content: "\f198";
}

.ion-ios7-help:before {
  content: "\f19c";
}

.ion-ios7-help-empty:before {
  content: "\f19a";
}

.ion-ios7-help-outline:before {
  content: "\f19b";
}

.ion-ios7-infinite:before {
  content: "\f19e";
}

.ion-ios7-infinite-outline:before {
  content: "\f19d";
}

.ion-ios7-information:before {
  content: "\f1a1";
}

.ion-ios7-information-empty:before {
  content: "\f19f";
}

.ion-ios7-information-outline:before {
  content: "\f1a0";
}

.ion-ios7-ionic-outline:before {
  content: "\f1a2";
}

.ion-ios7-keypad:before {
  content: "\f1a4";
}

.ion-ios7-keypad-outline:before {
  content: "\f1a3";
}

.ion-ios7-lightbulb:before {
  content: "\f287";
}

.ion-ios7-lightbulb-outline:before {
  content: "\f286";
}

.ion-ios7-location:before {
  content: "\f1a6";
}

.ion-ios7-location-outline:before {
  content: "\f1a5";
}

.ion-ios7-locked:before {
  content: "\f1a8";
}

.ion-ios7-locked-outline:before {
  content: "\f1a7";
}

.ion-ios7-medkit:before {
  content: "\f289";
}

.ion-ios7-medkit-outline:before {
  content: "\f288";
}

.ion-ios7-mic:before {
  content: "\f1ab";
}

.ion-ios7-mic-off:before {
  content: "\f1a9";
}

.ion-ios7-mic-outline:before {
  content: "\f1aa";
}

.ion-ios7-minus:before {
  content: "\f1ae";
}

.ion-ios7-minus-empty:before {
  content: "\f1ac";
}

.ion-ios7-minus-outline:before {
  content: "\f1ad";
}

.ion-ios7-monitor:before {
  content: "\f1b0";
}

.ion-ios7-monitor-outline:before {
  content: "\f1af";
}

.ion-ios7-moon:before {
  content: "\f1b2";
}

.ion-ios7-moon-outline:before {
  content: "\f1b1";
}

.ion-ios7-more:before {
  content: "\f1b4";
}

.ion-ios7-more-outline:before {
  content: "\f1b3";
}

.ion-ios7-musical-note:before {
  content: "\f1b5";
}

.ion-ios7-musical-notes:before {
  content: "\f1b6";
}

.ion-ios7-navigate:before {
  content: "\f1b8";
}

.ion-ios7-navigate-outline:before {
  content: "\f1b7";
}

.ion-ios7-paperplane:before {
  content: "\f1ba";
}

.ion-ios7-paperplane-outline:before {
  content: "\f1b9";
}

.ion-ios7-partlysunny:before {
  content: "\f1bc";
}

.ion-ios7-partlysunny-outline:before {
  content: "\f1bb";
}

.ion-ios7-pause:before {
  content: "\f1be";
}

.ion-ios7-pause-outline:before {
  content: "\f1bd";
}

.ion-ios7-people:before {
  content: "\f1c0";
}

.ion-ios7-people-outline:before {
  content: "\f1bf";
}

.ion-ios7-person:before {
  content: "\f1c2";
}

.ion-ios7-person-outline:before {
  content: "\f1c1";
}

.ion-ios7-personadd:before {
  content: "\f1c4";
}

.ion-ios7-personadd-outline:before {
  content: "\f1c3";
}

.ion-ios7-photos:before {
  content: "\f1c6";
}

.ion-ios7-photos-outline:before {
  content: "\f1c5";
}

.ion-ios7-pie:before {
  content: "\f28b";
}

.ion-ios7-pie-outline:before {
  content: "\f28a";
}

.ion-ios7-play:before {
  content: "\f1c8";
}

.ion-ios7-play-outline:before {
  content: "\f1c7";
}

.ion-ios7-plus:before {
  content: "\f1cb";
}

.ion-ios7-plus-empty:before {
  content: "\f1c9";
}

.ion-ios7-plus-outline:before {
  content: "\f1ca";
}

.ion-ios7-pricetag:before {
  content: "\f28d";
}

.ion-ios7-pricetag-outline:before {
  content: "\f28c";
}

.ion-ios7-printer:before {
  content: "\f1cd";
}

.ion-ios7-printer-outline:before {
  content: "\f1cc";
}

.ion-ios7-rainy:before {
  content: "\f1cf";
}

.ion-ios7-rainy-outline:before {
  content: "\f1ce";
}

.ion-ios7-recording:before {
  content: "\f1d1";
}

.ion-ios7-recording-outline:before {
  content: "\f1d0";
}

.ion-ios7-redo:before {
  content: "\f1d3";
}

.ion-ios7-redo-outline:before {
  content: "\f1d2";
}

.ion-ios7-refresh:before {
  content: "\f1d6";
}

.ion-ios7-refresh-empty:before {
  content: "\f1d4";
}

.ion-ios7-refresh-outline:before {
  content: "\f1d5";
}

.ion-ios7-reload:before, .ion-ios7-reloading:before {
  content: "\f28e";
}

.ion-ios7-rewind:before {
  content: "\f1d8";
}

.ion-ios7-rewind-outline:before {
  content: "\f1d7";
}

.ion-ios7-search:before {
  content: "\f1da";
}

.ion-ios7-search-strong:before {
  content: "\f1d9";
}

.ion-ios7-skipbackward:before {
  content: "\f1dc";
}

.ion-ios7-skipbackward-outline:before {
  content: "\f1db";
}

.ion-ios7-skipforward:before {
  content: "\f1de";
}

.ion-ios7-skipforward-outline:before {
  content: "\f1dd";
}

.ion-ios7-snowy:before {
  content: "\f309";
}

.ion-ios7-speedometer:before {
  content: "\f290";
}

.ion-ios7-speedometer-outline:before {
  content: "\f28f";
}

.ion-ios7-star:before {
  content: "\f1e0";
}

.ion-ios7-star-outline:before {
  content: "\f1df";
}

.ion-ios7-stopwatch:before {
  content: "\f1e2";
}

.ion-ios7-stopwatch-outline:before {
  content: "\f1e1";
}

.ion-ios7-sunny:before {
  content: "\f1e4";
}

.ion-ios7-sunny-outline:before {
  content: "\f1e3";
}

.ion-ios7-telephone:before {
  content: "\f1e6";
}

.ion-ios7-telephone-outline:before {
  content: "\f1e5";
}

.ion-ios7-thunderstorm:before {
  content: "\f1e8";
}

.ion-ios7-thunderstorm-outline:before {
  content: "\f1e7";
}

.ion-ios7-time:before {
  content: "\f292";
}

.ion-ios7-time-outline:before {
  content: "\f291";
}

.ion-ios7-timer:before {
  content: "\f1ea";
}

.ion-ios7-timer-outline:before {
  content: "\f1e9";
}

.ion-ios7-trash:before {
  content: "\f1ec";
}

.ion-ios7-trash-outline:before {
  content: "\f1eb";
}

.ion-ios7-undo:before {
  content: "\f1ee";
}

.ion-ios7-undo-outline:before {
  content: "\f1ed";
}

.ion-ios7-unlocked:before {
  content: "\f1f0";
}

.ion-ios7-unlocked-outline:before {
  content: "\f1ef";
}

.ion-ios7-upload:before {
  content: "\f1f2";
}

.ion-ios7-upload-outline:before {
  content: "\f1f1";
}

.ion-ios7-videocam:before {
  content: "\f1f4";
}

.ion-ios7-videocam-outline:before {
  content: "\f1f3";
}

.ion-ios7-volume-high:before {
  content: "\f1f5";
}

.ion-ios7-volume-low:before {
  content: "\f1f6";
}

.ion-ios7-wineglass:before {
  content: "\f294";
}

.ion-ios7-wineglass-outline:before {
  content: "\f293";
}

.ion-ios7-world:before {
  content: "\f1f8";
}

.ion-ios7-world-outline:before {
  content: "\f1f7";
}

.ion-ipad:before {
  content: "\f1f9";
}

.ion-iphone:before {
  content: "\f1fa";
}

.ion-ipod:before {
  content: "\f1fb";
}

.ion-jet:before {
  content: "\f295";
}

.ion-key:before {
  content: "\f296";
}

.ion-knife:before {
  content: "\f297";
}

.ion-laptop:before {
  content: "\f1fc";
}

.ion-leaf:before {
  content: "\f1fd";
}

.ion-levels:before {
  content: "\f298";
}

.ion-lightbulb:before {
  content: "\f299";
}

.ion-link:before {
  content: "\f1fe";
}

.ion-load-a:before, .ion-loading-a:before {
  content: "\f29a";
}

.ion-load-b:before, .ion-loading-b:before {
  content: "\f29b";
}

.ion-load-c:before, .ion-loading-c:before {
  content: "\f29c";
}

.ion-load-d:before, .ion-loading-d:before {
  content: "\f29d";
}

.ion-location:before {
  content: "\f1ff";
}

.ion-locked:before {
  content: "\f200";
}

.ion-log-in:before {
  content: "\f29e";
}

.ion-log-out:before {
  content: "\f29f";
}

.ion-loop:before, .ion-looping:before {
  content: "\f201";
}

.ion-magnet:before {
  content: "\f2a0";
}

.ion-male:before {
  content: "\f2a1";
}

.ion-man:before {
  content: "\f202";
}

.ion-map:before {
  content: "\f203";
}

.ion-medkit:before {
  content: "\f2a2";
}

.ion-mic-a:before {
  content: "\f204";
}

.ion-mic-b:before {
  content: "\f205";
}

.ion-mic-c:before {
  content: "\f206";
}

.ion-minus:before {
  content: "\f209";
}

.ion-minus-circled:before {
  content: "\f207";
}

.ion-minus-round:before {
  content: "\f208";
}

.ion-model-s:before {
  content: "\f2c1";
}

.ion-monitor:before {
  content: "\f20a";
}

.ion-more:before {
  content: "\f20b";
}

.ion-music-note:before {
  content: "\f20c";
}

.ion-navicon:before {
  content: "\f20e";
}

.ion-navicon-round:before {
  content: "\f20d";
}

.ion-navigate:before {
  content: "\f2a3";
}

.ion-no-smoking:before {
  content: "\f2c2";
}

.ion-nuclear:before {
  content: "\f2a4";
}

.ion-paper-airplane:before {
  content: "\f2c3";
}

.ion-paperclip:before {
  content: "\f20f";
}

.ion-pause:before {
  content: "\f210";
}

.ion-person:before {
  content: "\f213";
}

.ion-person-add:before {
  content: "\f211";
}

.ion-person-stalker:before {
  content: "\f212";
}

.ion-pie-graph:before {
  content: "\f2a5";
}

.ion-pin:before {
  content: "\f2a6";
}

.ion-pinpoint:before {
  content: "\f2a7";
}

.ion-pizza:before {
  content: "\f2a8";
}

.ion-plane:before {
  content: "\f214";
}

.ion-play:before {
  content: "\f215";
}

.ion-playstation:before {
  content: "\f30a";
}

.ion-plus:before {
  content: "\f218";
}

.ion-plus-circled:before {
  content: "\f216";
}

.ion-plus-round:before {
  content: "\f217";
}

.ion-pound:before {
  content: "\f219";
}

.ion-power:before {
  content: "\f2a9";
}

.ion-pricetag:before {
  content: "\f2aa";
}

.ion-pricetags:before {
  content: "\f2ab";
}

.ion-printer:before {
  content: "\f21a";
}

.ion-radio-waves:before {
  content: "\f2ac";
}

.ion-record:before {
  content: "\f21b";
}

.ion-refresh:before, .ion-refreshing:before {
  content: "\f21c";
}

.ion-reply:before {
  content: "\f21e";
}

.ion-reply-all:before {
  content: "\f21d";
}

.ion-search:before {
  content: "\f21f";
}

.ion-settings:before {
  content: "\f2ad";
}

.ion-share:before {
  content: "\f220";
}

.ion-shuffle:before {
  content: "\f221";
}

.ion-skip-backward:before {
  content: "\f222";
}

.ion-skip-forward:before {
  content: "\f223";
}

.ion-social-android:before {
  content: "\f225";
}

.ion-social-android-outline:before {
  content: "\f224";
}

.ion-social-apple:before {
  content: "\f227";
}

.ion-social-apple-outline:before {
  content: "\f226";
}

.ion-social-bitcoin:before {
  content: "\f2af";
}

.ion-social-bitcoin-outline:before {
  content: "\f2ae";
}

.ion-social-buffer:before {
  content: "\f229";
}

.ion-social-buffer-outline:before {
  content: "\f228";
}

.ion-social-designernews:before {
  content: "\f22b";
}

.ion-social-designernews-outline:before {
  content: "\f22a";
}

.ion-social-dribbble:before {
  content: "\f22d";
}

.ion-social-dribbble-outline:before {
  content: "\f22c";
}

.ion-social-dropbox:before {
  content: "\f22f";
}

.ion-social-dropbox-outline:before {
  content: "\f22e";
}

.ion-social-facebook:before {
  content: "\f231";
}

.ion-social-facebook-outline:before {
  content: "\f230";
}

.ion-social-freebsd-devil:before {
  content: "\f2c4";
}

.ion-social-github:before {
  content: "\f233";
}

.ion-social-github-outline:before {
  content: "\f232";
}

.ion-social-googleplus:before {
  content: "\f235";
}

.ion-social-googleplus-outline:before {
  content: "\f234";
}

.ion-social-hackernews:before {
  content: "\f237";
}

.ion-social-hackernews-outline:before {
  content: "\f236";
}

.ion-social-linkedin:before {
  content: "\f239";
}

.ion-social-linkedin-outline:before {
  content: "\f238";
}

.ion-social-pinterest:before {
  content: "\f2b1";
}

.ion-social-pinterest-outline:before {
  content: "\f2b0";
}

.ion-social-reddit:before {
  content: "\f23b";
}

.ion-social-reddit-outline:before {
  content: "\f23a";
}

.ion-social-rss:before {
  content: "\f23d";
}

.ion-social-rss-outline:before {
  content: "\f23c";
}

.ion-social-skype:before {
  content: "\f23f";
}

.ion-social-skype-outline:before {
  content: "\f23e";
}

.ion-social-tumblr:before {
  content: "\f241";
}

.ion-social-tumblr-outline:before {
  content: "\f240";
}

.ion-social-tux:before {
  content: "\f2c5";
}

.ion-social-twitter:before {
  content: "\f243";
}

.ion-social-twitter-outline:before {
  content: "\f242";
}

.ion-social-vimeo:before {
  content: "\f245";
}

.ion-social-vimeo-outline:before {
  content: "\f244";
}

.ion-social-windows:before {
  content: "\f247";
}

.ion-social-windows-outline:before {
  content: "\f246";
}

.ion-social-wordpress:before {
  content: "\f249";
}

.ion-social-wordpress-outline:before {
  content: "\f248";
}

.ion-social-yahoo:before {
  content: "\f24b";
}

.ion-social-yahoo-outline:before {
  content: "\f24a";
}

.ion-social-youtube:before {
  content: "\f24d";
}

.ion-social-youtube-outline:before {
  content: "\f24c";
}

.ion-speakerphone:before {
  content: "\f2b2";
}

.ion-speedometer:before {
  content: "\f2b3";
}

.ion-spoon:before {
  content: "\f2b4";
}

.ion-star:before {
  content: "\f24e";
}

.ion-stats-bars:before {
  content: "\f2b5";
}

.ion-steam:before {
  content: "\f30b";
}

.ion-stop:before {
  content: "\f24f";
}

.ion-thermometer:before {
  content: "\f2b6";
}

.ion-thumbsdown:before {
  content: "\f250";
}

.ion-thumbsup:before {
  content: "\f251";
}

.ion-trash-a:before {
  content: "\f252";
}

.ion-trash-b:before {
  content: "\f253";
}

.ion-umbrella:before {
  content: "\f2b7";
}

.ion-unlocked:before {
  content: "\f254";
}

.ion-upload:before {
  content: "\f255";
}

.ion-usb:before {
  content: "\f2b8";
}

.ion-videocamera:before {
  content: "\f256";
}

.ion-volume-high:before {
  content: "\f257";
}

.ion-volume-low:before {
  content: "\f258";
}

.ion-volume-medium:before {
  content: "\f259";
}

.ion-volume-mute:before {
  content: "\f25a";
}

.ion-waterdrop:before {
  content: "\f25b";
}

.ion-wifi:before {
  content: "\f25c";
}

.ion-wineglass:before {
  content: "\f2b9";
}

.ion-woman:before {
  content: "\f25d";
}

.ion-wrench:before {
  content: "\f2ba";
}

.ion-xbox:before {
  content: "\f30c";
}

/*** ionicons Ends ***/