@import url(https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.1/css/bulma.min.css);@font-face {
  font-family: 'fontello';
  src: url(/fonts/fontello.eot);
  src: url(/fonts/fontello.eot#iefix) format('embedded-opentype'),
       url(/fonts/fontello.woff2) format('woff2'),
       url(/fonts/fontello.woff) format('woff'),
       url(/fonts/fontello.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?64790025#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-pif:before { content: '\E800'; } /* '' */
.icon-plus-o:before { content: '\E801'; } /* '' */
.icon-arrow-down-long:before { content: '\E802'; } /* '' */
.icon-arrow-down-o:before { content: '\E803'; } /* '' */
.icon-arrow-left-o:before { content: '\E804'; } /* '' */
.icon-arrow-left:before { content: '\E805'; } /* '' */
.icon-arrow-right-o:before { content: '\E806'; } /* '' */
.icon-arrow-right:before { content: '\E807'; } /* '' */
.icon-arrow-up-long:before { content: '\E808'; } /* '' */
.icon-arrow-up-o:before { content: '\E809'; } /* '' */
.icon-camera:before { content: '\E80A'; } /* '' */
.icon-check-o:before { content: '\E80B'; } /* '' */
.icon-clock:before { content: '\E80C'; } /* '' */
.icon-close-o:before { content: '\E80D'; } /* '' */
.icon-delete:before { content: '\E80E'; } /* '' */
.icon-dislike:before { content: '\E80F'; } /* '' */
.icon-doc:before { content: '\E810'; } /* '' */
.icon-download:before { content: '\E811'; } /* '' */
.icon-edit:before { content: '\E812'; } /* '' */
.icon-error-o:before { content: '\E813'; } /* '' */
.icon-grid:before { content: '\E814'; } /* '' */
.icon-heart:before { content: '\E815'; } /* '' */
.icon-home:before { content: '\E816'; } /* '' */
.icon-img:before { content: '\E817'; } /* '' */
.icon-inbox:before { content: '\E818'; } /* '' */
.icon-info-o:before { content: '\E819'; } /* '' */
.icon-like:before { content: '\E81A'; } /* '' */
.icon-link:before { content: '\E81B'; } /* '' */
.icon-lock:before { content: '\E81C'; } /* '' */
.icon-mail:before { content: '\E81D'; } /* '' */
.icon-message:before { content: '\E81E'; } /* '' */
.icon-minus-o:before { content: '\E81F'; } /* '' */
.icon-pause-o:before { content: '\E820'; } /* '' */
.icon-pif-forward:before { content: '\E821'; } /* '' */
.icon-pif-o:before { content: '\E822'; } /* '' */
.icon-pin:before { content: '\E823'; } /* '' */
.icon-plus:before { content: '\E824'; } /* '' */
.icon-power:before { content: '\E825'; } /* '' */
.icon-reload:before { content: '\E826'; } /* '' */
.icon-reply-o:before { content: '\E827'; } /* '' */
.icon-reply:before { content: '\E828'; } /* '' */
.icon-save:before { content: '\E829'; } /* '' */
.icon-search:before { content: '\E82A'; } /* '' */
.icon-settings:before { content: '\E82B'; } /* '' */
.icon-share:before { content: '\E82C'; } /* '' */
.icon-times:before { content: '\E82D'; } /* '' */
.icon-unlock:before { content: '\E82E'; } /* '' */
.icon-upload:before { content: '\E82F'; } /* '' */
.icon-user:before { content: '\E830'; } /* '' */
.icon-arrow-down:before { content: '\E831'; } /* '' */
.icon-arrow-up:before { content: '\E832'; } /* '' */
.icon-pif-convert-o:before { content: '\E833'; } /* '' */
.icon-pif-transfer-o:before { content: '\E834'; } /* '' */
.icon-pif-buy-o:before { content: '\E835'; } /* '' */
.icon-marketplace:before { content: '\E836'; } /* '' */
.icon-pif-buy:before { content: '\E837'; } /* '' */
.icon-eye:before { content: '\E838'; } /* '' */
.icon-o:before { content: '\E839'; } /* '' */@font-face {
  font-family: 'Sofia Pro Light';
  src: url(/fonts/sofia-pro.eot); /* IE9 Compat Modes */
  src: url(/fonts/sofia-pro.eot?#iefix) format('embedded-opentype'), 
       url(/fonts/sofia-pro.woff) format('woff'), 
       url(/fonts/sofia-pro.ttf)  format('truetype'); /* Safari, Android, iOS */

       
  font-style:   normal;
  font-weight:  200;
}

@font-face {
  font-family: 'Sofia Pro Medium';
  src: url(/fonts/sofia-pro-bold.eot); /* IE9 Compat Modes */
  src: url(/fonts/sofia-pro-bold.eot?#iefix) format('embedded-opentype'), 
       url(/fonts/sofia-pro-bold.woff) format('woff'), 
       url(/fonts/sofia-pro-bold.ttf)  format('truetype'); /* Safari, Android, iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Sofia Pro ExtraLight';
  src: url(/fonts/sofia-pro-light.eot); /* IE9 Compat Modes */
  src: url(/fonts/sofia-pro-light.eot?#iefix) format('embedded-opentype'), 
       url(/fonts/sofia-pro-light.woff) format('woff'), 
       url(/fonts/sofia-pro-light.ttf)  format('truetype'); /* Safari, Android, iOS */
       
  font-style:   normal;
  font-weight:  200;
}

html, body {
  height: 100%;
  background: 'green'; }

body {
  -webkit-font-smoothing: antialiased;
  margin-bottom: 175px; }

body,
button,
input,
select,
textarea, tr, td, table, a {
  font-family: "Sofia Pro Light" !important;
  letter-spacing: 0.65px !important; }

a {
  transition: .3s all; }
  a:hover {
    color: #06B48D; }

h1 {
  font-size: 1.75rem;
  color: #007fff;
  font-family: "Sofia Pro Medium"; }

h2 {
  font-size: 1.5rem;
  color: #007fff; }

.mb {
  margin-bottom: 1rem; }

#top-nav {
  padding: 1rem 0; }
  #top-nav .level-item {
    margin-right: 1.25rem; }
  #top-nav .nav-link {
    font-family: 'Sofia Pro Medium' !important;
    letter-spacing: 1px; }
  #top-nav .logo img {
    width: 150px;
    height: auto; }

#top-drop {
  margin-bottom: 0 !important; }
  #top-drop a:hover {
    color: #06B48D; }
  #top-drop li a.is-active {
    font-weight: bold; }
  #top-drop hr {
    margin: 0; }
  #top-drop .navbar-item.is-active {
    color: #06B48D; }
  #top-drop .navbar-item.sub-item {
    margin: 0;
    background: rgba(6, 180, 141, 0.1);
    padding: .5rem 1rem .5rem 2rem; }
  #top-drop .navbar-link::after {
    border-color: #06B48D; }

.hero {
  background-image: radial-gradient(95% -140%, #007FFF 0%, #0186F0 13%, #0186F0 13%, #0187EE 15%, #028EDF 28%, #06B48D 100%);
  margin-bottom: 2rem; }
  .hero h1 {
    color: #fff; }
  .hero h2 {
    color: #fff; }

.sign-in-wrap {
  text-align: center; }

.orgCard {
  margin: 20px;
  float: left;
  border: solid 1px #CECECE;
  min-width: 30%; }

.orgNavigation {
  width: 100%; }
  .orgNavigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #f1f1f1;
    float: left;
    cursor: pointer;
    /* Change the link color on hover */ }
    .orgNavigation ul li {
      float: left;
      color: #333333; }
    .orgNavigation ul li a {
      display: block;
      padding: 8px 16px;
      text-decoration: none;
      color: #333333; }
    .orgNavigation ul li a:hover {
      color: #333333;
      font-weight: bold; }

.nav-active {
  color: white;
  font-weight: bold;
  border-bottom: solid 1px #333333; }

.productSearchBar {
  width: 100%;
  position: relative;
  margin-bottom: 25px; }
  .productSearchBar input[type=text] {
    margin-top: 25px;
    width: 100%;
    padding: 25px;
    padding-left: 55px;
    height: 35px;
    font-size: 14pt;
    background-image: url(/1f9d2bcdb8cbd8b53a4ab58a89b08a31.png);
    background-repeat: no-repeat;
    background-position: 10px;
    background-size: 35px;
    border: solid 1px #CECECE; }

.productItem {
  transition: all .2s ease-in-out;
  width: 20%;
  height: 20%;
  margin-left: 3%;
  float: left;
  text-align: center;
  cursor: pointer; }
  .productItem div {
    width: 100%; }
  .productItem img {
    float: left;
    width: 100%;
    border: solid 1px #cecece;
    padding: 4px;
    height: 250px;
    background-color: #fff;
    margin-top: 20px; }
  .productItem label {
    color: #333333;
    font-size: 13pt;
    font-weight: bold;
    margin: auto; }
  .productItem p {
    margin: auto;
    font-size: 11pt;
    color: black; }
  .productItem:hover {
    transform: scale(1.05); }

.createProductLink {
  color: #fff;
  padding: 10px;
  border: solid 1px #fff;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in; }

.createProductLink:hover {
  color: 333333;
  background-color: rgba(255, 255, 255, 0.5); }

.prodItemContainer {
  float: left;
  width: 100%;
  margin-bottom: 10px; }

.labelContainer {
  width: 40%;
  text-align: right;
  font-weight: bold;
  padding-right: 25px;
  float: left;
  margin-top: 5px; }

.controlContainer {
  width: 55%;
  text-align: left;
  float: left; }

.productInput {
  width: 80%;
  max-width: 450px;
  border: solid 1px #cecece;
  padding: 10px;
  font-size: 12pt;
  z-index: 5; }

.autoSuggestInput {
  width: 80%;
  max-width: 350px;
  border: solid 1px #cecece;
  padding: 10px;
  font-size: 12pt;
  z-index: 5; }

.chip {
  display: inline-block;
  padding: 0 25px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  border-radius: 25px;
  background-color: #f1f1f1;
  border: solid 1px #333333;
  margin-left: 15px;
  margin-bottom: 15px;
  cursor: pointer; }

.chipCloseBtn {
  padding-left: 10px;
  color: #999;
  float: right;
  font-weight: bold;
  font-size: 22px;
  cursor: pointer; }

.chipItemContainer {
  float: left;
  width: 100%;
  margin-bottom: 10px; }

.selectedChipContainer {
  border: solid 1px #cecece;
  padding: 15px;
  max-height: 300px;
  overflow: auto; }

.chipItemContainer {
  float: left;
  width: 100%;
  margin-bottom: 10px; }

.productButton {
  padding: 8px;
  border: solid 1px #06B48D;
  text-align: center;
  font-size: 14pt;
  color: #333333;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  cursor: pointer; }

.productButton:hover {
  color: #fff;
  background-color: rgba(34, 211, 172, 0.637); }

.selectedOpts {
  width: 100%;
  padding: 10px;
  margin-top: -10px;
  margin-bottom: 20px;
  border-bottom: solid 1px #CECECE;
  float: left; }

.prodImgPreview {
  max-width: 40%; }

.prodMessage {
  width: 60%;
  margin: auto;
  color: white;
  text-align: center; }

.autoSuggestResults {
  position: absolute;
  top: 38px;
  border: solid 1px #CECECE;
  background-color: #fff;
  min-width: 300px;
  max-height: 450px;
  overflow: auto;
  z-index: 9999; }

.autoSuggestResultItem {
  border-bottom: solid 1px #cecece;
  padding: 8px;
  width: 100%;
  cursor: pointer; }
  .autoSuggestResultItem:hover {
    background-color: #f8f8f8; }

.poRemove {
  text-decoration: underline;
  color: #00d1b2;
  cursor: pointer;
  padding-left: 7px; }

.file-upload {
  overflow: hidden !important;
  position: relative; }

.file-upload [type=file] {
  cursor: inherit;
  display: block;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0; }

.file-upload {
  border-radius: 6px;
  border: 2px solid #007fff;
  font-weight: bold;
  color: #007fff;
  padding: 1em; }

.file-upload [type=file] {
  cursor: pointer; }

.pocketNavItem {
  padding-left: 10px; }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

.switch input {
  display: none; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #06B48D; }

input:focus + .slider {
  box-shadow: 0 0 1px #06B48D; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.switchValueDisplay {
  position: relative;
  top: -9px;
  left: 10px;
  background-color: white; }

.gridTable {
  width: 100%; }
  .gridTable th {
    background-color: #333333;
    color: #fff; }
  .gridTable th, .gridTable td {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    vertical-align: middle; }
  .gridTable tr {
    cursor: pointer; }
  .gridTable tr:nth-child(even) {
    background-color: #f2f2f2; }

.rebateCode {
  font-size: 14pt;
  color: #333333;
  padding: 6px; }

.rebateCodeContainer {
  max-height: 300px;
  overflow: auto;
  border: none; }

.financialSection {
  width: 48%;
  border: solid 1px #cecece;
  padding: 15px;
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  min-height: 400px;
  max-height: 550px; }
  .financialSection button {
    padding: 15px; }
  .financialSection i {
    color: #333333;
    margin-top: 15px; }

@media screen and (max-width: 1024px) {
  .financialSection {
    width: 96%; } }

.financialSectionHeader {
  color: #007fff;
  font-weight: bold;
  font-size: 15pt; }

.financialAcctBal {
  color: #333333;
  font-size: 13pt; }

.financialSectionOverflow {
  height: 350px;
  overflow: auto; }

.transactionFilterContainer {
  padding: 20px;
  width: 100%; }

.notification-container {
  position: relative;
  text-align: center;
  margin: auto;
  -webkit-animation: fadeIn 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadeIn 1s;
  /* Firefox < 16 */
  -ms-animation: fadeIn 1s;
  /* Internet Explorer */
  -o-animation: fadeIn 1s;
  /* Opera < 12.1 */
  animation: fadeIn 1s; }

.notification-container-hide {
  position: relative;
  text-align: center;
  margin: auto;
  -webkit-animation: fadeOut 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadeOut 1s;
  /* Firefox < 16 */
  -ms-animation: fadeOut 1s;
  /* Internet Explorer */
  -o-animation: fadeOut 1s;
  /* Opera < 12.1 */
  animation: fadeOut 1s; }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Firefox < 16 */
@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }