/* Empty. Add your own CSS if you like */

.weight-medium {font-weight: 400;}
.weight-light {font-weight: 300;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.wrap-elip {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.white-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  z-index: 1000;
  background: #FFF;
  pointer-events: none;
}
.spinner-balanced {
  position: absolute;
  top: 250px;
  left: 0;
  right: 0;
  text-align: center;
}

.spinner-a {
  margin: auto;
  display:block;
  font-size: 6px;
  position: relative;
  text-indent: -9999em;
  border-top: .1em solid rgba(255, 255, 255, 0.2);
  border-right: .1em solid rgba(255, 255, 255, 0.2);
  border-bottom: .1em solid rgba(255, 255, 255, 0.2);
  border-left: .1em solid #ffffff;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.spinner-a,
.spinner-a:after {
  border-radius: 50%;
  width: 2em;
  height: 2em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.refreshing-spinner{
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.scroll-refresher .refreshing-spinner{
  display:none
}
.scroll-refresher.active.refreshing .refreshing-spinner{
  display:block;
}


/* Gradient Related CSS */
.gradient-bg-vertical {
  background: #19a79d; /* Old browsers */
  background: -moz-linear-gradient(top,  #19a79d 0%, #32abdf 100%);
  background: -webkit-linear-gradient(top,  #19a79d 0%,#32abdf 100%);
  background: linear-gradient(to bottom,  #19a79d 0%,#32abdf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19a79d', endColorstr='#32abdf',GradientType=0 ); /* IE6-9 */
}
.gradient-bg-horizontal {
  background: #19a79d; /* Old browsers */
  background: -moz-linear-gradient(left, #32abdf 0%, #19a79d 100%) !important;
  background: -webkit-linear-gradient(left, #32abdf 0%,#19a79d 100%) !important;
  background: linear-gradient(to right, #32abdf 0%,#19a79d 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32abdf', endColorstr='#19a79d',GradientType=1 ); /* IE6-9 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
}
.gradient-bg-vertical-warning {
  background: #E21D47; /* Old browsers */
  background: -moz-linear-gradient(top, #E21D47 0%, #A81B44 100%);
  background: -webkit-linear-gradient(top, #E21D47 0%, #A81B44 100%);
  background: linear-gradient(to bottom,  #E21D47 0%, #A81B44 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E21D47', endColorstr='#A81B44',GradientType=0 ); /* IE6-9 */
  -webkit-text-fill-color: #fff;
}
.gradient-bg-horizontal-warning {
  background: #E21D47; /* Old browsers */
  background: -moz-linear-gradient(left, #E21D47 0%, #A81B44 100%);
  background: -webkit-linear-gradient(left, #E21D47 0%, #A81B44 100%);
  background: linear-gradient(to right,  #E21D47 0%, #A81B44 100%);
  -webkit-text-fill-color: #fff;
}
.solid-color-warning {
  background: #E51743;
  -webkit-text-fill-color: #fff;
}
.gradient-icon {
  background: #32abdc !important; /* Old browsers */
  background: -moz-linear-gradient(left, #32abdc 0%, #87c04c 100%) !important;
  background: -webkit-linear-gradient(left, #32abdc 0%,#87c04c 100%) !important;
  background: linear-gradient(to right, #32abdc 0%,#87c04c 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32abdc', endColorstr='#87c04c',GradientType=1 ) !important; /* IE6-9 */
  -webkit-background-clip: text;
  /*-webkit-text-fill-color: transparent;*/
}
.orange-gradient-bg-horizontal {
  background: #F15A29; /* Old browsers */
  background: -moz-linear-gradient(left, #F15A29 0%, #F7941D 100%) !important;
  background: -webkit-linear-gradient(left, #F15A29 0%,#F7941D 100%) !important;
  background: linear-gradient(to right, #F15A29 0%,#F7941D 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F15A29', endColorstr='#F7941D',GradientType=1 ); /* IE6-9 */
  -webkit-background-clip: text;
  /*-webkit-text-fill-color: transparent;*/
}

/* Outline Button White Overwrite */
.button-white {
  border-color: #FFF !important;
  color: #FFF !important;
}

/* custom font */
@font-face {
  font-family: 'Helvetica CE';
  src: url('../fonts/HV.ttf');
}

@font-face {
  font-family: 'Helvetica CE Bold';
  src: url('../fonts/HVB.ttf');
}

.body {
  font-family: 'Helvetica CE';
}

/* popup css */

.copop .popup {
  border-radius: 16px !important;
  background: #19a79d; /* Old browsers */
  background: -moz-linear-gradient(left, #32abdf 0%, #19a79d 100%) !important;
  background: -webkit-linear-gradient(left, #32abdf 0%,#19a79d 100%) !important;
  background: linear-gradient(to right, #32abdf 0%,#19a79d 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32abdf', endColorstr='#19a79d',GradientType=1 ); /* IE6-9 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
}

.copop .popup-title i {
  font-size: 60px;
}

.copop.popup-container .popup {
  width: 90%;
  height: 570px;
}

.copop .popup-buttons {
  text-align: center;
  margin: 0 auto;
  width: 80%;
}

.copop .popup-buttons button {
  background: transparent;
  border-color: #fff;
  font-family: "Helvetica CE Bold";
  font-size: 18px;
  display: inline-block;
}

.infoModal .popup-body {
  text-align: center;
}

.infoModal .popup-body p {
  font-size: 17px !important;
  line-height: 1.7;
  width: 82%;
  display: inline-block;
  font-family: "Helvetica CE Bold";
}

.infoModal .popup-body p:first-of-type {
  margin-bottom: 20px;
}

.infoModal .popup-head {
  border: none;
}

.infoModal .popup-title {
  font-size: 30px;
  letter-spacing: 2px;
  clear: both;
}

.infoModal .popup-title div {
  margin: 10px 0;
}

/* Profile shared styles */
.profile-img {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  border: 3px solid white;
}

.custom-checkmark {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 1.4;
  float: left;
}

.custom-checkmark i {
  font-size: 20px;
  color: #fff;
}

.checkmark-spacer {
  padding-left: 54px;
}

.leftover-icon {
  content: url('../img/lunch-bag.png') !important;
}

.announcement {
  margin-top: -10px !important;
  margin-bottom: -50px;
  text-align: center !important;
  margin: -15px;
  background-color: #f44336;
  width: 110%;
  text-align: center;
}

.announcement p {
  text-align: center !important;
  color: #fff;
  margin: 10px 0;
  font-weight: 700 !important;
  width: 100%;
}