@font-face {
  font-family: "Avenir Book";
  src: url(../fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix);
  src: url(../fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix)
      format("eot"),
    url(../fonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2) format("woff2"),
    url(../fonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff) format("woff"),
    url(../fonts/c70e90bc-3c94-41dc-bf14-caa727c76301.ttf) format("truetype"),
    url(../fonts/0979215b-3a1b-4356-9c76-e90fa4551f1d.svg#0979215b-3a1b-4356-9c76-e90fa4551f1d)
      format("svg");
}

@font-face {
  font-family: "Avenir Light";
  src: url(../fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix);
  src: url(../fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix)
      format("eot"),
    url(../fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2) format("woff2"),
    url(../fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff) format("woff"),
    url(../fonts/4577388c-510f-4366-addb-8b663bcc762a.ttf) format("truetype"),
    url(../fonts/b0268c31-e450-4159-bfea-e0d20e2b5c0c.svg#b0268c31-e450-4159-bfea-e0d20e2b5c0c)
      format("svg");
}

@font-face {
  font-family: "Avenir Roman";
  src: url(../fonts/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix);
  src: url(../fonts/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix)
      format("eot"),
    url(../fonts/b290e775-e0f9-4980-914b-a4c32a5e3e36.woff2) format("woff2"),
    url(../fonts/4b978f72-bb48-46c3-909a-2a8cd2f8819c.woff) format("woff"),
    url(../fonts/9bdf0737-f98c-477a-9365-ffc41b9d1285.ttf) format("truetype"),
    url(../fonts/15281d0d-e3c2-46e1-94db-cb681e00bfaa.svg#15281d0d-e3c2-46e1-94db-cb681e00bfaa)
      format("svg");
}

@font-face {
  font-family: "Avenir Heavy";
  src: url(../fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix);
  src: url(../fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix)
      format("eot"),
    url(../fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2) format("woff2"),
    url(../fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff) format("woff"),
    url(../fonts/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf) format("truetype"),
    url(../fonts/20577853-40a7-4ada-a3fb-dd6e9392f401.svg#20577853-40a7-4ada-a3fb-dd6e9392f401)
      format("svg");
}

body {
  /* background: #f1f1f1 !important; */
  /* color: #444 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.4em !important;
  min-width: 600px !important; */
}

input::-moz-focus-inner {
  outline: 0 !important;
}

.selected-yellow svg .y-path {
  fill: #ffffff;
}

.bmc-hidden {
  display: none;
}

#bmc-popup {
  background-color: #f9f7f8 !important;
  color: #333 !important;
  height: auto !important;
  border-radius: 3px !important;
  border: 1px solid #ffd0b7 !important;
  font-family: "Avenir Roman", sans-serif !important;
  font-size: 16px !;
}

a.bmc-link {
  color: #ff813f !important;
}

h2.bmc-title {
  margin: 32px 0 16px 0 !important;
  font-family: "Avenir Heavy", sans-serif !important;
  font-weight: 700 !important;
}

.bmc-p-relative {
  position: relative;
}

.bmc-flex {
  display: flex;
}

.bmc-flex-center {
  justify-content: center;
}

.bmc-text-center {
  margin-top: 0 !important;
  text-align: center;
  margin-bottom: 0px;
}

.bmc-float-l {
  float: left;
}

.bmc-float-r {
  float: right;
}

.bmc-p-0 {
  padding: 0 !important;
}

.bmc-p-l-30 {
  padding-left: 30px;
}

.bmc-m-l-5 {
  margin-left: 5px;
}

.bmc-m-r-30 {
  margin-right: 30px !important;
}

.bmc-m-t-5 {
  margin-top: 5px !important;
}

.bmc-m-t-25 {
  margin-top: 25px !important;
}

.bmc-m-t-10 {
  margin-top: 10px !important;
}

.bmc-m-t-15 {
  margin-top: 15px !important;
}

.bmc-m-t-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.bmc-m-t-30 {
  margin-top: 30px !important;
}

.bmc-m-t-35 {
  margin-top: 35px !important;
}

.bmc-m-t-40 {
  margin-top: 40px !important;
}

.bmc-m-t-50 {
  margin-top: 50px;
}

.bmc-l-h-28 {
  line-height: 28px;
}

.bmc-width a:hover,
.bmc-width a:active,
.bmc-width a:focus {
  text-decoration: none;
  outline: none;
  /*box-shadow: none;*/
}

.bmc-btn {
  /*background: #FF813F;*/
  background: #3173a7;
  border-radius: 5px;
  padding: 7px 62px;
  color: #ffffff;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 17px;
  text-align: center;
  transition: 0.3s all linear;
  display: inline-block;
  text-decoration: none;
}

.bmc-btn:hover,
.bmc-btn:active,
.bmc-btn:focus {
  box-shadow: 0 2px 8px 0 rgba(49, 115, 167, 0.35);
  text-decoration: none;
  color: #ffffff !important;
  opacity: 0.9;
}

.bmc-button-primary {
  background: #00aadc;
  border-color: #0087be;
  box-shadow: 0 1px 0 #006799;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799,
    -1px 0 1px #006799;
  display: inline-block;
  font-size: 11px;
  line-height: 26px;
  letter-spacing: 0.8px;
  margin: 0;
  padding: 0px 10px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  -webkit-appearance: none;
  border-radius: 3px;
  white-space: nowrap;
  box-sizing: border-box;
}

.bmc-button-primary.focus,
.bmc-button-primary.hover,
.bmc-button-primary:focus,
.bmc-button-primary:hover {
  background: #00aadc !important;
  border-color: #005082 !important;
  color: #fff !important;
  outline: 0 !important;
}

.bmc-button-primary.focus,
.bmc-button-primary:focus {
  box-shadow: 0 0 0 2px #78dcfa !important;
}

.bmc-disconnect {
  margin-top: 11px;
}

.bmc-button {
  vertical-align: top;
}

.bmc-button1 {
  width: 232px;
  padding: 20px;
  vertical-align: top;
  background: #ff813f;
  border-radius: 4px;
  /* font-family: .AppleSystemUIFont; */
  font-size: 14px;
  color: #ffffff;
  /* letter-spacing: 1; */
  outline: none;
  border: 0;
  cursor: pointer;
}

.custom-clr {
  width: 41px;
  height: 41px;
  border-radius: 50%;
}

.custom-clr1 {
  width: 31px;
  height: 31px;
  border-radius: 50%;
}

.custom-orange {
  background-color: #ff813f !important;
}

.custom-yellow {
  background-color: #ffdd00 !important;
}

.custom-purple {
  background-color: #bb5794 !important;
}

.custom-black {
  background-color: #150909 !important;
}

.custom-white {
  background-color: #ffffff !important;
}

.custom-blue {
  background-color: #5f7fff !important;
}

.custom-green {
  background-color: #40dca5 !important;
}

.custom-red {
  background-color: #ff5f5f !important;
}

.custom-pink {
  background-color: #f471ff !important;
}

.custom-violet {
  background-color: #bd5fff !important;
}

.bmc-add-btn {
  font-size: 12px !important;
  padding: 7px 14px 5px !important;
}

.bmc-button:hover {
  background: #fafafa;
  border-color: #999;
  color: #23282d;
}

.bmc-button:active {
  transform: translateY(1px);
  outline: 0;
}

.bmc-body,
.bmc-body-start {
  background-color: #f3f6f8;
  font-family: "Avenir Book", sans-serif !important;
}

.bmc-width {
  max-width: 80% !important;
  margin: 0 auto;
  padding: 24px;
}

.bmc-navbar .bmc-width,
.bmc-common-header .bmc-width {
  padding-left: 24px !important;
  padding-right: 24px !important;
  padding: 0;
}

.bmc-common-header {
  height: 53px;
  background: #ffffff;
  box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5);
  /*position: fixed;
      top: 0;*/
  width: 100%;
}

.bmc-head-logo {
  margin-top: 12px;
  /*margin-top: 8px;*/
}

.bmc-head-logo img {
  width: 167px;
  outline: none;
  box-shadow: none;
}

.bmc-head-logo:focus {
  outline: none;
  box-shadow: none;
}

.bmc-header-tab {
  background-color: #3173a7;
  color: #000000;
  height: 29px;
  display: inline-block;
}

.bmc-tabs-wrapper {
  border-bottom: 1px solid #e7e7e7;
  margin-top: 33px;
  height: 60px;
  font-family: "Avenir Book", sans-serif !important;
}

.bmc-page-tab {
  box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5);
  -webkit-box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5);
  background-color: #ffffff;
  margin-bottom: 42px;
}

.bmc-dash-tabs,
.bmc-dash-tabs:active,
.bmc-dash-tabs:focus {
  font-family: "Nunito", sans-serif;
  font-size: 13px;
  /*color: rgb(176, 176, 176);*/
  color: rgb(41, 42, 42);
  margin-right: 0 !important;
  line-height: 7px;
  letter-spacing: 0.4px;
  font-weight: 800;
  transition: 0.3s all linear;
  border-bottom: 3px solid transparent;
  text-decoration: none;
  /*padding-bottom: 12px;*/
  padding-top: 30px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-shadow: none;
}

.bmc-dash-tabs:hover {
  color: rgb(41, 42, 42);
  border-bottom: 3px solid #3173a7;
  text-decoration: none;
  padding-bottom: 12px;
}

.bmc-dash-tabs.bmc-tab-active {
  color: rgb(41, 42, 42);
  border-bottom: 3px solid #3173a7;
  padding-bottom: 10px;
}

.bmc-tabs-wrapper .bmc-dash-tabs:last-child {
  margin-right: 0 !important;
}

.bmc-dash-wrapper {
  background: #ffffff;
  border: 1px solid rgba(225, 225, 225, 0.5);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px 46px;
}

.bmc-p-graph .bmc-fund-type {
  margin-top: 12px !important;
}

.bmc-fund-val {
  color: #010101;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-size: 30px;
  padding-right: 5px;
  margin-top: 2px;
}

.bmc-fund-type {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 13px;
  font-size: 13px;
  padding-top: 3px;
  margin-top: 3px;
  color: #6d6a8a;
  margin-bottom: 0;
}

.bmc-coffee-logo {
  width: 18px;
  margin-bottom: 2px;
}

.bmc-fund-status div .bmc-fund-type:nth-child(2) {
  margin-top: -2px;
}

.bmc-p-graph {
  margin-bottom: 0 !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0px rgba(0, 0, 0, 0.19);
  /*-webkit-box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5);
    box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5);*/
}

.bmc-canvas {
  width: auto;
  height: auto;
}

.bmc-tab-head {
  font-size: 19px;
  text-align: left;
  font-family: "Nunito", sans-serif !important;
  color: #262626;
  font-weight: 700;
}

.bmc-tab-head .bmc-head {
  padding-left: 10px;
}

.bmc-head-table {
  margin-top: 20px;
  margin-bottom: 30px;
}

.bmc-chart-title {
  margin-bottom: 20px;
}

.bmc-align-tab:hover,
.bmc-align-tab:active,
.bmc-align-tab:focus {
  color: #000000;
  border-bottom: 3px solid #3173a7;
  text-decoration: none;
  box-shadow: none;
}

.bmc-tab-ac {
  color: #000000 !important;
  border-bottom: 3px solid #3173a7 !important;
}

.bmc-dash-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  line-height: 200px;
  font-size: 100px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bmc-dash-panel {
  z-index: -1;
  display: none;
}

.bmc-dash-panel.bmc-current,
.bmc-dash-panel.bmc-exit {
  z-index: 2;
  display: block;
}

.bmc-dash-panel.bmc-enter {
  display: block;
}

.bmc-animating .bmc-exit,
.bmc-animating .bmc-enter {
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.bmc-animating .bmc-exit.bmc-stageright,
.bmc-animating .bmc-exit.slideright {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.bmc-count-ht {
  height: 40px;
}

.bmc-m-b-footer {
  margin-bottom: 64px !important;
}

.bmc-transactions > tbody > tr > td,
.bmc-transactions > tbody > tr > th,
.bmc-transactions > tfoot > tr > td,
.bmc-transactions > tfoot > tr > th,
.bmc-transactions > thead > tr > td {
  border-bottom: 2px solid transparent !important;
}

.bmc-transactions tbody tr:first-of-type td {
  padding-top: 20px !important;
}

.bmc-transactions thead {
  border-top: 1px solid transparent !important;
}

.bmc-transactions > thead > tr > th,
.bmc-transactions > tbody > tr > td {
  padding: 8px 25px 8px 0 !important;
  /*   padding: 10px 5px 8px 17px !important; */
}

.bmc-transactions > thead > tr > th {
  font-family: "Nunito", sans-serif;
  font-size: 12px;
  color: rgb(176, 176, 176);
  margin-right: 48px;
  line-height: 30px;
  letter-spacing: 0.4px;
  padding: 0px 0px;
  font-weight: 300;
  transition: 0.3s all linear;
  border-bottom: 2px solid transparent !important;
  text-decoration: none;
  text-transform: uppercase;
  /*   padding-left: 17px !important; */
  padding-left: 0 !important;
  padding-right: 10px !important;
}

.bmc-transactions > tbody > tr > td {
  position: relative;
  vertical-align: middle;
  font-size: 16px;
  color: #807e9c;
  font-family: "Nunito", sans-serif;
  margin: 0;
  font-weight: 300;
  max-width: 115px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bmc-transactions {
  margin-bottom: -23px;
}

/* Welcome page */
.bmc-page-head {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-size: 24px;
  text-align: center;
  color: #000000;
}

.bmc-m-tb-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.bmc-connect-wrapper {
  background: #ffffff;
  border: none !important;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 35px;
  box-shadow: none !important;
}

.bmc-connect-text {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  font-size: 18px;
  text-align: center;
  color: #000000;
}

.bmc-connect-w {
  width: 490px;
  margin: 0 auto;
}

.bmc-small-text {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 17px;
  font-size: 12px;
  text-align: center;
  color: #000000;
  margin-bottom: 0;
}

.bmc-small-text a {
  text-decoration: none;
}

.bmc-small-text-w {
  width: 323px;
  margin: 0 auto;
}

.bmc-sub-head {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-size: 20px;
  text-align: center;
  color: #000000;
  margin-bottom: 0;
}

.bmc-creators-img {
  display: block;
  width: 421px;
  margin: 0 auto;
}

/* Widgets page */
.bmc-widget-head {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  font-size: 20px;
  color: #010101;
  letter-spacing: 0.4px;
}

.bmc-widget-sub1 {
  font-family: "Avenir Book", sans-serif !important;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-size: 17px;
  color: #000000;
  letter-spacing: 0.5px;
}

.bmc-btn-type {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-size: 18px;
  color: #9b9b9b;
}

.bmc-custom-clr {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  border: 1px solid #979797;
}

.bmc-custom-clr1 {
  width: 41px;
  height: 41px;
  border-radius: 50%;
  /*margin-left: 25px;*/
  margin-right: 11px;
  margin-top: 5px;
}

.bmc-clr-sel {
  border: 1px solid #1772e6 !important;
}

.bmc-custom-orange {
  background-color: #ff813f !important;
}

.bmc-custom-yellow {
  background-color: #ffdd00 !important;
}

.bmc-custom-purple {
  background-color: #bb5794 !important;
}

.bmc-custom-black {
  background-color: #150909 !important;
}

.bmc-custom-white {
  background-color: #ffffff !important;
}

.bmc-custom-violet {
  background-color: #bd5fff !important;
}

.bmc-black-font,
.bmc-black-font:hover,
.bmc-black-font:active,
.bmc-black-font:focus {
  color: #000000 !important;
}

.bmc-choose-bmc {
  margin-top: 0 !important;
}

.bmc-choose-bmc a:focus {
  box-shadow: none !important;
}

.bmc-text-box {
  font-size: 17px;
  padding: 10px;
  display: block;
  font-family: "Nunito", sans-serif;
  color: #262626;
  font-weight: 300;
  background-color: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  transition: 0.3s all linear;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  margin-top: 12px !important;
  margin-bottom: 25px !important;
  width: 190px;
  margin: 0 auto;
}

.bmc-text-box:focus {
  outline: 0;
  box-shadow: none;
}

.bmc-text-box::placeholder {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #807e9c;
  text-align: center;
  opacity: 0.5;
}

.bmc-preview1 {
  /* font-family: .AppleSystemUIFont;

    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    color: #807E9C;
    /* opacity: 0.5; */
  margin-right: 16px;

  font-family: "Avenir Roman", sans-serif;
  line-height: normal;
  font-size: 13px;
  color: #807e9c;
  opacity: 0.5;
}

input[type="checkbox"].bmc-toggle {
  height: 0;
  width: 0;
  visibility: hidden;
}

label.bmc-toggle {
  display: inline-flex !important;
  cursor: pointer;
  text-indent: -9999px;
  width: 64px;
  height: 26px;
  background: grey;
  display: block;
  border-radius: 32px;
  position: relative;
}

label.bmc-toggle:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 18px;
  transition: 0.3s;
}

input.bmc-toggle:checked + label {
  background: #ff813f;
}

input.bmc-toggle:checked + label:after {
  left: calc(100% - 4px);
  transform: translateX(-100%);
}

label.bmc-toggle:active:after {
  width: 64px;
}

.bmc-toast {
  padding: 10px 15px 0px 15px;
  background: #fff;
  border: 1px solid #fff !important;
  box-sizing: border-box;
  border-radius: 8px;
  position: absolute;
  width: 300px;
  top: 7px;
  text-align: center;
  right: 24px;
}

@media (max-width: 767px) {
  .bmc-cus-btn {
    font-size: 20px !important;
  }
}

.bmc-cus-btn {
  padding: 2px 0 0;
  color: #fff;
  background-color: #ff813f;
  border-radius: 5px !important;
  border: 1px solid transparent;
  font-size: 28px !important;
  -webkit-box-shadow: 0 1px 2px 2px #bebebe;
  -webkit-box-shadow: 0 1px 2px 2px rgba(190, 190, 190, 0.5);
  box-shadow: 0 1px 2px #bebebe;
  box-shadow: 3px 4px 4px rgba(190, 190, 190, 0.5);
  -o-transition: background-color 0.3s, color 0.3s linear;
  -webkit-transition: background-color 0.3s, color 0.3s linear;
  -moz-transition: background-color 0.3s, color 0.3s linear;
  -ms-transition: background-color 0.3s, color 0.3s linear;
  transition: background-color 0.3s, color 0.3s linear;
  margin: 0 auto;
  font-family: cookie, cursive;
  display: inline-block;
  letter-spacing: 0.6px;
  line-height: 46px;
  height: 51px !important;
  min-width: 217px;
  text-decoration: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  /* padding: 0 10px;
      color: #ffffff;
      background-color: #FF813F;
      border-radius: 3px;
      border: 1px solid transparent;
      font-size: 23px;
      box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5);
      -webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5);
      -moz-transition: 0.3s all linear;
      -o-transition: 0.3s all linear;
      -webkit-transition: 0.3s all linear;
      transition: 0.3s all linear;
      margin: 0 auto;
      font-family: 'Cookie', cursive;
      display: inline-block; */
}

.bmc-cus-btn:hover,
.bmc-cus-btn:active,
.bmc-cus-btn:focus {
  -webkit-box-shadow: 0 4px 16px 0 rgba(190, 190, 190, 0.45) !important;
  box-shadow: 0 4px 16px 0 rgba(190, 190, 190, 0.45) !important;
  opacity: 0.85;
  color: #ffffff;
}

.bmc-cus-btn .bmc-logo {
  /* margin-top: 6px !important; */
  width: 27px;
  border-radius: 1.67131px;
  transition: 0.3s all linear;
}

.bmc-cus-btn .bmc-logo:hover,
.bmc-cus-btn .bmc-logo:focus,
.bmc-cus-btn .bmc-logo:active {
  opacity: 0.85;
}

.bmc-copy-code {
  background: #3173a7;
  border-radius: 5px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  color: #ffffff;
  padding: 9px 30px;
  transition: 0.3s all linear;
}

.bmc-copy-code:hover,
.bmc-copy-code:active,
.bmc-copy-code:focus {
  -webkit-box-shadow: 0 4px 16px 0 rgba(190, 190, 190, 0.45);
  box-shadow: 0 4px 16px 0 rgba(190, 190, 190, 0.45);
  opacity: 0.85;
  color: #ffffff;
}

@media (max-width: 480px) {
  .bmc-choose-bmc a {
    margin-right: 15px !important;
  }

  .bmc-choose-bmc-widget a {
    margin-right: 15px !important;
  }

  .bmc-custom-clr {
    width: 25px !important;
    height: 25px !important;
  }
}

.bmc-choose-bmc .bmc-m-r-30:last-child {
  margin-right: 0 !important;
}

.bmc-choose-bmc-widget .bmc-m-r-30:last-child {
  margin-right: 0 !important;
}

/* Footer page */
.bmc-footer {
  margin-top: 50px;
}

.bmc-foot {
  opacity: 0.5;
  height: 1px;
  width: 100%;
  background-color: #979797;
}

a.bmc-foot-links:hover,
a.bmc-foot-links:active,
a.bmc-foot-links:focus {
  text-decoration: none;
  color: #000000;
}

.bmc-wrapper p.bmc-para {
  font-size: 16px !important;
  color: #788594 !important;
  margin: 20px 0 !important;
}

.bmc-coffee-count p.bmc-para {
  font-size: 17px;
  color: #807e9c;
  font-family: "Lato", sans-serif;
  margin: 0;
  font-weight: 400;
  text-align: center;
  line-height: 27px;
}

.bmc-coffee-count {
  /*margin-top: 20px;*/
  position: relative;
  margin-top: 143px !important;
  /*     margin-top: 43%; */
  transform: translateY(-50%);
}

.bmc-h-430 {
  height: 430px;
}

@media (max-width: 480px) {
  #bmc-toast {
    /*width: auto !important;*/
  }
}

@media (max-width: 767px) {
  #bmc-toast {
    /*width: 450px;*/
    left: 50%;
    transform: translate(-50%, 0);
  }
}

@media (min-width: 768px) {
  #bmc-toast {
    /*width: 768px;*/
  }
}

#bmc-toast {
  visibility: hidden;
  background-color: #68aa24;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  height: 57px;
  position: absolute;
  top: 0px;
  z-index: 1;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.4px;
}

#bmc-toast.bmc-show {
  visibility: visible;
  -webkit-animation: bmc-fadein 0.5s, bmc-fadeout 0.5s 5s !important;
  animation: bmc-fadein 0.5s, bmc-fadeout 0.5s 5s !important;
}

@-webkit-keyframes bmc-fadein {
  from {
    top: -8px;
    opacity: 0;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes bmc-fadein {
  from {
    top: -8px;
    opacity: 0;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

@-webkit-keyframes bmc-fadeout {
  from {
    top: 0;
    opacity: 1;
  }

  to {
    top: -8px;
    opacity: 0;
  }
}

@keyframes bmc-fadeout {
  from {
    top: 0;
    opacity: 1;
  }

  to {
    top: -8px;
    opacity: 0;
  }
}

/**** MEDIA QUERIES ****/

@media (max-width: 380px) {
  .bmc-dash-tabs,
  .bmc-dash-tabs:active,
  .bmc-dash-tabs:focus {
    font-size: 11px !important;
    margin-right: 10px !important;
  }
}

@media (max-width: 480px) and (min-width: 381px) {
  .bmc-dash-tabs,
  .bmc-dash-tabs:active,
  .bmc-dash-tabs:focus {
    margin-right: 20px !important;
  }
}

@media (max-width: 480px) {
  .bmc-p-graph {
    /*width: 300px !important;*/
  }

  .bmc-sup-name {
    width: 45px !important;
  }

  .bmc-align-tab,
  .bmc-align-tab:active,
  .bmc-align-tab:focus {
    font-size: 11px !important;
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .bmc-xs-m-l-20 {
    margin-left: 20px !important;
  }

  .bmc-xs-m-t-20 {
    margin-top: 20px !important;
  }

  .bmc-p-graph {
    padding: 19px 20px 45px 20px;
    /*width: 435px;*/
    margin: 0 auto;
  }

  .bmc-chart-wrapper {
    width: 100%;
    border-radius: 4px;
  }

  .bmc-align-tab,
  .bmc-align-tab:active,
  .bmc-align-tab:focus {
    font-family: "Nunito", sans-serif;
    font-size: 13px;
    color: #b0b0b0;
    margin-right: 12px;
    line-height: 30px;
    letter-spacing: 0.4px;
    padding: 0 0;
    font-weight: 800;
    transition: 0.3s;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    box-shadow: none !important;
    outline: 0 !important;
  }

  .bmc-panelWrapper {
    position: relative;
    overflow: hidden;
    height: 214px;
    width: 100%;
  }

  .bmc-coffeeWrapper {
    position: relative;
    overflow: hidden;
    height: 335px !important;
    width: 100%;
  }

  .bmc-count-ht.bmc-p-l-30:first-child {
    padding-left: 0;
  }

  .bmc-xs-flex-center {
    display: flex;
  }

  .bmc-xs-block {
    display: block !important;
  }

  .bmc-xs-text-center {
    text-align: center;
  }

  .bmc-connect-w,
  .bmc-small-text-w {
    width: auto !important;
  }

  .bmc-coffee-countp:first-child {
    font-size: 60px;
    color: #000000;
    font-family: "Nunito", sans-serif;
    margin: 0;
    line-height: 45px;
    margin-top: 24px;
  }

  .bmc-sup-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: 30px;
    width: 170px;
  }
}

/* /..MOBILE */

/* TABLET */
@media (min-width: 768px) {
  .bmc-sup-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: 30px;
    width: 100px;
  }

  .bmc-p-graph {
    padding: 19px 20px 45px 20px;
    margin-top: 20px;
  }

  .bmc-chart-wrapper {
    border-radius: 4px;
  }

  .bmc-align-tab,
  .bmc-align-tab:active,
  .bmc-align-tab:focus {
    font-family: "Nunito", sans-serif;
    font-size: 13px;
    color: #b0b0b0;
    margin-right: 12px;
    line-height: 30px;
    letter-spacing: 0.4px;
    padding: 0 0;
    font-weight: 800;
    transition: 0.3s;
    text-decoration: none;
    border-bottom: 3px solid transparent;
  }

  .bmc-panelWrapper {
    position: relative;
    overflow: hidden;
    height: 214px;
    width: 100%;
  }

  .bmc-coffeeWrapper {
    position: relative;
    overflow: hidden;
    height: 335px;
    width: 100%;
  }

  .bmc-coffee-countp:first-child {
    font-size: 70px;
    color: #000000;
    font-family: "Nunito", sans-serif;
    margin: 0;
    line-height: 54px;
  }
}

/* /.. TABLET */

/* LAPTOPS */
@media (min-width: 992px) {
  .bmc-p-graph {
    margin-top: 0 !important;
  }

  .bmc-chart-wrapper {
    width: auto !important;
    max-width: 717px !important;
  }

  .bmc-align-tab,
  .bmc-align-tab:active,
  .bmc-align-tab:focus {
    margin-right: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .bmc-chart-title {
    margin-bottom: 18px !important;
  }

  .bmc-panelWrapper {
    position: relative;
    overflow: hidden;
    height: 211px !important;
    width: 100%;
  }

  .bmc-coffeeWrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .bmc-coffee-countp:first-child {
    font-size: 55px !important;
    line-height: 55px !important;
    margin-top: 17px !important;
  }

  .bmc-coffee-count p.bmc-para {
    font-size: 15px !important;
  }
}

/* LARGE DESKTOPS */
@media (min-width: 1200px) {
  .bmc-panelWrapper {
    position: relative;
    overflow: hidden;
    height: 300px !important;
    /*height: 240px !important;*/
    width: 100%;
  }

  .bmc-coffeeWrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .bmc-coffee-countp:first-child {
    font-size: 56px !important;
    line-height: 55px !important;
  }
}

.f-links li a img {
  width: 30px;
  color: #ff813f;
  padding: 3px;
}

.f-links {
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-top: 16px;
}

.bmc-foot-links1 {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  font-size: 12px;
  margin-left: 15px;
  color: #6d6a8a;
}

.copyright1 {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
  color: #6d6a8a;
}

.chosen1 {
  width: 195px;
  padding: 1px 47px 9px 26px !important;
  font-size: 16px;
  border: 1px solid #ccc;
  height: 34px !important;
  -webkit-appearance: none;
}

.font-chooser {
  width: 230px;
  height: 55px;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  margin: 0 auto;
}

.trans-border {
  border: 1px solid transparent !important;
}

.p-relative {
  position: relative;
}

.font-chooser .select-label {
  left: 16px;
  margin-top: 7px;
}

.select-text-label,
.select-dash {
  position: absolute;
  left: 6px;
  padding-left: 0 !important;
}

.dashboard-label {
  font-family: "Avenir Roman", sans-serif;
  font-style: normal;
  font-weight: 400;
  height: 19px;
  font-size: 14px;
  color: rgba(128, 126, 156, 0.5);
  margin-top: 14px;
  padding-left: 10px;
  margin-bottom: 0;
  line-height: 19px;
}

.bmc-text-box {
  font-family: "Avenir Roman", sans-serif !important;
}

.bmc-text-box {
  font-size: 16px;
  padding: 6px !important;
  padding-top: 13px !important;
  display: block;
  font-family: nunito, sans-serif;
  color: #262626;
  font-weight: 300;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  margin-bottom: 15px !important;
  width: 230px !important;
  margin: 0 auto;
  height: 55px !important;
}

.input-container {
  position: relative;
  margin: 8px 0;
  display: flex;
}

.input-container span {
  position: absolute;
  top: 8px;
  left: 16px;
  font-size: 12px;
  color: #807e9c;
}

.input-container span.placeholder {
  position: absolute;
  top: 32px;
  left: 16px;
  font-size: 16px;
  color: #807e9c;
}

.input {
  padding: 32px 16px 16px !important;
  outline: none;
  border: 1px solid #eee !important;
  border-radius: 4px;
  width: 100%;
  font-size: 16px;
  height: 72px;
}

.input.place {
  width: auto;
  padding: 26px 16px 16px 158px !important;
}

.input-container select {
  background-color: #fff;
  color: #32373c !important;
}

.select_align {
  outline: none;
  border: 1px solid #eee !important;
  background-color: #fff;
  color: #32373c !important;
  border-radius: 4px;
  display: inline-flex;
  padding: 4px 16px 16px !important;
  width: 128px;
  height: 72px !important;
  padding: 16px;
  font-size: 16px;
  margin: 0 8px !important;
  line-height: 72px !important;
  vertical-align: middle !important;
  align-items: center;
  justify-content: center;
  font-size: 16px !important;
}

.select_align option {
  color: #32373c !important;
}

.button_bmc_widget {
  display: inline-flex;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px 32px !important;
  background: #ff813f !important;
  color: #fff !important;
  box-shadow: 0px 2px 4px rgba(255, 129, 63, 0.397782) !important;
  border-radius: 3px !important;
  margin: 4px 0 4px !important;
  cursor: pointer !important;
  font-family: "Avenir Heavy", sans-serif !important;
  outline: none;
  border: 0;
  min-width: 230px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.9px;
}

.button_bmc_widget_delete {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px 32px !important;
  background: #fff !important;
  color: #000 !important;
  /* box-shadow: 0px 2px 4px rgba(255, 129, 63, 0.397782) !important; */
  border-radius: 3px !important;
  margin: 4px 0 4px !important;
  cursor: pointer !important;
  font-family: "Avenir Book", sans-serif !important;
  outline: none;
  border: 0;
}

.trigger2,
.trigger {
  /* display: none; */
}

#widget_toggle_form,
#widget_toggle_button {
  display: inline-flex;
  vertical-align: middle;
  align-items: stretch;
}

.white {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  color: #000;
  border-radius: 3px;
  margin: 4px 0 4px;
  cursor: pointer;
}

.inner {
  color: #807e9c;
  padding: 8px 0;
}

#modal-section,
#modal2-section {
  display: none;
}

.modal,
.modal2 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: all 0.2s;
  transform: scale(1.05);
}

.show-modal {
  visibility: visible;
  opacity: 1;
  transition: all 0.2s;
  transform: scale(1);
}

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: auto;
  padding: 16px 32px;
  width: 70%;
  height: 80%;
  border-radius: 8px;
  background-color: #fff;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
  transform: translate(-50%, -50%);
}

.close-button,
.close-button2 {
  position: absolute;
  z-index: 99;
  top: 13px;
  right: 13px;
  display: inline-flex;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #eee;
  cursor: pointer;
  transition: all 0.2s;
  align-items: center;
  justify-content: center;
}

.close-button:hover,
.close-button2:hover {
  color: #b2b2b2;
}

.prompt {
  color: #788594;
  margin: 0 0 16px;
}

.flex {
  display: flex;
  align-items: stretch;
}

.left {
  display: inline-flex;
  flex-direction: column;
  width: 50%;
}

.right {
  display: inline-flex;
  flex-direction: column;
  width: 50%;
}

.color-container {
  display: flex;
  margin-top: 32px;
  width: 100%;
}

.color {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 8px;
  border-radius: 50%;
}

.bmc-orange {
  background-color: #ff813f;
}

.bmc-purple {
  background-color: #5f7fff;
}

.bmc-violet {
  background-color: #bd5fff;
}

.bmc-red {
  background-color: #ff5f5f;
}

.bmc-turquoise {
  background-color: #79d6b5;
}

.bmc-pink {
  background-color: #f471ff;
}

#modal-section {
  overflow-x: auto;
  position: relative;
}

#modal-section .flex {
  min-width: 880px;
}

.widgetPreview {
  height: 760px;
}

.widget-frame {
  height: 760px;
  width: 100%;
  position: relative;
  display: flex;
  flex-grow: 1;
}

.bmc-choose-bmc-widget {
  margin-top: 30px;
}

.bmc-choose-bmc-widget a:focus {
  box-shadow: none !important;
}

.wactive {
  background: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 21.035l-9-8.638 2.791-2.87 6.156 5.874 12.21-12.436 2.843 2.817z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 14px;
  background-repeat: no-repeat;
  border-radius: 50%;
}

.generate-btn-preview {
  height: 60px;
  border-radius: 12px;
  background-color: #ffdd00;
  color: #000;
  font-size: 32px;
  border: none;
  padding: 0px 24px;
  font-family: "Cookie", cursive;
  line-height: 33px;
}
.btn-icon svg {
  display: flex;
  align-items: center;
  width: 25px;
  height: 32px;
}

.btn-icon {
  font-size: 28px;
  -webkit-transform: scale(1) !important;
}
.flex-both-center {
  align-items: center;
  justify-content: center;
}
.flex-vert-center {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.m-l-5 {
  margin-left: 5px;
}